diff --git a/docs/i18n-remaining-items.md b/docs/i18n-remaining-items.md
new file mode 100644
index 0000000..c853c42
--- /dev/null
+++ b/docs/i18n-remaining-items.md
@@ -0,0 +1,182 @@
+# i18n — Verbleibende statische Texte
+
+> Stand: 2026-04-08
+> Diese Stellen verwenden noch hardcoded Strings in Object-Literalen, Arrays oder Hook-Defaults.
+> Sie können nicht einfach mit `t()` gewrapped werden, da sie ausserhalb des React-Render-Kontexts definiert sind.
+> **Lösung:** Array/Object in die Komponente verschieben oder eine Factory-Funktion `(t) => [...]` nutzen.
+
+---
+
+## 1. Hook-Defaults (`useConfirm`, `usePrompt`)
+
+Diese Defaults propagieren in die gesamte App. Ein Fix hier wirkt global.
+
+| Datei | Zeile | Property | Text |
+|-------|-------|----------|------|
+| `hooks/useConfirm.tsx` | 26 | `title` | `'Bestätigung'` |
+| `hooks/useConfirm.tsx` | 27 | `confirmLabel` | `'Bestätigen'` |
+| `hooks/useConfirm.tsx` | 28 | `cancelLabel` | `'Abbrechen'` |
+| `hooks/usePrompt.tsx` | 29 | `title` | `'Eingabe'` |
+| `hooks/usePrompt.tsx` | 30 | `confirmLabel` | `'OK'` |
+| `hooks/usePrompt.tsx` | 31 | `cancelLabel` | `'Abbrechen'` |
+
+---
+
+## 2. Monatsnamen
+
+| Datei | Zeilen | Kontext |
+|-------|--------|---------|
+| `pages/billing/BillingDashboard.tsx` | 182–193 | Monats-Select: `'Januar'` bis `'Dezember'` (12 Einträge) |
+| `components/FormGenerator/FormGeneratorReport/FormGeneratorReport.tsx` | 536–541 | Monats-Select: `'Januar'` bis `'Dezember'` (12 Einträge) |
+
+---
+
+## 3. Tab-Labels (statische Arrays ausserhalb Komponente)
+
+| Datei | Zeilen | Labels |
+|-------|--------|--------|
+| `pages/Settings.tsx` | 23–27 | `'Profil'`, `'Darstellung'`, `'Stimme & Sprache'`, `'Neutralisierung (lokal)'`, `'Datenschutz'` |
+| `pages/views/workspace/WorkspaceSettingsPage.tsx` | 16–17 | `'Generelle Einstellungen'`, `'Neutralisierung (Workspace)'` |
+| `pages/views/neutralization/NeutralizationView.tsx` | 744–745 | `'Configuration'`, `'Playground'` |
+
+---
+
+## 4. Spalten-Definitionen (Column-Arrays)
+
+| Datei | Zeilen | Labels |
+|-------|--------|--------|
+| `pages/admin/AdminLanguagesPage.tsx` | 29–32 | `'Code'`, `'Bezeichnung'`, `'Status'`, `'Einträge'` |
+| `pages/admin/AdminSubscriptionsPage.tsx` | 13–23 | `'Mandant'`, `'Plan'`, `'Status'`, `'Wiederkehrend'`, `'User'`, `'Instanzen'`, `'Revenue/Mt (CHF)'`, `'Gestartet'`, `'Periodenende'`, `'Preis/User'`, `'Preis/Instanz'` |
+| `pages/admin/AdminUserMandatesPage.tsx` | 104–144 | `'Benutzername'`, `'E-Mail'`, `'Vollständiger Name'`, `'Rollen'`, `'Aktiv'` |
+| `pages/admin/AdminMandateRolesPage.tsx` | 106–124 | `'Bezeichnung'`, `'Beschreibung'`, `'Geltungsbereich'` |
+| `pages/admin/AdminInvitationsPage.tsx` | 90–155 | `'Benutzername'`, `'E-Mail'`, `'Rollen'`, `'Gültig bis'`, `'Verwendet'`, `'Erstellt'` |
+| `pages/admin/AdminFeatureRolesPage.tsx` | 138–155 | `'Rollen-Label'`, `'Beschreibung'`, `'Feature'` |
+| `pages/admin/AdminFeatureInstanceUsersPage.tsx` | 205–245 | `'Benutzername'`, `'E-Mail'`, `'Vollständiger Name'`, `'Rollen'`, `'Aktiv'` |
+| `pages/admin/AdminFeatureAccessPage.tsx` | 91–104 | `'Name'`, `'Feature'`, `'Aktiv'` |
+| `pages/views/graphicalEditor/GraphicalEditorWorkflowsPage.tsx` | 184–235 | `'Workflow'`, `'Aktiv'`, `'Läuft'`, `'Steht bei'`, `'Erstellt'`, `'Zuletzt gestartet'`, `'Läufe'` |
+| `pages/views/graphicalEditor/GraphicalEditorTemplatesPage.tsx` | 174–202 | `'Vorlage'`, `'Scope'`, `'Freigegeben'`, `'Erstellt von'`, `'Erstellt'` |
+
+---
+
+## 5. Formular-Feld-Definitionen (AttributeDefinition-Arrays)
+
+| Datei | Zeilen | Labels |
+|-------|--------|--------|
+| `pages/Settings.tsx` | 56–58 | `'Vollstaendiger Name'`, `'E-Mail-Adresse'`, `'Sprache'` + descriptions + placeholders |
+| `pages/admin/wizards/FeatureInstanceWizard.tsx` | 75–78 | `'Mandant'`, `'Feature'`, `'Bezeichnung'`, `'Aktiv'` |
+| `pages/admin/InstanceDetailModal.tsx` | 186–279 | `'Benutzer'`, `'Rollen'`, `'Aktiv'`, `'Einstellungen'`, `'Bezeichnung'`, `'Aktiviert'` |
+| `pages/admin/AdminMandateRolesPage.tsx` | 165–171 | `'Geltungsbereich'`, `'Nur dieser Mandant'`, `'Template (wird bei neuen Mandanten kopiert)'` |
+| `pages/admin/AdminMandateRolePermissionsPage.tsx` | 219–221 | `'Mandanten-Rollen'`, `'Alle (inkl. Templates)'`, `'Nur Templates'` |
+| `pages/admin/AdminFeatureRolesPage.tsx` | 173–205 | `'Rollen-Label'`, `'Beschreibung'` + descriptions |
+| `pages/admin/AdminFeatureInstanceUsersPage.tsx` | 272–299 | `'Benutzer'`, `'Rollen'`, `'Aktiv'` |
+| `pages/admin/AdminInvitationsPage.tsx` | 181 | `'Gültigkeitsdauer (Stunden)'` |
+| `pages/admin/AdminFeatureAccessPage.tsx` | 629–636 | `'Bezeichnung'`, `'Aktiviert'` |
+
+---
+
+## 6. Status-/Option-Maps (Object-Literale)
+
+| Datei | Zeilen | Kontext |
+|-------|--------|---------|
+| `pages/billing/SubscriptionTab.tsx` | 48–53 | Status-Map: `'Zahlung ausstehend'`, `'Geplant'`, `'Aktiv'`, `'Testphase'`, `'Abgelaufen'` |
+| `components/FlowEditor/editor/CanvasHeader.tsx` | 40–42 | Status-Map: `'Entwurf'`, `'Veröffentlicht'`, `'Archiviert'` |
+| `components/FlowEditor/editor/WorkflowConfigurationModal.tsx` | 17–20 | Trigger-Typen: `'Manueller Trigger'`, `'Formular'`, `'Zeitplan'`, `'Immer aktiv'` |
+| `components/FlowEditor/nodes/start/ScheduleStartNodeConfig.tsx` | 22–49 | Schedule-Optionen: `'Täglich'`, `'Werktage'`, `'Bestimmte Tage'`, `'Intervall'`, `'Sekunden'`, `'Minuten'`, `'Stunden'`, `'Tage'`, `'Jahre'` |
+| `components/RbacExportImport/RbacExportImport.tsx` | 49–62 | Import-Modi: `'Zusammenführen'`, `'Nur hinzufügen'`, `'Ersetzen'` + descriptions |
+| `components/AccessRules/AccessRulesEditor.tsx` | 633–636 | Tab-Labels: `'Daten'`, `'Ressourcen'` |
+| `hooks/useAccessRules.tsx` | 23–26 | Scope-Labels: `'Keine'`, `'Eigene'`, `'Gruppe'`, `'Alle'` |
+
+---
+
+## 7. Action-Button `title:`-Props (in Object-Literalen)
+
+| Datei | Zeilen | Titles |
+|-------|--------|--------|
+| `pages/admin/AdminUsersPage.tsx` | 200–212 | `'Bearbeiten'`, `'Löschen'`, `'Passwort-Link senden'` |
+| `pages/admin/AdminUserMandatesPage.tsx` | 352–356 | `'Rollen bearbeiten'`, `'Aus Mandant entfernen'` |
+| `pages/admin/AdminMandatesPage.tsx` | 127–234 | `'Mandant deaktivieren'`, `'Deaktivieren'`, `'Hard Delete (irreversibel)'`, `'Endgültig löschen'`, `'Bearbeiten'`, `'Deaktivieren (Soft-Delete)'` |
+| `pages/admin/AdminMandateRolesPage.tsx` | 430–435 | `'Rolle bearbeiten'`, `'Rolle löschen'` |
+| `pages/admin/AdminInvitationsPage.tsx` | 354–362 | `'Einladung widerrufen'`, `'Einladungs-Link anzeigen'` |
+| `pages/admin/AdminFeatureRolesPage.tsx` | 372–384 | `'Rolle bearbeiten'`, `'Rolle löschen'`, `'Berechtigungen verwalten'` |
+| `pages/admin/AdminFeatureInstanceUsersPage.tsx` | 535–539 | `'Rollen bearbeiten'`, `'Aus Instanz entfernen'` |
+| `pages/admin/AdminFeatureAccessPage.tsx` | 457–471 | `'Instanz löschen'`, `'Instanz bearbeiten'`, `'Rollen synchronisieren'` |
+| `pages/admin/PermissionMatrix.tsx` | 39 | `'Benutzer entfernen'` |
+| `pages/basedata/ConnectionsPage.tsx` | 324–347 | `'Bearbeiten'`, `'Löschen'`, `'Verbinden'`, `'Token erneuern'` |
+| `pages/basedata/FilesPage.tsx` | 232–458 | `'Neuer Ordner'`, `'Bearbeiten'`, `'Löschen'`, `'Herunterladen'`, `'Vorschau'` |
+| `pages/basedata/PromptsPage.tsx` | 215–225 | `'Duplizieren'`, `'Bearbeiten'`, `'Löschen'` |
+| `pages/billing/AdminSubscriptionsPage.tsx` | 67 | `'Sofort kündigen'` |
+| `pages/views/trustee/TrusteePositionsView.tsx` | 455–467 | `'Bearbeiten'`, `'Löschen'`, `'In Buchhaltung synchronisieren'` |
+| `pages/views/trustee/TrusteePositionDocumentsView.tsx` | 192–198 | `'Verknüpfung bearbeiten'`, `'Verknüpfung entfernen'` |
+| `pages/views/trustee/TrusteeDocumentsView.tsx` | 225–238 | `'Bearbeiten'`, `'Löschen'`, `'Herunterladen'` |
+| `pages/views/realestate/RealEstateProjectsView.tsx` | 167–168 | `'Bearbeiten'`, `'Löschen'` |
+| `pages/views/realestate/RealEstateParcelsView.tsx` | 186–194 | `'Bearbeiten'`, `'Löschen'` |
+| `pages/views/graphicalEditor/GraphicalEditorWorkflowsPage.tsx` | 136–336 | `'Workflow umbenennen'`, `'Bearbeiten'`, `'Löschen'`, `'Umbenennen'`, `'Aktivieren'`, `'Deaktivieren'`, `'Ausführen'` |
+| `pages/views/graphicalEditor/GraphicalEditorTemplatesPage.tsx` | 149–289 | `'Vorlage umbenennen'`, `'Im Editor öffnen'`, `'Löschen'`, `'Umbenennen'`, `'Als Workflow kopieren'`, `'Scope ändern'` |
+| `pages/views/chatbot/ChatbotConversationsView.tsx` | 88 | `'Konversation löschen'` |
+| `components/FlowEditor/editor/Automation2FlowEditor.tsx` | 239 | `'Workflow speichern'` |
+| `components/FolderTree/FolderTree.tsx` | 384, 768 | `'Neuer Ordner'` (prompt title) |
+
+---
+
+## 8. Onboarding-Texte (Object-Literale)
+
+| Datei | Zeilen | Labels |
+|-------|--------|--------|
+| `components/OnboardingAssistant.tsx` | 99–149 | `'Mandant einrichten'`, `'Erstes Feature aktivieren'`, `'Erste Datenquelle einbinden'`, `'Ersten AI-Chat starten'` |
+
+---
+
+## 9. ClickUp Node Config (Feld-Optionen)
+
+| Datei | Zeilen | Labels |
+|-------|--------|--------|
+| `components/FlowEditor/nodes/configs/ClickUpNodeConfig.tsx` | 786–794 | `'Titel (name)'`, `'Beschreibung'`, `'Status'`, `'Priorität (1–4)'`, `'Fälligkeit (Datum oder ms)'`, `'Zeitschätzung (Stunden)'`, `'Zeitschätzung (ms)'`, `'Zugewiesene'`, `'Benutzerdefiniertes Feld'` |
+
+---
+
+## 10. Sonstige Einzel-Stellen
+
+| Datei | Zeile | Property | Text |
+|-------|-------|----------|------|
+| `pages/admin/ChatbotConfigSection.tsx` | 58 | `label` | `'Althaus Preprocessor'` |
+| `pages/views/trustee/TrusteePositionsView.tsx` | 167 | `label` | `'Belege'` |
+| `pages/views/trustee/TrusteePositionsView.tsx` | 232 | `label` | `'Sync-Status'` |
+| `pages/views/trustee/TrusteePositionsView.tsx` | 445 | `label` | `'Buchhaltung synchronisieren'` |
+| `pages/views/trustee/TrusteeExpenseImportView.tsx` | 361 | `label` | `'Daily at 22:00'` |
+| `pages/basedata/PromptsPage.tsx` | 81 | `label` | `'Created By'` |
+| `pages/basedata/FilesPage.tsx` | 152 | `label` | `'Created By'` |
+| `components/FlowEditor/nodes/start/FormStartNodeConfig.tsx` | 22 | `label` | `'Feld 1'` |
+| `components/FlowEditor/nodes/start/FormStartNodeConfig.tsx` | 116 | `label` | `'Neues Feld'` |
+
+---
+
+## 11. Sprach-/Locale-Listen (Eigenname-Labels — evtl. NICHT übersetzen)
+
+> Diese Listen enthalten Sprachnamen in der jeweiligen Sprache (Endonym). Sie werden typischerweise **nicht** übersetzt, da der User die Sprache in ihrer Originalbezeichnung erkennen soll.
+
+| Datei | Zeilen | Kontext |
+|-------|--------|---------|
+| `pages/Settings.tsx` | 50–52, 563–565 | Fallback-Sprachoptionen: `'Deutsch'`, `'English'`, `'Français'` |
+| `pages/views/workspace/WorkspaceInput.tsx` | 16–27 | STT-Sprachliste (12 Sprachen) |
+| `pages/admin/AdminLanguagesPage.tsx` | 38–65 | Alle verfügbaren Sprach-Codes mit Endonymen |
+| `components/UiComponents/VoiceLanguageSelect/VoiceLanguageSelect.tsx` | 23–32 | Voice-Sprachliste mit Endonymen |
+| `components/FormGenerator/FormGeneratorForm/FormGeneratorForm.tsx` | 672–675 | Fallback-Sprachoptionen |
+
+---
+
+## Zusammenfassung
+
+| Kategorie | Anzahl Stellen | Dateien |
+|-----------|---------------|---------|
+| Hook-Defaults | 6 | 2 |
+| Monatsnamen | 24 | 2 |
+| Tab-Labels | 9 | 3 |
+| Spalten-Definitionen | ~55 | 10 |
+| Formular-Felder | ~30 | 9 |
+| Status-/Option-Maps | ~30 | 7 |
+| Action-Button titles | ~65 | 23 |
+| Onboarding-Texte | 4 | 1 |
+| ClickUp-Felder | 9 | 1 |
+| Sonstige | 9 | 5 |
+| Sprach-Listen (evtl. nicht übersetzen) | ~60 | 5 |
+| **Total (ohne Sprach-Listen)** | **~241** | **~45 Dateien** |
diff --git a/scripts/list_t_errors.py b/scripts/list_t_errors.py
new file mode 100644
index 0000000..60a8b34
--- /dev/null
+++ b/scripts/list_t_errors.py
@@ -0,0 +1,17 @@
+import re
+from pathlib import Path
+
+text = Path(__file__).resolve().parent.parent / "tsc-out.txt"
+content = text.read_text(encoding="utf-8")
+files = sorted(
+    {
+        m.group(1)
+        for line in content.splitlines()
+        if "Cannot find name 't'" in line
+        for m in [re.match(r"^(src/[^\(:]+\.tsx)", line)]
+        if m
+    }
+)
+for f in files:
+    print(f)
+print("TOTAL", len(files), file=__import__("sys").stderr)
diff --git a/src/components/AccessRules/AccessLevelSelect.tsx b/src/components/AccessRules/AccessLevelSelect.tsx
index bafba16..cada42e 100644
--- a/src/components/AccessRules/AccessLevelSelect.tsx
+++ b/src/components/AccessRules/AccessLevelSelect.tsx
@@ -5,7 +5,8 @@
  */
 
 import React from 'react';
-import { ACCESS_LEVEL_OPTIONS, type AccessLevel, getAccessLevelColor } from '../../hooks/useAccessRules';
+import { _getAccessLevelOptions, type AccessLevel, getAccessLevelColor } from '../../hooks/useAccessRules';
+import { useLanguage } from '../../providers/language/LanguageContext';
 import styles from './AccessRules.module.css';
 
 interface AccessLevelSelectProps {
@@ -25,6 +26,8 @@ export const AccessLevelSelect: React.FC<AccessLevelSelectProps> = ({
   showLabel = false,
   compact = false,
 }) => {
+  const { t } = useLanguage();
+  const accessLevelOptions = _getAccessLevelOptions(t);
   const currentColor = getAccessLevelColor(value);
   
   return (
@@ -42,7 +45,7 @@ export const AccessLevelSelect: React.FC<AccessLevelSelectProps> = ({
           color: currentColor,
         }}
       >
-        {ACCESS_LEVEL_OPTIONS.map(option => (
+        {accessLevelOptions.map(option => (
           <option 
             key={option.value} 
             value={option.value}
diff --git a/src/components/AccessRules/AccessRulesEditor.tsx b/src/components/AccessRules/AccessRulesEditor.tsx
index 05763ee..94b9815 100644
--- a/src/components/AccessRules/AccessRulesEditor.tsx
+++ b/src/components/AccessRules/AccessRulesEditor.tsx
@@ -37,6 +37,8 @@ import { AccessLevelSelect } from './AccessLevelSelect';
 import { AccessRulesTable } from './AccessRulesTable';
 import styles from './AccessRules.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 // =============================================================================
 // TYPES
 // =============================================================================
@@ -66,6 +68,7 @@ interface RuleCardProps {
 }
 
 const RuleCard: React.FC<RuleCardProps> = ({ rule, readOnly, onUpdate, onDelete }) => {
+  const { t } = useLanguage();
   const isDataRule = rule.context === 'DATA';
   
   return (
@@ -83,7 +86,7 @@ const RuleCard: React.FC<RuleCardProps> = ({ rule, readOnly, onUpdate, onDelete
             <button
               className={`${styles.iconButton} ${styles.danger}`}
               onClick={() => onDelete(rule.id)}
-              title="Regel löschen"
+              title={t('accessRulesEditor.regelLoeschen')}
             >
               <FaTrash />
             </button>
@@ -137,7 +140,7 @@ const RuleCard: React.FC<RuleCardProps> = ({ rule, readOnly, onUpdate, onDelete
               />
             </div>
             <div className={styles.permissionItem}>
-              <span className={styles.permissionLabel}>Delete</span>
+              <span className={styles.permissionLabel}>{t('accessRulesEditor.delete')}</span>
               <AccessLevelSelect
                 value={rule.delete}
                 onChange={(value) => onUpdate(rule.id, { delete: value })}
@@ -167,6 +170,7 @@ interface AddRuleFormProps {
 }
 
 const AddRuleForm: React.FC<AddRuleFormProps> = ({ context, availableObjects, onAdd, onCancel }) => {
+  const { t } = useLanguage();
   const [item, setItem] = useState('');
   const [useCustom, setUseCustom] = useState(false);
   const [view, setView] = useState(true);
@@ -217,13 +221,13 @@ const AddRuleForm: React.FC<AddRuleFormProps> = ({ context, availableObjects, on
     <form className={styles.addRuleForm} onSubmit={handleSubmit}>
       <div className={styles.formGroup}>
         <div className={styles.objectSelectorLabel}>
-          <label className={styles.formLabel}>Objekt auswählen</label>
+          <label className={styles.formLabel}>{t('accessRulesEditor.objektAuswaehlen')}</label>
           <button 
             type="button"
             className={styles.toggleCustomButton}
             onClick={() => setUseCustom(!useCustom)}
           >
-            {useCustom ? '← Aus Katalog wählen' : 'Freie Eingabe →'}
+            {useCustom ? t('accessRulesEditor.ausKatalogWaehlen') : t('accessRulesEditor.freieEingabe')}
           </button>
         </div>
         
@@ -242,7 +246,7 @@ const AddRuleForm: React.FC<AddRuleFormProps> = ({ context, availableObjects, on
             onChange={(e) => setItem(e.target.value)}
             className={styles.formSelect}
           >
-            <option value="">-- Global (alle Objekte) --</option>
+            <option value="">{t('accessRulesEditor.globalAlleObjekte')}</option>
             {Object.entries(groupedObjects).map(([feature, objs]) => (
               <optgroup key={feature} label={feature.toUpperCase()}>
                 {objs.map(obj => (
@@ -277,9 +281,9 @@ const AddRuleForm: React.FC<AddRuleFormProps> = ({ context, availableObjects, on
           {/* Header Row */}
           <div className={styles.matrixHeader}>
             <div className={styles.matrixLabel}></div>
-            <div className={styles.matrixGroup}>Eigene (m)</div>
-            <div className={styles.matrixGroup}>Gruppe (g)</div>
-            <div className={styles.matrixGroup}>Alle (a)</div>
+            <div className={styles.matrixGroup}>{t('accessRulesEditor.eigeneM')}</div>
+            <div className={styles.matrixGroup}>{t('accessRulesEditor.gruppeG')}</div>
+            <div className={styles.matrixGroup}>{t('accessRulesEditor.alleA')}</div>
           </div>
           
           {/* CRUD Rows */}
@@ -531,6 +535,7 @@ export const AccessRulesEditor: React.FC<AccessRulesEditorProps> = ({
   featureCode,
 }) => {
   const { showError } = useToast();
+  const { t } = useLanguage();
   const {
     rules,
     loading,
@@ -628,9 +633,9 @@ export const AccessRulesEditor: React.FC<AccessRulesEditorProps> = ({
   
   // Render tabs
   const tabs: { id: TabType; label: string; icon: React.ReactNode; count: number }[] = [
-    { id: 'DATA', label: 'Daten', icon: <FaTable />, count: groupedRules.DATA.length },
+    { id: 'DATA', label: t('accessRulesEditor.daten'), icon: <FaTable />, count: groupedRules.DATA.length },
     { id: 'UI', label: 'UI', icon: <FaDesktop />, count: groupedRules.UI.length },
-    { id: 'RESOURCE', label: 'Ressourcen', icon: <FaServer />, count: groupedRules.RESOURCE.length },
+    { id: 'RESOURCE', label: t('accessRulesEditor.ressourcen'), icon: <FaServer />, count: groupedRules.RESOURCE.length },
     { id: 'JSON', label: 'JSON', icon: <FaCode />, count: rules.length },
   ];
   
@@ -639,7 +644,7 @@ export const AccessRulesEditor: React.FC<AccessRulesEditorProps> = ({
       <div className={styles.accessRulesEditor}>
         <div className={styles.loadingContainer}>
           <div className={styles.spinner} />
-          <span>Lade Berechtigungen...</span>
+          <span>{t('accessRulesEditor.ladeBerechtigungen')}</span>
         </div>
       </div>
     );
diff --git a/src/components/AccessRules/AccessRulesTable.tsx b/src/components/AccessRules/AccessRulesTable.tsx
index a83c79f..38ec264 100644
--- a/src/components/AccessRules/AccessRulesTable.tsx
+++ b/src/components/AccessRules/AccessRulesTable.tsx
@@ -10,6 +10,8 @@ import { FaTable, FaDesktop, FaServer, FaTrash } from 'react-icons/fa';
 import { type AccessRule, type RuleContext, type AccessLevel } from '../../hooks/useAccessRules';
 import styles from './AccessRules.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 // =============================================================================
 // TYPES
 // =============================================================================
@@ -74,6 +76,7 @@ const AccessRuleRow: React.FC<AccessRuleRowProps> = ({
   onUpdate,
   onDelete,
 }) => {
+  const { t } = useLanguage();
   const handleLevelToggle = (
     field: 'read' | 'create' | 'update' | 'delete',
     targetLevel: 'm' | 'g' | 'a',
@@ -163,7 +166,7 @@ const AccessRuleRow: React.FC<AccessRuleRowProps> = ({
           <button
             className={`${styles.iconButton} ${styles.danger}`}
             onClick={() => onDelete(rule.id)}
-            title="Regel löschen"
+            title={t('accessRulesTable.regelLoeschen')}
           >
             <FaTrash />
           </button>
@@ -184,6 +187,7 @@ export const AccessRulesTable: React.FC<AccessRulesTableProps> = ({
   onUpdate,
   onDelete,
 }) => {
+  const { t } = useLanguage();
   const isDataContext = context === 'DATA';
   
   if (rules.length === 0) {
@@ -195,13 +199,13 @@ export const AccessRulesTable: React.FC<AccessRulesTableProps> = ({
       <table className={styles.accessRulesTable}>
         <thead>
           <tr>
-            <th className={styles.colObject}>Objekt (Dot-Notation)</th>
+            <th className={styles.colObject}>{t('accessRulesTable.objektDotnotation')}</th>
             <th className={styles.colView}>View</th>
             {isDataContext && (
               <>
-                <th className={styles.colGroupHeader} colSpan={4}>Eigene (m)</th>
-                <th className={styles.colGroupHeader} colSpan={4}>Gruppe (g)</th>
-                <th className={styles.colGroupHeader} colSpan={4}>Alle (a)</th>
+                <th className={styles.colGroupHeader} colSpan={4}>{t('accessRulesTable.eigeneM')}</th>
+                <th className={styles.colGroupHeader} colSpan={4}>{t('accessRulesTable.gruppeG')}</th>
+                <th className={styles.colGroupHeader} colSpan={4}>{t('accessRulesTable.alleA')}</th>
               </>
             )}
             <th className={styles.colActions}></th>
@@ -213,15 +217,15 @@ export const AccessRulesTable: React.FC<AccessRulesTableProps> = ({
               <th title="Create">C</th>
               <th title="Read">R</th>
               <th title="Update">U</th>
-              <th title="Delete">D</th>
+              <th title={t('accessRulesTable.delete')}>D</th>
               <th title="Create">C</th>
               <th title="Read">R</th>
               <th title="Update">U</th>
-              <th title="Delete">D</th>
+              <th title={t('accessRulesTable.delete')}>D</th>
               <th title="Create">C</th>
               <th title="Read">R</th>
               <th title="Update">U</th>
-              <th title="Delete">D</th>
+              <th title={t('accessRulesTable.delete')}>D</th>
               <th></th>
             </tr>
           )}
diff --git a/src/components/ContentPreview/ContentPreview.tsx b/src/components/ContentPreview/ContentPreview.tsx
index d492662..1c6a225 100644
--- a/src/components/ContentPreview/ContentPreview.tsx
+++ b/src/components/ContentPreview/ContentPreview.tsx
@@ -61,11 +61,11 @@ export function ContentPreview({
     if (isOpen && fileId) {
       // Check if we have valid data
       if (!fileId || fileId === 'undefined' || fileId === 'null') {
-        setError('Invalid file ID');
+        setError(t('contentPreview.invalidFileId'));
         return;
       }
       if (!fileName || fileName === 'Unknown Item') {
-        setError('File name not available');
+        setError(t('contentPreview.fileNameNotAvailable'));
         return;
       }
       loadPreview();
@@ -98,7 +98,7 @@ export function ContentPreview({
         setError(result.error || 'Failed to load preview');
       }
     } catch (err) {
-      setError('An unexpected error occurred while loading the preview');
+      setError(t('contentPreview.anUnexpectedErrorOccurredWhile'));
     }
   };
 
@@ -168,7 +168,7 @@ export function ContentPreview({
           previewUrl={undefined} 
           previewContent={previewContent}
           fileName={fileName} 
-          onError={() => setError('Failed to load PDF preview')}
+          onError={() => setError(t('contentPreview.failedToLoadPdfPreview'))}
         />
       );
     }
@@ -194,9 +194,9 @@ export function ContentPreview({
       return (
         <div className={styles.jsonContainer}>
           <div className={styles.jsonHeader}>
-            <span className={styles.jsonTitle}>JSON Preview (Fallback)</span>
+            <span className={styles.jsonTitle}>{t('contentPreview.jsonPreviewFallback')}</span>
             <div className={styles.jsonHeaderRight}>
-              <span className={styles.jsonSize}>Raw content</span>
+              <span className={styles.jsonSize}>{t('contentPreview.rawContent')}</span>
             </div>
           </div>
           <pre className={styles.jsonPreview}>
@@ -219,7 +219,7 @@ export function ContentPreview({
           <ImageRenderer 
             previewUrl={previewUrl} 
             fileName={fileName} 
-            onError={() => setError('Failed to load image preview')}
+            onError={() => setError(t('contentPreview.failedToLoadImagePreview'))}
           />
         );
       
@@ -230,7 +230,7 @@ export function ContentPreview({
             <HtmlRenderer 
               previewUrl={previewUrl} 
               fileName={fileName} 
-              onError={() => setError('Failed to load HTML preview')}
+              onError={() => setError(t('contentPreview.failedToLoadHtmlPreview'))}
             />
           );
         }
@@ -240,7 +240,7 @@ export function ContentPreview({
             previewUrl={previewUrl} 
             fileName={fileName} 
             mimeType={mimeType}
-            onError={() => setError('Failed to load text preview')}
+            onError={() => setError(t('contentPreview.failedToLoadTextPreview'))}
           />
         );
       
@@ -257,7 +257,7 @@ export function ContentPreview({
               previewUrl={previewUrl} 
               previewContent={previewContent || undefined}
               fileName={fileName} 
-              onError={() => setError('Failed to load PDF preview')}
+              onError={() => setError(t('contentPreview.failedToLoadPdfPreview'))}
             />
           );
         }
@@ -267,7 +267,7 @@ export function ContentPreview({
             <HtmlRenderer 
               previewUrl={previewUrl} 
               fileName={fileName} 
-              onError={() => setError('Failed to load HTML preview')}
+              onError={() => setError(t('contentPreview.failedToLoadHtmlPreview'))}
             />
           );
         }
@@ -279,7 +279,7 @@ export function ContentPreview({
             previewUrl={previewUrl} 
             fileName={fileName} 
             mimeType={mimeType}
-            onError={() => setError('Preview not supported for this file type')}
+            onError={() => setError(t('contentPreview.previewNotSupportedForThis'))}
           />
         );
       
diff --git a/src/components/ContentPreview/UrlContentPreview.tsx b/src/components/ContentPreview/UrlContentPreview.tsx
index 4b9e3ec..29cf09b 100644
--- a/src/components/ContentPreview/UrlContentPreview.tsx
+++ b/src/components/ContentPreview/UrlContentPreview.tsx
@@ -79,7 +79,7 @@ export function UrlContentPreview({
     }
     // If PDF.js also fails, show error
     setIsLoading(false);
-    setError('Failed to load PDF. This might be due to CORS restrictions. You can try downloading the file or opening it in a new tab.');
+    setError(t('urlContentPreview.failedToLoadPdfThis'));
     setShowPdfAnyway(true);
   };
 
@@ -111,7 +111,7 @@ export function UrlContentPreview({
         } else if (isLoading && !hasLoaded && usePdfJs) {
           // PDF.js also failed, show error
           setShowPdfAnyway(true);
-          setError('PDF lädt langsam. Bitte verwenden Sie den Download-Button oder öffnen Sie es in einem neuen Tab.');
+          setError(t('urlContentPreview.pdfLaedtLangsamBitteVerwenden'));
           setIsLoading(false);
         }
       }, QUICK_TIMEOUT);
@@ -129,7 +129,7 @@ export function UrlContentPreview({
       try {
         new URL(url);
       } catch (e) {
-        setError('Invalid URL');
+        setError(t('urlContentPreview.invalidUrl'));
         setIsLoading(false);
       }
     }
@@ -314,7 +314,7 @@ export function UrlContentPreview({
         <div className={styles.unsupportedContainer}>
           <div className={styles.unsupportedIcon}>📄</div>
           <div className={styles.fileName}>{fileName}</div>
-          <p>Preview not supported for this file type. Please download the file to view it.</p>
+          <p>{t('urlContentPreview.previewNotSupportedForThis')}</p>
           <button onClick={handleDownload} className={styles.retryButton}>
             Download File
           </button>
diff --git a/src/components/ContentPreview/renderers/JsonRenderer.tsx b/src/components/ContentPreview/renderers/JsonRenderer.tsx
index 51e0917..13dcde2 100644
--- a/src/components/ContentPreview/renderers/JsonRenderer.tsx
+++ b/src/components/ContentPreview/renderers/JsonRenderer.tsx
@@ -339,7 +339,7 @@ export function JsonRenderer({ previewContent, fileName }: JsonRendererProps) {
                         ) : (
                           typeof data.values[index] === 'object' && data.values[index] !== null && 'keys' in data.values[index] ? 
                             renderTable(data.values[index], level + 1, rowPath) : 
-                            <span className={styles.jsonValue}>Error: Invalid nested data</span>
+                            <span className={styles.jsonValue}>{t('jsonRenderer.errorInvalidNestedData')}</span>
                         )
                       )}
                     </div>
diff --git a/src/components/ContentPreview/renderers/PdfJsRenderer.tsx b/src/components/ContentPreview/renderers/PdfJsRenderer.tsx
index 80d7a0e..5d783ce 100644
--- a/src/components/ContentPreview/renderers/PdfJsRenderer.tsx
+++ b/src/components/ContentPreview/renderers/PdfJsRenderer.tsx
@@ -3,6 +3,8 @@ import { useEffect, useRef, useState } from 'react';
 import * as pdfjsLib from 'pdfjs-dist';
 import styles from '../ContentPreview.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 // Set worker source for PDF.js
 if (typeof window !== 'undefined') {
   // Try to use local worker first, fallback to CDN
@@ -24,7 +26,9 @@ interface PdfJsRendererProps {
   onLoad?: () => void;
 }
 
-export function PdfJsRenderer({ previewUrl, fileName: _fileName, onError, onLoad }: PdfJsRendererProps) {
+export function PdfJsRenderer({
+  previewUrl, fileName: _fileName, onError, onLoad }: PdfJsRendererProps) {
+  const { t } = useLanguage();
   const canvasRef = useRef<HTMLCanvasElement>(null);
   const containerRef = useRef<HTMLDivElement>(null);
   const [isLoading, setIsLoading] = useState(true);
@@ -137,7 +141,7 @@ export function PdfJsRenderer({ previewUrl, fileName: _fileName, onError, onLoad
     return (
       <div className={styles.loadingContainer}>
         <div className={styles.spinner}></div>
-        <p>PDF wird geladen...</p>
+        <p>{t('pdfJsRenderer.pdfWirdGeladen')}</p>
       </div>
     );
   }
diff --git a/src/components/ContentPreview/renderers/TextRenderer.tsx b/src/components/ContentPreview/renderers/TextRenderer.tsx
index 90fa02e..6099252 100644
--- a/src/components/ContentPreview/renderers/TextRenderer.tsx
+++ b/src/components/ContentPreview/renderers/TextRenderer.tsx
@@ -1,5 +1,7 @@
 import styles from '../ContentPreview.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 // Updated to handle both previewUrl and previewContent
 
 interface TextRendererProps {
@@ -10,13 +12,15 @@ interface TextRendererProps {
   onError: () => void;
 }
 
-export function TextRenderer({ previewUrl, previewContent, fileName, mimeType, onError }: TextRendererProps) {
+export function TextRenderer({
+  previewUrl, previewContent, fileName, mimeType, onError }: TextRendererProps) {
+  const { t } = useLanguage();
   // If we have previewContent directly, display it as text
   if (previewContent && !previewUrl) {
     return (
       <div className={styles.textContainer}>
         <div className={styles.textHeader}>
-          <span className={styles.textTitle}>Text Preview</span>
+          <span className={styles.textTitle}>{t('textRenderer.textPreview')}</span>
         </div>
         <pre className={styles.textPreview}>
           <code className={styles.textCode}>
diff --git a/src/components/FlowEditor/editor/Automation2FlowEditor.tsx b/src/components/FlowEditor/editor/Automation2FlowEditor.tsx
index a94ebfc..4bd1129 100644
--- a/src/components/FlowEditor/editor/Automation2FlowEditor.tsx
+++ b/src/components/FlowEditor/editor/Automation2FlowEditor.tsx
@@ -53,6 +53,8 @@ import { UnifiedDataBar } from '../../../components/UnifiedDataBar';
 import type { UdbContext, UdbTab } from '../../../components/UnifiedDataBar';
 import styles from './Automation2FlowEditor.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 const LOG = '[Automation2]';
 
 const DEFAULT_INVOCATIONS = (): WorkflowEntryPoint[] =>
@@ -72,8 +74,7 @@ interface Automation2FlowEditorProps {
   onSourcesChanged?: () => void;
 }
 
-export const Automation2FlowEditor: React.FC<Automation2FlowEditorProps> = ({
-  instanceId,
+export const Automation2FlowEditor: React.FC<Automation2FlowEditorProps> = ({ instanceId,
   mandateId,
   language = 'de',
   initialWorkflowId,
@@ -84,6 +85,7 @@ export const Automation2FlowEditor: React.FC<Automation2FlowEditorProps> = ({
   onFileSelect,
   onSourcesChanged,
 }) => {
+  const { t } = useLanguage();
   const { request } = useApiRequest();
   const { prompt: promptInput, PromptDialog } = usePrompt();
   const [nodeTypes, setNodeTypes] = useState<NodeType[]>([]);
@@ -235,7 +237,7 @@ export const Automation2FlowEditor: React.FC<Automation2FlowEditorProps> = ({
         setExecuteResult({ success: true } as ExecuteGraphResponse);
       } else {
         const label = await promptInput('Workflow-Name:', {
-          title: 'Workflow speichern',
+          title: t('automation2FlowEditor.saveWorkflow'),
           defaultValue: 'Neuer Workflow',
           placeholder: 'Name des Workflows',
         });
@@ -593,7 +595,7 @@ export const Automation2FlowEditor: React.FC<Automation2FlowEditorProps> = ({
           </div>
           <div className={styles.loading}>
             <FaSpinner className={styles.spinner} style={{ marginBottom: '0.5rem' }} />
-            <p>Lade Node-Typen...</p>
+            <p>{t('automation2FlowEditor.ladeNodetypen')}</p>
           </div>
         </div>
       );
diff --git a/src/components/FlowEditor/editor/CanvasHeader.tsx b/src/components/FlowEditor/editor/CanvasHeader.tsx
index 3283ab1..c31b9a4 100644
--- a/src/components/FlowEditor/editor/CanvasHeader.tsx
+++ b/src/components/FlowEditor/editor/CanvasHeader.tsx
@@ -7,6 +7,8 @@ import { FaCog, FaPlay, FaSpinner, FaCloudUploadAlt, FaCloudDownloadAlt, FaArchi
 import type { Automation2Workflow, ExecuteGraphResponse, AutoVersion, AutoTemplateScope } from '../../../api/workflowApi';
 import styles from './Automation2FlowEditor.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 interface CanvasHeaderProps {
   workflows: Automation2Workflow[];
   currentWorkflowId: string | null;
@@ -34,14 +36,15 @@ interface CanvasHeaderProps {
   onWorkflowRename?: (workflowId: string, newName: string) => void;
 }
 
-const STATUS_BADGE: Record<string, { label: string; color: string }> = {
-  draft: { label: 'Entwurf', color: 'var(--warning-color, #ffc107)' },
-  published: { label: 'Veröffentlicht', color: 'var(--success-color, #28a745)' },
-  archived: { label: 'Archiviert', color: 'var(--text-secondary, #666)' },
-};
+function _getStatusBadge(t: (key: string) => string): Record<string, { label: string; color: string }> {
+  return {
+    draft: { label: t('canvasHeader.entwurf'), color: 'var(--warning-color, #ffc107)' },
+    published: { label: t('canvasHeader.veroeffentlicht'), color: 'var(--success-color, #28a745)' },
+    archived: { label: t('canvasHeader.archiviert'), color: 'var(--text-secondary, #666)' },
+  };
+}
 
-export const CanvasHeader: React.FC<CanvasHeaderProps> = ({
-  workflows,
+export const CanvasHeader: React.FC<CanvasHeaderProps> = ({ workflows,
   currentWorkflowId,
   onWorkflowSelect,
   onNew,
@@ -66,9 +69,11 @@ export const CanvasHeader: React.FC<CanvasHeaderProps> = ({
   onNewFromTemplate,
   onWorkflowRename,
 }) => {
+  const { t } = useLanguage();
+  const statusBadge = _getStatusBadge(t);
   const currentVersion = versions?.find((v) => v.id === currentVersionId);
   const currentStatus = currentVersion?.status || 'draft';
-  const badge = STATUS_BADGE[currentStatus] || STATUS_BADGE.draft;
+  const badge = statusBadge[currentStatus] || statusBadge.draft;
 
   const [newMenuOpen, setNewMenuOpen] = useState(false);
   const newMenuRef = useRef<HTMLDivElement>(null);
@@ -148,7 +153,7 @@ export const CanvasHeader: React.FC<CanvasHeaderProps> = ({
           <button
             type="button"
             className={styles.canvasGearBtn}
-            title="Workflow-Konfiguration (Einstieg / Starts)"
+            title={t('canvasHeader.workflowkonfigurationEinstiegStarts')}
             aria-label="Workflow-Konfiguration"
             onClick={onWorkflowSettings}
           >
@@ -167,7 +172,7 @@ export const CanvasHeader: React.FC<CanvasHeaderProps> = ({
               className={styles.retryButton}
               onClick={() => setNewMenuOpen((p) => !p)}
               style={{ borderTopLeftRadius: 0, borderBottomLeftRadius: 0, paddingLeft: 4, paddingRight: 6, borderLeft: '1px solid rgba(0,0,0,0.15)' }}
-              title="Neu aus Vorlage"
+              title={t('canvasHeader.neuAusVorlage')}
             >
               <FaCaretDown style={{ fontSize: '0.7rem' }} />
             </button>
@@ -211,9 +216,9 @@ export const CanvasHeader: React.FC<CanvasHeaderProps> = ({
               className={styles.retryButton}
               onClick={() => setTemplateMenuOpen((p) => !p)}
               disabled={templateSaving}
-              title="Als Vorlage speichern"
+              title={t('canvasHeader.alsVorlageSpeichern')}
             >
-              {templateSaving ? <FaSpinner className={styles.spinner} /> : <><FaBookmark style={{ marginRight: 4 }} />Als Vorlage</>}
+              {templateSaving ? <FaSpinner className={styles.spinner} /> : <><FaBookmark style={{ marginRight: 4 }} />{t('canvasHeader.alsVorlage')}</>}
             </button>
             {templateMenuOpen && (
               <div style={{ position: 'absolute', top: '100%', left: 0, zIndex: 100, background: 'var(--bg-primary, #fff)', border: '1px solid var(--border-color, #e0e0e0)', borderRadius: 6, boxShadow: '0 4px 12px rgba(0,0,0,0.15)', minWidth: 180, marginTop: 4 }}>
@@ -239,7 +244,7 @@ export const CanvasHeader: React.FC<CanvasHeaderProps> = ({
           }}
           style={{ padding: '0.4rem', minWidth: 180 }}
         >
-          <option value="">— Workflow laden —</option>
+          <option value="">{t('canvasHeader.workflowLaden')}</option>
           {workflows.map((w) => (
             <option key={w.id} value={w.id}>
               {w.label}
@@ -265,7 +270,7 @@ export const CanvasHeader: React.FC<CanvasHeaderProps> = ({
           )}
         </button>
         {onToggleChat && (
-          <button type="button" className={styles.retryButton} onClick={onToggleChat} title="Workspace-Panel (Chats, Dateien, Quellen)">
+          <button type="button" className={styles.retryButton} onClick={onToggleChat} title={t('canvasHeader.workspacepanelChatsDateienQuellen')}>
             <FaDatabase style={{ marginRight: '0.4rem' }} />
             Workspace
           </button>
@@ -282,10 +287,10 @@ export const CanvasHeader: React.FC<CanvasHeaderProps> = ({
             style={{ padding: '0.3rem', minWidth: 140, fontSize: '0.85rem' }}
             disabled={versionLoading}
           >
-            <option value="">— Aktuelle —</option>
+            <option value="">{t('canvasHeader.aktuelle')}</option>
             {versions.map((v) => (
               <option key={v.id} value={v.id}>
-                v{v.versionNumber} ({STATUS_BADGE[v.status]?.label ?? v.status})
+                v{v.versionNumber} ({statusBadge[v.status]?.label ?? v.status})
               </option>
             ))}
           </select>
@@ -307,7 +312,7 @@ export const CanvasHeader: React.FC<CanvasHeaderProps> = ({
               className={styles.retryButton}
               onClick={() => onPublishVersion(currentVersion.id)}
               disabled={versionLoading}
-              title="Version veröffentlichen"
+              title={t('canvasHeader.versionVeroeffentlichen')}
               style={{ fontSize: '0.8rem', padding: '0.25rem 0.6rem' }}
             >
               <FaCloudUploadAlt style={{ marginRight: 4 }} />
@@ -320,7 +325,7 @@ export const CanvasHeader: React.FC<CanvasHeaderProps> = ({
               className={styles.retryButton}
               onClick={() => onUnpublishVersion(currentVersion.id)}
               disabled={versionLoading}
-              title="Veröffentlichung zurücknehmen"
+              title={t('canvasHeader.veroeffentlichungZuruecknehmen')}
               style={{ fontSize: '0.8rem', padding: '0.25rem 0.6rem' }}
             >
               <FaCloudDownloadAlt style={{ marginRight: 4 }} />
@@ -333,7 +338,7 @@ export const CanvasHeader: React.FC<CanvasHeaderProps> = ({
               className={styles.retryButton}
               onClick={() => onArchiveVersion(currentVersion.id)}
               disabled={versionLoading}
-              title="Version archivieren"
+              title={t('canvasHeader.versionArchivieren')}
               style={{ fontSize: '0.8rem', padding: '0.25rem 0.6rem' }}
             >
               <FaArchive style={{ marginRight: 4 }} />
@@ -346,7 +351,7 @@ export const CanvasHeader: React.FC<CanvasHeaderProps> = ({
               className={styles.retryButton}
               onClick={onCreateDraft}
               disabled={versionLoading}
-              title="Neuen Entwurf erstellen"
+              title={t('canvasHeader.neuenEntwurfErstellen')}
               style={{ fontSize: '0.8rem', padding: '0.25rem 0.6rem' }}
             >
               + Entwurf
@@ -376,10 +381,10 @@ export const CanvasHeader: React.FC<CanvasHeaderProps> = ({
           }}
         >
           {executeResult.success ? (
-            <>✓ Ausführung abgeschlossen.</>
+            <>{t('canvasHeader.ausfuehrungAbgeschlossen')}</>
           ) : (executeResult as { paused?: boolean }).paused ? (
             <>
-              ⏸ Workflow pausiert. Öffne <strong>Workflows & Tasks</strong> in der Sidebar, um den
+              ⏸ Workflow pausiert. Öffne <strong>{t('canvasHeader.workflowsTasks')}</strong> in der Sidebar, um den
               Task zu bearbeiten.
             </>
           ) : (
diff --git a/src/components/FlowEditor/editor/EditorChatPanel.tsx b/src/components/FlowEditor/editor/EditorChatPanel.tsx
index 94b0f8f..6e29f11 100644
--- a/src/components/FlowEditor/editor/EditorChatPanel.tsx
+++ b/src/components/FlowEditor/editor/EditorChatPanel.tsx
@@ -13,6 +13,8 @@ import { ChatMessageList } from '../../Chat';
 import type { ChatMessage } from '../../Chat';
 import { getPageIcon } from '../../../config/pageRegistry';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export interface PendingFile {
   fileId: string;
   fileName: string;
@@ -46,8 +48,7 @@ interface EditorChatPanelProps {
 
 let _msgCounter = 0;
 
-export const EditorChatPanel: React.FC<EditorChatPanelProps> = ({
-  instanceId,
+export const EditorChatPanel: React.FC<EditorChatPanelProps> = ({ instanceId,
   workflowId,
   onGraphUpdated,
   pendingFiles = [],
@@ -55,6 +56,7 @@ export const EditorChatPanel: React.FC<EditorChatPanelProps> = ({
   dataSources = [],
   featureDataSources = [],
 }) => {
+  const { t } = useLanguage();
   const [messages, setMessages] = useState<ChatMessage[]>([]);
   const [loading, setLoading] = useState(false);
   const [prompt, setPrompt] = useState('');
@@ -187,7 +189,7 @@ export const EditorChatPanel: React.FC<EditorChatPanelProps> = ({
       <ChatMessageList
         messages={messages}
         isProcessing={loading}
-        emptyMessage="Describe what you want to build. The AI will create and modify nodes on the canvas."
+        emptyMessage={t('editorChatPanel.describeWhatYouWantTo')}
       />
 
       {/* Pending files (from UDB drag/click) */}
@@ -277,7 +279,7 @@ export const EditorChatPanel: React.FC<EditorChatPanelProps> = ({
           value={prompt}
           onChange={e => setPrompt(e.target.value)}
           onKeyDown={_handleKeyDown}
-          placeholder={workflowId ? 'Describe a change...' : 'Save workflow first'}
+          placeholder={workflowId ? t('editorChatPanel.describeAChange') : t('editorChatPanel.saveWorkflowFirst')}
           disabled={!workflowId || loading}
           style={{
             flex: 1, minHeight: 36, maxHeight: 100, resize: 'vertical',
@@ -294,7 +296,7 @@ export const EditorChatPanel: React.FC<EditorChatPanelProps> = ({
             <button
               onClick={() => setShowSourcePicker(prev => !prev)}
               disabled={loading || !workflowId}
-              title="Datenquellen anhängen"
+              title={t('editorChatPanel.datenquellenAnhaengen')}
               style={{
                 width: 36, height: 36, borderRadius: 8,
                 border: '1px solid var(--border-color, #ddd)',
@@ -399,7 +401,7 @@ export const EditorChatPanel: React.FC<EditorChatPanelProps> = ({
             background: prompt.trim() && workflowId ? 'var(--primary-color, #F25843)' : '#ccc',
             color: '#fff', cursor: prompt.trim() && workflowId ? 'pointer' : 'default',
             fontWeight: 600, fontSize: 12,
-          }}>Send</button>
+          }}>{t('editorChatPanel.send')}</button>
         )}
       </div>
     </div>
diff --git a/src/components/FlowEditor/editor/FlowCanvas.tsx b/src/components/FlowEditor/editor/FlowCanvas.tsx
index 1754804..16e963e 100644
--- a/src/components/FlowEditor/editor/FlowCanvas.tsx
+++ b/src/components/FlowEditor/editor/FlowCanvas.tsx
@@ -7,6 +7,8 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import type { NodeType } from '../../../api/workflowApi';
 import styles from './Automation2FlowEditor.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export interface CanvasNode {
   id: string;
   type: string;
@@ -78,8 +80,7 @@ const HIGHLIGHT_COLORS: Record<string, string> = {
   skipped: '#6c757d',
 };
 
-export const FlowCanvas: React.FC<FlowCanvasProps> = ({
-  nodes,
+export const FlowCanvas: React.FC<FlowCanvasProps> = ({ nodes,
   connections,
   nodeTypes,
   onNodesChange,
@@ -90,6 +91,7 @@ export const FlowCanvas: React.FC<FlowCanvasProps> = ({
   onSelectionChange,
   highlightedNodeIds,
 }) => {
+  const { t } = useLanguage();
   const containerRef = useRef<HTMLDivElement>(null);
   const [selectedNodeIds, setSelectedNodeIds] = useState<Set<string>>(new Set());
   const selectedNodeId = selectedNodeIds.size === 1 ? [...selectedNodeIds][0] : null;
@@ -638,7 +640,7 @@ export const FlowCanvas: React.FC<FlowCanvasProps> = ({
               style={{ cursor: 'pointer' }}
               role="button"
               tabIndex={-1}
-              aria-label="Verbindung auswählen (Entf zum Löschen, klicken Sie auf einen anderen Eingang zum Umleiten)"
+              aria-label={t('flowCanvas.verbindungAuswaehlenEntfZumLoeschen')}
             >
               <path
                 d={pathD}
@@ -657,7 +659,7 @@ export const FlowCanvas: React.FC<FlowCanvasProps> = ({
                 pointerEvents="none"
               />
               {isWarning && !isSelected && (
-                <title>Type mismatch warning: output type may not match input type</title>
+                <title>{t('flowCanvas.typeMismatchWarningOutputType')}</title>
               )}
             </g>
           );
@@ -756,8 +758,8 @@ export const FlowCanvas: React.FC<FlowCanvasProps> = ({
                       outputLabel ??
                       (selectedConnectionId && !isOutput
                         ? used
-                          ? 'Aktuelles Ziel – klicken zum Abwählen'
-                          : 'Klicken zum Umleiten'
+                          ? t('flowCanvas.aktuellesZielKlickenZumAbwaehlen')
+                          : t('flowCanvas.klickenZumUmleiten')
                         : undefined)
                     }
                   />
@@ -836,7 +838,7 @@ export const FlowCanvas: React.FC<FlowCanvasProps> = ({
       )}
       {nodes.length === 0 && (
         <div className={styles.canvasPlaceholder}>
-          <p>Nodes aus der Liste links hierher ziehen.</p>
+          <p>{t('flowCanvas.nodesAusDerListeLinks')}</p>
         </div>
       )}
       </div>
diff --git a/src/components/FlowEditor/editor/NodeConfigPanel.tsx b/src/components/FlowEditor/editor/NodeConfigPanel.tsx
index 217ae54..28fd6f4 100644
--- a/src/components/FlowEditor/editor/NodeConfigPanel.tsx
+++ b/src/components/FlowEditor/editor/NodeConfigPanel.tsx
@@ -11,6 +11,8 @@ import { getLabel } from '../nodes/shared/utils';
 import { FRONTEND_TYPE_RENDERERS } from '../nodes/frontendTypeRenderers';
 import styles from './Automation2FlowEditor.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 interface NodeConfigPanelProps {
   node: CanvasNode | null;
   nodeType: NodeType | undefined;
@@ -22,16 +24,16 @@ interface NodeConfigPanelProps {
   request?: ApiRequestFunction;
 }
 
-export const NodeConfigPanel: React.FC<NodeConfigPanelProps> = ({
-  node,
+export const NodeConfigPanel: React.FC<NodeConfigPanelProps> = ({ node,
   nodeType,
   language,
   onParametersChange,
-  onMergeNodeParameters,
+  onMergeNodeParameters: _onMergeNodeParameters,
   onNodeUpdate,
   instanceId,
   request,
 }) => {
+  const { t } = useLanguage();
   const [params, setParams] = useState<Record<string, unknown>>({});
   const nodeIdRef = useRef<string | undefined>(undefined);
   nodeIdRef.current = node?.id;
@@ -80,13 +82,13 @@ export const NodeConfigPanel: React.FC<NodeConfigPanelProps> = ({
     <div className={styles.nodeConfigPanel}>
       {showNameField && (
         <div className={styles.nodeConfigNameRow}>
-          <label htmlFor="node-config-name">Bezeichnung</label>
+          <label htmlFor="node-config-name">{t('nodeConfigPanel.bezeichnung')}</label>
           <input
             id="node-config-name"
             type="text"
             value={node.title ?? ''}
             onChange={(e) => onNodeUpdate(node.id, { title: e.target.value })}
-            placeholder="z.B. Kundenformular, Prüfen Land"
+            placeholder={t('nodeConfigPanel.zbKundenformularPruefenLand')}
           />
           <p className={styles.nodeConfigNameHint}>
             Wird im Data Picker angezeigt, um diesen Node zu identifizieren.
diff --git a/src/components/FlowEditor/editor/NodeSidebar.tsx b/src/components/FlowEditor/editor/NodeSidebar.tsx
index 8dce433..4797bcd 100644
--- a/src/components/FlowEditor/editor/NodeSidebar.tsx
+++ b/src/components/FlowEditor/editor/NodeSidebar.tsx
@@ -11,6 +11,8 @@ import { getLabel } from '../nodes/shared/utils';
 import { NodeListItem } from './NodeListItem';
 import styles from './Automation2FlowEditor.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 interface NodeSidebarProps {
   nodeTypes: NodeType[];
   categories: NodeTypeCategory[];
@@ -24,8 +26,7 @@ interface NodeSidebarProps {
   style?: React.CSSProperties;
 }
 
-export const NodeSidebar: React.FC<NodeSidebarProps> = ({
-  nodeTypes,
+export const NodeSidebar: React.FC<NodeSidebarProps> = ({ nodeTypes,
   categories,
   filter,
   onFilterChange,
@@ -35,6 +36,7 @@ export const NodeSidebar: React.FC<NodeSidebarProps> = ({
   excludedCategories,
   style,
 }) => {
+  const { t } = useLanguage();
   const filteredNodeTypes = useMemo(() => {
     const visible = nodeTypes.filter(
       (n) =>
@@ -76,8 +78,8 @@ export const NodeSidebar: React.FC<NodeSidebarProps> = ({
     return result;
   }, [groupedByCategory]);
 
-  const getLabelFn = (t: string | Record<string, string> | undefined, lang?: string) =>
-    getLabel(t, lang ?? language);
+  const getLabelFn = (multilingual: string | Record<string, string> | undefined, lang?: string) =>
+    getLabel(multilingual, lang ?? language);
 
   return (
     <div className={styles.sidebar} style={style}>
@@ -86,7 +88,7 @@ export const NodeSidebar: React.FC<NodeSidebarProps> = ({
         <input
           type="text"
           className={styles.sidebarSearch}
-          placeholder="Nodes durchsuchen..."
+          placeholder={t('nodeSidebar.nodesDurchsuchen')}
           value={filter}
           onChange={(e) => onFilterChange(e.target.value)}
         />
diff --git a/src/components/FlowEditor/editor/RunTracingPanel.tsx b/src/components/FlowEditor/editor/RunTracingPanel.tsx
index 17eebc4..1710bb9 100644
--- a/src/components/FlowEditor/editor/RunTracingPanel.tsx
+++ b/src/components/FlowEditor/editor/RunTracingPanel.tsx
@@ -9,6 +9,8 @@ import React, { useState, useEffect, useCallback, useRef } from 'react';
 import { useApiRequest } from '../../../hooks/useApi';
 import type { AutoStepLog } from '../../../api/workflowApi';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 interface RunTracingPanelProps {
   instanceId: string;
   runId: string | null;
@@ -49,7 +51,9 @@ function _truncateJson(obj: unknown, maxLen = 300): string {
   }
 }
 
-const CollapsibleSection: React.FC<{ label: string; content: string }> = ({ label, content }) => {
+const CollapsibleSection: React.FC<{
+  label: string; content: string;
+}> = ({ label, content }) => {
   const [open, setOpen] = useState(false);
   if (!content) return null;
   return (
@@ -82,6 +86,7 @@ export const RunTracingPanel: React.FC<RunTracingPanelProps> = ({
   onNodeSelect,
   onActiveStepsChange,
 }) => {
+  const { t } = useLanguage();
   const [steps, setSteps] = useState<AutoStepLog[]>([]);
   const [loading, setLoading] = useState(false);
   const [sseConnected, setSseConnected] = useState(false);
@@ -178,7 +183,7 @@ export const RunTracingPanel: React.FC<RunTracingPanelProps> = ({
         Run Steps {loading && <span style={{ fontWeight: 400, fontSize: '12px', color: '#888' }}>(loading...)</span>}
       </div>
       {steps.length === 0 && !loading && (
-        <div style={{ color: 'var(--text-secondary, #888)', fontSize: '13px' }}>No steps recorded yet.</div>
+        <div style={{ color: 'var(--text-secondary, #888)', fontSize: '13px' }}>{t('runTracingPanel.noStepsRecordedYet')}</div>
       )}
       {steps.map((step: any) => {
         const startStr = _formatTimestamp(step.startedAt);
@@ -217,7 +222,7 @@ export const RunTracingPanel: React.FC<RunTracingPanelProps> = ({
               </span>
               <span style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>
                 {step.retryCount > 0 && (
-                  <span style={{ color: '#f0ad4e', fontSize: '11px' }} title="Retry count">
+                  <span style={{ color: '#f0ad4e', fontSize: '11px' }} title={t('runTracingPanel.retryCount')}>
                     {step.retryCount}x retry
                   </span>
                 )}
diff --git a/src/components/FlowEditor/editor/WorkflowConfigurationModal.tsx b/src/components/FlowEditor/editor/WorkflowConfigurationModal.tsx
index 085c472..2c137e8 100644
--- a/src/components/FlowEditor/editor/WorkflowConfigurationModal.tsx
+++ b/src/components/FlowEditor/editor/WorkflowConfigurationModal.tsx
@@ -10,13 +10,17 @@ import {
 } from '../nodes/runtime/workflowStartSync';
 import styles from './Automation2FlowEditor.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 /** Vier Einstiege; bei „Immer aktiv“ folgt später die Listener-Konfiguration (E-Mail, Webhook, …). */
-const KIND_OPTIONS: { value: string; label: string }[] = [
-  { value: 'manual', label: 'Manueller Trigger' },
-  { value: 'form', label: 'Formular' },
-  { value: 'schedule', label: 'Zeitplan' },
-  { value: 'always_on', label: 'Immer aktiv' },
-];
+function _getKindOptions(t: (key: string) => string): { value: string; label: string }[] {
+  return [
+    { value: 'manual', label: t('workflowConfigurationModal.manuellerTrigger') },
+    { value: 'form', label: t('workflowConfigurationModal.formular') },
+    { value: 'schedule', label: t('workflowConfigurationModal.zeitplan') },
+    { value: 'always_on', label: t('workflowConfigurationModal.immerAktiv') },
+  ];
+}
 
 interface WorkflowConfigurationModalProps {
   open: boolean;
@@ -25,19 +29,22 @@ interface WorkflowConfigurationModalProps {
   onApply: (next: WorkflowEntryPoint[]) => void;
 }
 
+const _validKinds = ['manual', 'form', 'schedule', 'always_on'];
+
 function normalizeLoadedKind(k: string): string {
-  if (KIND_OPTIONS.some((o) => o.value === k)) return k;
+  if (_validKinds.includes(k)) return k;
   if (['email', 'webhook', 'event'].includes(k)) return 'always_on';
   if (k === 'api') return 'manual';
   return 'manual';
 }
 
-export const WorkflowConfigurationModal: React.FC<WorkflowConfigurationModalProps> = ({
-  open,
+export const WorkflowConfigurationModal: React.FC<WorkflowConfigurationModalProps> = ({ open,
   onClose,
   invocations,
   onApply,
 }) => {
+  const { t } = useLanguage();
+  const kindOptions = _getKindOptions(t);
   const [kind, setKind] = useState(() => normalizeLoadedKind(getPrimaryStartKind(invocations)));
   const [titleDe, setTitleDe] = useState('');
 
@@ -46,9 +53,9 @@ export const WorkflowConfigurationModal: React.FC<WorkflowConfigurationModalProp
     const k = normalizeLoadedKind(getPrimaryStartKind(invocations));
     setKind(k);
     const entry = invocations[0];
-    const t = entry?.title;
-    if (typeof t === 'string') setTitleDe(t);
-    else if (t && typeof t === 'object') setTitleDe(t.de || t.en || '');
+    const entryTitle = entry?.title;
+    if (typeof entryTitle === 'string') setTitleDe(entryTitle);
+    else if (entryTitle && typeof entryTitle === 'object') setTitleDe(entryTitle.de || entryTitle.en || '');
     else setTitleDe('');
   }, [open, invocations]);
 
@@ -57,7 +64,7 @@ export const WorkflowConfigurationModal: React.FC<WorkflowConfigurationModalProp
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
     const label =
-      titleDe.trim() || KIND_OPTIONS.find((o) => o.value === kind)?.label || 'Start';
+      titleDe.trim() || kindOptions.find((o) => o.value === kind)?.label || 'Start';
     const next = buildInvocationsForPrimaryKind(kind, invocations, label);
     onApply(next);
     onClose();
@@ -82,11 +89,11 @@ export const WorkflowConfigurationModal: React.FC<WorkflowConfigurationModalProp
             className={styles.workflowModalInput}
             value={titleDe}
             onChange={(e) => setTitleDe(e.target.value)}
-            placeholder="z. B. Angebot anlegen"
+            placeholder={t('workflowConfigurationModal.zBAngebotAnlegen')}
           />
 
           <div className={styles.workflowModalRadioGroup} role="radiogroup" aria-label="Einstiegsart">
-            {KIND_OPTIONS.map((o) => (
+            {kindOptions.map((o) => (
               <label key={o.value} className={styles.workflowModalRadio}>
                 <input
                   type="radio"
diff --git a/src/components/FlowEditor/nodes/configs/ApprovalNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/ApprovalNodeConfig.tsx
index fbb6af7..44cfb06 100644
--- a/src/components/FlowEditor/nodes/configs/ApprovalNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/configs/ApprovalNodeConfig.tsx
@@ -5,23 +5,28 @@
 import React from 'react';
 import type { NodeConfigRendererProps } from './types';
 
-export const ApprovalNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => (
-  <>
-    <div>
-      <label>Titel</label>
-      <input
-        value={(params.title as string) ?? ''}
-        onChange={(e) => updateParam('title', e.target.value)}
-        placeholder="Genehmigungstitel"
-      />
-    </div>
-    <div>
-      <label>Beschreibung</label>
-      <textarea
-        value={(params.description as string) ?? ''}
-        onChange={(e) => updateParam('description', e.target.value)}
-        placeholder="Was genehmigt werden soll"
-      />
-    </div>
-  </>
-);
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
+export const ApprovalNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => {
+  const { t } = useLanguage();
+  return (
+    <>
+      <div>
+        <label>Titel</label>
+        <input
+          value={(params.title as string) ?? ''}
+          onChange={(e) => updateParam('title', e.target.value)}
+          placeholder="Genehmigungstitel"
+        />
+      </div>
+      <div>
+        <label>{t('approvalNodeConfig.beschreibung')}</label>
+        <textarea
+          value={(params.description as string) ?? ''}
+          onChange={(e) => updateParam('description', e.target.value)}
+          placeholder={t('approvalNodeConfig.wasGenehmigtWerdenSoll')}
+        />
+      </div>
+    </>
+  );
+};
diff --git a/src/components/FlowEditor/nodes/configs/ClickUpNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/ClickUpNodeConfig.tsx
index 258503c..4395e3f 100644
--- a/src/components/FlowEditor/nodes/configs/ClickUpNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/configs/ClickUpNodeConfig.tsx
@@ -31,6 +31,8 @@ import {
 } from '../shared/clickupFormSync';
 import styles from '../../editor/Automation2FlowEditor.module.css';
 
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
 /** ClickUp browse: list folder paths end with /list/{id} */
 const LIST_SEGMENT_RE = /\/list\/([^/]+)$/;
 
@@ -352,6 +354,7 @@ function ClickUpListRelationshipFieldRow({
   value: unknown;
   onChange: (v: unknown) => void;
 }) {
+  const { t } = useLanguage();
   const dataFlow = useAutomation2DataFlow();
   const [tasks, setTasks] = useState<Array<{ id: string; name: string }>>([]);
   const [loading, setLoading] = useState(false);
@@ -399,7 +402,7 @@ function ClickUpListRelationshipFieldRow({
           <StatischKontextSelect
             value={value}
             onChange={onChange}
-            placeholder="— Quelle wählen —"
+            placeholder={t('clickUpNodeConfig.quelleWaehlen')}
             staticLabel="Statisch (Aufgabe wählen)"
           />
         </div>
@@ -419,7 +422,7 @@ function ClickUpListRelationshipFieldRow({
                 else onChange(createValue({ add: [tid], rem: [] }));
               }}
             >
-              <option value="">— Aufgabe wählen —</option>
+              <option value="">{t('clickUpNodeConfig.aufgabeWaehlen')}</option>
               {tasks.map((t) => (
                 <option key={t.id} value={t.id}>
                   {t.name}
@@ -472,6 +475,7 @@ function ClickUpCustomFieldRow({
   /** List where the new task is created — fallback if relationship omits linked list (same-list). */
   parentListId?: string;
 }) {
+  const { t } = useLanguage();
   const dataFlow = useAutomation2DataFlow();
   const fid = String(field.id ?? '');
   const fname = String(field.name ?? fid);
@@ -539,7 +543,7 @@ function ClickUpCustomFieldRow({
             <StatischKontextSelect
               value={value}
               onChange={onChange}
-              placeholder="— Quelle wählen —"
+              placeholder={t('clickUpNodeConfig.quelleWaehlen')}
             />
           </div>
         ) : null}
@@ -552,7 +556,7 @@ function ClickUpCustomFieldRow({
               else onChange(createValue(v));
             }}
           >
-            <option value="">— Option wählen —</option>
+            <option value="">{t('clickUpNodeConfig.optionWaehlen')}</option>
             {opts.map((o) => (
               <option key={o.value} value={o.value}>
                 {o.label}
@@ -574,7 +578,7 @@ function ClickUpCustomFieldRow({
             <StatischKontextSelect
               value={value}
               onChange={onChange}
-              placeholder="— Quelle wählen —"
+              placeholder={t('clickUpNodeConfig.quelleWaehlen')}
             />
           </div>
         ) : null}
@@ -610,7 +614,7 @@ function ClickUpCustomFieldRow({
             <StatischKontextSelect
               value={value}
               onChange={onChange}
-              placeholder="— Quelle wählen —"
+              placeholder={t('clickUpNodeConfig.quelleWaehlen')}
             />
           </div>
         ) : null}
@@ -670,6 +674,7 @@ function ClickUpTaskDueDateRow({
   value: unknown;
   onChange: (v: unknown) => void;
 }) {
+  const { t } = useLanguage();
   const dataFlow = useAutomation2DataFlow();
   const hasSources =
     dataFlow &&
@@ -685,13 +690,13 @@ function ClickUpTaskDueDateRow({
   const day = ms > 0 ? new Date(ms).toISOString().slice(0, 10) : '';
   return (
     <div className={styles.dynamicValueField}>
-      <label>Fälligkeit</label>
+      <label>{t('clickUpNodeConfig.faelligkeit')}</label>
       {hasSources ? (
         <div style={{ marginBottom: 8 }}>
           <StatischKontextSelect
             value={value}
             onChange={onChange}
-            placeholder="— Quelle wählen —"
+            placeholder={t('clickUpNodeConfig.quelleWaehlen')}
           />
         </div>
       ) : null}
@@ -700,8 +705,8 @@ function ClickUpTaskDueDateRow({
           type="date"
           value={day}
           onChange={(e) => {
-            const t = e.target.value ? new Date(e.target.value).getTime() : '';
-            onChange(createValue(t === '' ? '' : t));
+            const msFromDate = e.target.value ? new Date(e.target.value).getTime() : '';
+            onChange(createValue(msFromDate === '' ? '' : msFromDate));
           }}
         />
       )}
@@ -716,6 +721,7 @@ function ClickUpTimeEstimateHoursRow({
   value: unknown;
   onChange: (v: unknown) => void;
 }) {
+  const { t } = useLanguage();
   const dataFlow = useAutomation2DataFlow();
   const hasSources =
     dataFlow &&
@@ -731,13 +737,13 @@ function ClickUpTimeEstimateHoursRow({
   const hours = h > 0 && Number.isFinite(h) ? h : '';
   return (
     <div className={styles.dynamicValueField}>
-      <label>Zeitschätzung (Stunden)</label>
+      <label>{t('clickUpNodeConfig.zeitschaetzungStunden')}</label>
       {hasSources ? (
         <div style={{ marginBottom: 8 }}>
           <StatischKontextSelect
             value={value}
             onChange={onChange}
-            placeholder="— Quelle wählen —"
+            placeholder={t('clickUpNodeConfig.quelleWaehlen')}
           />
         </div>
       ) : null}
@@ -778,17 +784,19 @@ function newClickUpTaskUpdateEntryRow(): ClickUpTaskUpdateEntryRow {
   };
 }
 
-const UPDATE_TASK_FIELD_OPTIONS: Array<{ value: string; label: string }> = [
-  { value: 'name', label: 'Titel (name)' },
-  { value: 'description', label: 'Beschreibung' },
-  { value: 'status', label: 'Status' },
-  { value: 'priority', label: 'Priorität (1–4)' },
-  { value: 'due_date', label: 'Fälligkeit (Datum oder ms)' },
-  { value: 'time_estimate_h', label: 'Zeitschätzung (Stunden)' },
-  { value: 'time_estimate_ms', label: 'Zeitschätzung (ms)' },
-  { value: 'assignees', label: 'Zugewiesene' },
-  { value: 'custom_field', label: 'Benutzerdefiniertes Feld' },
-];
+function _getUpdateTaskFieldOptions(t: (key: string) => string): Array<{ value: string; label: string }> {
+  return [
+    { value: 'name', label: t('clickUpNodeConfig.titleName') },
+    { value: 'description', label: t('clickUpNodeConfig.description') },
+    { value: 'status', label: t('clickUpNodeConfig.status') },
+    { value: 'priority', label: t('clickUpNodeConfig.priority') },
+    { value: 'due_date', label: t('clickUpNodeConfig.dueDate') },
+    { value: 'time_estimate_h', label: t('clickUpNodeConfig.timeEstimateHours') },
+    { value: 'time_estimate_ms', label: t('clickUpNodeConfig.timeEstimateMs') },
+    { value: 'assignees', label: t('clickUpNodeConfig.assignees') },
+    { value: 'custom_field', label: t('clickUpNodeConfig.customField') },
+  ];
+}
 
 function normalizeTaskUpdateEntries(raw: unknown): ClickUpTaskUpdateEntryRow[] {
   if (!Array.isArray(raw)) return [];
@@ -828,6 +836,7 @@ function ClickUpTaskFromListDropdown({
   taskId: unknown;
   onSetTaskId: (v: unknown) => void;
 }) {
+  const { t } = useLanguage();
   const [tasks, setTasks] = useState<Array<{ id: string; name: string }>>([]);
   const [loading, setLoading] = useState(false);
   const [err, setErr] = useState<string | null>(null);
@@ -864,12 +873,12 @@ function ClickUpTaskFromListDropdown({
 
   return (
     <div className={styles.dynamicValueField} style={{ marginTop: 10 }}>
-      <label>Vorhandene Aufgabe in der gewählten Liste</label>
+      <label>{t('clickUpNodeConfig.vorhandeneAufgabeInDerGewaehlten')}</label>
       {err ? (
         <p style={{ fontSize: '0.8rem', color: 'var(--text-secondary, #c00)' }}>{err}</p>
       ) : null}
       {loading ? (
-        <span style={{ fontSize: '0.85rem', color: '#666' }}>Aufgaben werden geladen…</span>
+        <span style={{ fontSize: '0.85rem', color: '#666' }}>{t('clickUpNodeConfig.aufgabenWerdenGeladen')}</span>
       ) : (
         <select
           value={sel}
@@ -879,10 +888,10 @@ function ClickUpTaskFromListDropdown({
             else onSetTaskId(createValue(id));
           }}
         >
-          <option value="">— Aufgabe aus ClickUp wählen —</option>
-          {tasks.map((t) => (
-            <option key={t.id} value={t.id}>
-              {t.name || t.id}
+          <option value="">{t('clickUpNodeConfig.aufgabeAusClickupWaehlen')}</option>
+          {tasks.map((task) => (
+            <option key={task.id} value={task.id}>
+              {task.name || task.id}
             </option>
           ))}
         </select>
@@ -923,12 +932,15 @@ function ClickUpUpdateTaskEntriesEditor({
   parentListStatuses: Array<{ status: string; orderindex: number }>;
   parentListStatusesLoading: boolean;
 }) {
+  const { t } = useLanguage();
   const dataFlow = useAutomation2DataFlow();
   const [resolvedStatuses, setResolvedStatuses] = useState<Array<{ status: string; orderindex: number }>>(
     []
   );
   const [resolvedStatusesLoading, setResolvedStatusesLoading] = useState(false);
 
+  const updateTaskFieldOptions = useMemo(() => _getUpdateTaskFieldOptions(t), [t]);
+
   const previewFingerprint = useMemo(
     () => JSON.stringify(dataFlow?.nodeOutputsPreview ?? {}),
     [dataFlow?.nodeOutputsPreview]
@@ -1044,7 +1056,7 @@ function ClickUpUpdateTaskEntriesEditor({
     const fk = row.fieldKey;
     const commonHybrid = (multiline?: boolean, placeholder?: string, inputType?: 'text' | 'number') => (
       <HybridStaticRefField
-        label="Oder Referenz (ohne Formular-Payload)"
+        label={t('clickUpNodeConfig.oderReferenzOhneFormularpayload')}
         value={row.value}
         onChange={(v) => updateRow(row.rowId, { value: v })}
         multiline={multiline}
@@ -1065,7 +1077,7 @@ function ClickUpUpdateTaskEntriesEditor({
             pathPickMode="exclude_forms"
           />
           <HybridStaticRefField
-            label="Neuer Wert"
+            label={t('clickUpNodeConfig.neuerWert')}
             value={row.value}
             onChange={(v) => updateRow(row.rowId, { value: v })}
             multiline
@@ -1080,10 +1092,10 @@ function ClickUpUpdateTaskEntriesEditor({
       if (isRef(row.value)) {
         return (
           <HybridStaticRefField
-            label="Status (Referenz)"
+            label={t('clickUpNodeConfig.statusReferenz')}
             value={row.value}
             onChange={(v) => updateRow(row.rowId, { value: v })}
-            placeholder="Kontext mit Status-String"
+            placeholder={t('clickUpNodeConfig.kontextMitStatusstring')}
             pathPickMode="exclude_forms"
           />
         );
@@ -1094,16 +1106,16 @@ function ClickUpUpdateTaskEntriesEditor({
       if (statusOptionsLoading) {
         return (
           <div className={styles.dynamicValueField}>
-            <label>Status (wie in ClickUp)</label>
+            <label>{t('clickUpNodeConfig.statusWieInClickup')}</label>
             <select disabled value="">
-              <option value="">Status werden geladen…</option>
+              <option value="">{t('clickUpNodeConfig.statusWerdenGeladen')}</option>
             </select>
           </div>
         );
       }
       return (
         <div className={styles.dynamicValueField}>
-          <label>Status (wie in ClickUp)</label>
+          <label>{t('clickUpNodeConfig.statusWieInClickup')}</label>
           <select
             value={staticVal}
             onChange={(e) => updateRow(row.rowId, { value: createValue(e.target.value) })}
@@ -1111,8 +1123,8 @@ function ClickUpUpdateTaskEntriesEditor({
           >
             <option value="">
               {statusOptions.length === 0
-                ? '— Keine Status geladen —'
-                : '— Status wählen —'}
+                ? t('clickUpNodeConfig.keineStatusGeladen')
+                : t('clickUpNodeConfig.statusWaehlen')}
             </option>
             {statusOptions.map((s) => (
               <option key={s.status} value={s.status}>
@@ -1144,16 +1156,16 @@ function ClickUpUpdateTaskEntriesEditor({
       const pv = isRef(row.value) ? '' : isValue(row.value) ? String(row.value.value ?? '') : String(row.value ?? '');
       return (
         <div className={styles.dynamicValueField}>
-          <label>Priorität</label>
+          <label>{t('clickUpNodeConfig.prioritaet')}</label>
           <select
             value={pv && ['1', '2', '3', '4'].includes(pv) ? pv : ''}
             onChange={(e) => updateRow(row.rowId, { value: createValue(e.target.value) })}
           >
-            <option value="">— wählen —</option>
-            <option value="1">1 — Dringend</option>
-            <option value="2">2 — Hoch</option>
-            <option value="3">3 — Normal</option>
-            <option value="4">4 — Niedrig</option>
+            <option value="">{t('clickUpNodeConfig.waehlen')}</option>
+            <option value="1">{t('clickUpNodeConfig.1Dringend')}</option>
+            <option value="2">{t('clickUpNodeConfig.2Hoch')}</option>
+            <option value="3">{t('clickUpNodeConfig.3Normal')}</option>
+            <option value="4">{t('clickUpNodeConfig.4Niedrig')}</option>
           </select>
         </div>
       );
@@ -1192,7 +1204,7 @@ function ClickUpUpdateTaskEntriesEditor({
       return (
         <>
           {teamMembersLoading ? (
-            <span style={{ fontSize: '0.85rem', color: '#666' }}>Mitglieder werden geladen…</span>
+            <span style={{ fontSize: '0.85rem', color: '#666' }}>{t('clickUpNodeConfig.mitgliederWerdenGeladen')}</span>
           ) : teamMembers.length === 0 ? (
             <p style={{ fontSize: '0.8rem', color: '#666' }}>
               Keine Mitglieder — Workspace oben wählen oder JSON / Referenz unten.
@@ -1243,7 +1255,7 @@ function ClickUpUpdateTaskEntriesEditor({
           value={row.value}
           onChange={(v) => updateRow(row.rowId, { value: v })}
           multiline
-          placeholder="Beschreibung"
+          placeholder={t('clickUpNodeConfig.beschreibung')}
           pathPickMode="exclude_forms"
         />
       );
@@ -1304,7 +1316,7 @@ function ClickUpUpdateTaskEntriesEditor({
                 })
               }
             >
-              {UPDATE_TASK_FIELD_OPTIONS.map((o) => (
+              {updateTaskFieldOptions.map((o) => (
                 <option key={o.value} value={o.value}>
                   {o.label}
                 </option>
@@ -1336,6 +1348,7 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
   mergeNodeParameters,
   nodeType = 'clickup.listTasks',
 }) => {
+  const { t } = useLanguage();
   const dataFlow = useAutomation2DataFlow();
   const lastFormSyncSigRef = useRef<string>('');
   const [connections, setConnections] = useState<UserConnection[]>([]);
@@ -1651,13 +1664,13 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
   return (
     <>
       <div>
-        <label>Connection (ClickUp)</label>
+        <label>{t('clickUpNodeConfig.connectionClickup')}</label>
         <select
           value={connectionId}
           onChange={(e) => updateParam('connectionId', e.target.value)}
           disabled={connectionsLoading}
         >
-          <option value="">{connectionsLoading ? 'Loading...' : 'Select connection'}</option>
+          <option value="">{connectionsLoading ? t('clickUpNodeConfig.loading') : t('clickUpNodeConfig.selectConnection')}</option>
           {clickupConnections.map((c) => (
             <option key={c.id} value={c.id}>
               {c.externalUsername ?? c.id}
@@ -1680,7 +1693,7 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
               disabled={searchTeamsLoading || !connectionId}
             >
               <option value="">
-                {searchTeamsLoading ? 'Workspaces werden geladen…' : 'Workspace wählen…'}
+                {searchTeamsLoading ? t('clickUpNodeConfig.workspacesWerdenGeladen') : t('clickUpNodeConfig.workspaceWaehlen')}
               </option>
               {searchTeams.map((t) => (
                 <option key={t.id} value={t.id}>
@@ -1690,7 +1703,7 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
             </select>
           </div>
           <div>
-            <label>Liste (Tabelle)</label>
+            <label>{t('clickUpNodeConfig.listeTabelle')}</label>
             <select
               value={listIdParam}
               onChange={(e) => updateParam('listId', e.target.value)}
@@ -1700,8 +1713,8 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
                 {searchListsLoading
                   ? 'Listen werden geladen…'
                   : teamIdParam
-                    ? 'Alle Listen im Workspace'
-                    : 'Zuerst Workspace wählen'}
+                    ? t('clickUpNodeConfig.alleListenImWorkspace')
+                    : t('clickUpNodeConfig.zuerstWorkspaceWaehlen')}
               </option>
               {searchLists.map((L) => (
                 <option key={L.id} value={L.id}>
@@ -1715,7 +1728,7 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
             <input
               value={(params.query as string) ?? ''}
               onChange={(e) => updateParam('query', e.target.value)}
-              placeholder="Stichwort für die Aufgabensuche"
+              placeholder={t('clickUpNodeConfig.stichwortFuerDieAufgabensuche')}
             />
           </div>
           <details style={{ marginTop: 8 }}>
@@ -1723,7 +1736,7 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
               Erweitert
             </summary>
             <div style={{ marginTop: 8 }}>
-              <label>Seite (Pagination)</label>
+              <label>{t('clickUpNodeConfig.seitePagination')}</label>
               <input
                 type="number"
                 min={0}
@@ -1751,7 +1764,7 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
                       checked={Boolean(params.includeClosed)}
                       onChange={(e) => updateParam('includeClosed', e.target.checked)}
                     />
-                    <span>Erledigte Aufgaben einbeziehen (Listen-Suche)</span>
+                    <span>{t('clickUpNodeConfig.erledigteAufgabenEinbeziehenListensuche')}</span>
                   </label>
                 </div>
               ) : null}
@@ -1790,7 +1803,7 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
               disabled={searchTeamsLoading || !connectionId}
             >
               <option value="">
-                {searchTeamsLoading ? 'Workspaces werden geladen…' : 'Workspace wählen…'}
+                {searchTeamsLoading ? t('clickUpNodeConfig.workspacesWerdenGeladen') : t('clickUpNodeConfig.workspaceWaehlen')}
               </option>
               {searchTeams.map((t) => (
                 <option key={t.id} value={t.id}>
@@ -1816,7 +1829,7 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
               }}
               disabled={!teamIdParam || searchListsLoading}
             >
-              <option value="">{searchListsLoading ? 'Listen werden geladen…' : 'Liste wählen…'}</option>
+              <option value="">{searchListsLoading ? t('clickUpNodeConfig.listenWerdenGeladen') : t('clickUpNodeConfig.listeWaehlen')}</option>
               {searchLists.map((L) => (
                 <option key={L.id} value={L.id}>
                   {L.name}
@@ -1851,7 +1864,7 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
                   checked={params.autoSyncFormWithList !== false}
                   onChange={(e) => updateParam('autoSyncFormWithList', e.target.checked)}
                 />
-                <span>Bei Listenwahl automatisch abgleichen</span>
+                <span>{t('clickUpNodeConfig.beiListenwahlAutomatischAbgleichen')}</span>
               </label>
               <button
                 type="button"
@@ -1887,15 +1900,15 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
               </p>
 
               <div className={styles.dynamicValueField}>
-                <label>Status</label>
+                <label>{t('clickUpNodeConfig.status')}</label>
                 {listStatusesLoading ? (
-                  <span style={{ fontSize: '0.85rem', color: '#666' }}>Status wird geladen…</span>
+                  <span style={{ fontSize: '0.85rem', color: '#666' }}>{t('clickUpNodeConfig.statusWirdGeladen')}</span>
                 ) : (
                   <select
                     value={(params.taskStatus as string) ?? ''}
                     onChange={(e) => updateParam('taskStatus', e.target.value)}
                   >
-                    <option value="">— Standard (ClickUp) —</option>
+                    <option value="">{t('clickUpNodeConfig.standardClickup')}</option>
                     {listStatuses.map((s) => (
                       <option key={s.status} value={s.status}>
                         {s.status}
@@ -1906,16 +1919,16 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
               </div>
 
               <div className={styles.dynamicValueField} style={{ marginTop: 8 }}>
-                <label>Priorität</label>
+                <label>{t('clickUpNodeConfig.prioritaet')}</label>
                 <select
                   value={(params.taskPriority as string) ?? ''}
                   onChange={(e) => updateParam('taskPriority', e.target.value)}
                 >
-                  <option value="">— keine —</option>
-                  <option value="1">1 — Dringend</option>
-                  <option value="2">2 — Hoch</option>
-                  <option value="3">3 — Normal</option>
-                  <option value="4">4 — Niedrig</option>
+                  <option value="">{t('clickUpNodeConfig.keine')}</option>
+                  <option value="1">{t('clickUpNodeConfig.1Dringend')}</option>
+                  <option value="2">{t('clickUpNodeConfig.2Hoch')}</option>
+                  <option value="3">{t('clickUpNodeConfig.3Normal')}</option>
+                  <option value="4">{t('clickUpNodeConfig.4Niedrig')}</option>
                 </select>
               </div>
 
@@ -1929,9 +1942,9 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
               <div className={styles.dynamicValueField} style={{ marginTop: 8 }}>
                 <label>Zugewiesene</label>
                 {teamMembersLoading ? (
-                  <span style={{ fontSize: '0.85rem', color: '#666' }}>Mitglieder werden geladen…</span>
+                  <span style={{ fontSize: '0.85rem', color: '#666' }}>{t('clickUpNodeConfig.mitgliederWerdenGeladen')}</span>
                 ) : teamMembers.length === 0 ? (
-                  <span style={{ fontSize: '0.85rem', color: '#666' }}>Keine Mitglieder geladen.</span>
+                  <span style={{ fontSize: '0.85rem', color: '#666' }}>{t('clickUpNodeConfig.keineMitgliederGeladen')}</span>
                 ) : (
                   <div
                     style={{
@@ -1978,9 +1991,9 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
 
           {listIdParam ? (
             <div style={{ marginTop: 12 }}>
-              <label style={{ fontWeight: 600 }}>Felder der Liste</label>
+              <label style={{ fontWeight: 600 }}>{t('clickUpNodeConfig.felderDerListe')}</label>
               {listFieldsLoading ? (
-                <p style={{ fontSize: '0.85rem', color: 'var(--text-secondary, #666)' }}>Felder werden geladen…</p>
+                <p style={{ fontSize: '0.85rem', color: 'var(--text-secondary, #666)' }}>{t('clickUpNodeConfig.felderWerdenGeladen')}</p>
               ) : listFields.length === 0 ? (
                 <p style={{ fontSize: '0.85rem', color: 'var(--text-secondary, #666)' }}>
                   Keine benutzerdefinierten Felder oder keine Berechtigung.
@@ -2010,7 +2023,7 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
               Erweitert (JSON)
             </summary>
             <div style={{ marginTop: 8 }}>
-              <label>Zusätzliche Felder (JSON)</label>
+              <label>{t('clickUpNodeConfig.zusaetzlicheFelderJson')}</label>
               <textarea
                 value={(params.taskFields as string) ?? ''}
                 onChange={(e) => updateParam('taskFields', e.target.value)}
@@ -2025,7 +2038,7 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
       {nodeType === 'clickup.listTasks' && (
         <>
           <div>
-            <label>List path</label>
+            <label>{t('clickUpNodeConfig.listPath')}</label>
             <input
               value={path}
               onChange={(e) => updateParam('path', e.target.value)}
@@ -2066,11 +2079,11 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
             label="Task-ID"
             value={params.taskId}
             onChange={(v) => updateParam('taskId', v)}
-            placeholder="Referenz: voriger Knoten „Aufgabe erstellen“ → taskId"
+            placeholder={t('clickUpNodeConfig.referenzVorigerKnotenAufgabeErstellen')}
             pathPickMode={nodeType === 'clickup.updateTask' ? 'clickup_task_id' : 'default'}
           />
           <div>
-            <label>Path (optional)</label>
+            <label>{t('clickUpNodeConfig.pathOptional')}</label>
             <input
               value={path}
               onChange={(e) => updateParam('path', e.target.value)}
@@ -2119,7 +2132,7 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
               disabled={searchTeamsLoading || !connectionId}
             >
               <option value="">
-                {searchTeamsLoading ? 'Workspaces werden geladen…' : 'Workspace wählen…'}
+                {searchTeamsLoading ? t('clickUpNodeConfig.workspacesWerdenGeladen') : t('clickUpNodeConfig.workspaceWaehlen')}
               </option>
               {searchTeams.map((t) => (
                 <option key={t.id} value={t.id}>
@@ -2143,7 +2156,7 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
               }}
               disabled={!teamIdParam || searchListsLoading}
             >
-              <option value="">{searchListsLoading ? 'Listen werden geladen…' : 'Liste wählen…'}</option>
+              <option value="">{searchListsLoading ? t('clickUpNodeConfig.listenWerdenGeladen') : t('clickUpNodeConfig.listeWaehlen')}</option>
               {searchLists.map((L) => (
                 <option key={L.id} value={L.id}>
                   {L.name}
@@ -2174,7 +2187,7 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
               Erweitert: JSON (optional, wird mit den Zeilen zusammengeführt)
             </summary>
             <div style={{ marginTop: 8 }}>
-              <label>taskUpdate (JSON)</label>
+              <label>{t('clickUpNodeConfig.taskupdateJson')}</label>
               <textarea
                 value={(params.taskUpdate as string) ?? ''}
                 onChange={(e) => updateParam('taskUpdate', e.target.value)}
@@ -2188,7 +2201,7 @@ export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
 
       {nodeType === 'clickup.uploadAttachment' && (
         <div>
-          <label>File name (optional)</label>
+          <label>{t('clickUpNodeConfig.fileNameOptional')}</label>
           <input
             value={(params.fileName as string) ?? ''}
             onChange={(e) => updateParam('fileName', e.target.value)}
diff --git a/src/components/FlowEditor/nodes/configs/CommentNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/CommentNodeConfig.tsx
index e199788..5e77df9 100644
--- a/src/components/FlowEditor/nodes/configs/CommentNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/configs/CommentNodeConfig.tsx
@@ -5,25 +5,30 @@
 import React from 'react';
 import type { NodeConfigRendererProps } from './types';
 
-export const CommentNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => (
-  <>
-    <div>
-      <label>Platzhalter</label>
-      <input
-        value={(params.placeholder as string) ?? ''}
-        onChange={(e) => updateParam('placeholder', e.target.value)}
-        placeholder="Kommentar eingeben..."
-      />
-    </div>
-    <div>
-      <label>
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
+export const CommentNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => {
+  const { t } = useLanguage();
+  return (
+    <>
+      <div>
+        <label>Platzhalter</label>
         <input
-          type="checkbox"
-          checked={(params.required as boolean) ?? true}
-          onChange={(e) => updateParam('required', e.target.checked)}
+          value={(params.placeholder as string) ?? ''}
+          onChange={(e) => updateParam('placeholder', e.target.value)}
+          placeholder={t('commentNodeConfig.kommentarEingeben')}
         />
-        Pflichtfeld
-      </label>
-    </div>
-  </>
-);
+      </div>
+      <div>
+        <label>
+          <input
+            type="checkbox"
+            checked={(params.required as boolean) ?? true}
+            onChange={(e) => updateParam('required', e.target.checked)}
+          />
+          Pflichtfeld
+        </label>
+      </div>
+    </>
+  );
+};
diff --git a/src/components/FlowEditor/nodes/configs/ConfirmationNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/ConfirmationNodeConfig.tsx
index a030903..16d89bc 100644
--- a/src/components/FlowEditor/nodes/configs/ConfirmationNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/configs/ConfirmationNodeConfig.tsx
@@ -5,29 +5,34 @@
 import React from 'react';
 import type { NodeConfigRendererProps } from './types';
 
-export const ConfirmationNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => (
-  <>
-    <div>
-      <label>Frage</label>
-      <input
-        value={(params.question as string) ?? ''}
-        onChange={(e) => updateParam('question', e.target.value)}
-        placeholder="Möchten Sie bestätigen?"
-      />
-    </div>
-    <div>
-      <label>Bestätigen-Button</label>
-      <input
-        value={(params.confirmLabel as string) ?? 'Confirm'}
-        onChange={(e) => updateParam('confirmLabel', e.target.value)}
-      />
-    </div>
-    <div>
-      <label>Ablehnen-Button</label>
-      <input
-        value={(params.rejectLabel as string) ?? 'Reject'}
-        onChange={(e) => updateParam('rejectLabel', e.target.value)}
-      />
-    </div>
-  </>
-);
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
+export const ConfirmationNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => {
+  const { t } = useLanguage();
+  return (
+    <>
+      <div>
+        <label>Frage</label>
+        <input
+          value={(params.question as string) ?? ''}
+          onChange={(e) => updateParam('question', e.target.value)}
+          placeholder={t('confirmationNodeConfig.moechtenSieBestaetigen')}
+        />
+      </div>
+      <div>
+        <label>{t('confirmationNodeConfig.bestaetigenbutton')}</label>
+        <input
+          value={(params.confirmLabel as string) ?? 'Confirm'}
+          onChange={(e) => updateParam('confirmLabel', e.target.value)}
+        />
+      </div>
+      <div>
+        <label>Ablehnen-Button</label>
+        <input
+          value={(params.rejectLabel as string) ?? 'Reject'}
+          onChange={(e) => updateParam('rejectLabel', e.target.value)}
+        />
+      </div>
+    </>
+  );
+};
diff --git a/src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx
index bda8f40..8561468 100644
--- a/src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx
@@ -6,13 +6,15 @@ import React, { useEffect, useState } from 'react';
 import type { NodeConfigRendererProps } from './types';
 import { fetchConnections, fetchBrowse, type UserConnection, type BrowseEntry } from '../../../../api/workflowApi';
 
-export const EmailNodeConfig: React.FC<NodeConfigRendererProps> = ({
-  params,
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
+export const EmailNodeConfig: React.FC<NodeConfigRendererProps> = ({ params,
   updateParam,
   instanceId,
   request,
   nodeType = 'email.checkEmail',
 }) => {
+  const { t } = useLanguage();
   const [connections, setConnections] = useState<UserConnection[]>([]);
   const [folders, setFolders] = useState<BrowseEntry[]>([]);
   const [loading, setLoading] = useState(false);
@@ -57,7 +59,7 @@ export const EmailNodeConfig: React.FC<NodeConfigRendererProps> = ({
           onChange={(e) => updateParam('connectionId', e.target.value)}
           disabled={loading}
         >
-          <option value="">{loading ? 'Loading...' : 'Select connection'}</option>
+          <option value="">{loading ? t('emailNodeConfig.loading') : t('emailNodeConfig.selectConnection')}</option>
           {connections.map((c) => (
             <option key={c.id} value={c.id}>
               {c.externalEmail ?? c.externalUsername ?? c.id}
@@ -74,7 +76,7 @@ export const EmailNodeConfig: React.FC<NodeConfigRendererProps> = ({
             disabled={foldersLoading || !connectionId}
           >
             <option value="">
-              {foldersLoading ? 'Loading folders...' : !connectionId ? 'Select account first' : 'Select folder'}
+              {foldersLoading ? 'Loading folders...' : !connectionId ? t('emailNodeConfig.selectAccountFirst') : t('emailNodeConfig.selectFolder')}
             </option>
             {isSearch && <option value="All">All</option>}
             {folders.length > 0
@@ -92,9 +94,9 @@ export const EmailNodeConfig: React.FC<NodeConfigRendererProps> = ({
                   <>
                     <option value="Inbox">Inbox</option>
                     <option value="Drafts">Drafts</option>
-                    <option value="SentItems">Sent Items</option>
-                    <option value="DeletedItems">Deleted Items</option>
-                    <option value="JunkEmail">Junk Email</option>
+                    <option value="SentItems">{t('emailNodeConfig.sentItems')}</option>
+                    <option value="DeletedItems">{t('emailNodeConfig.deletedItems')}</option>
+                    <option value="JunkEmail">{t('emailNodeConfig.junkEmail')}</option>
                   </>
                 )}
             {folderValue &&
@@ -111,43 +113,43 @@ export const EmailNodeConfig: React.FC<NodeConfigRendererProps> = ({
       {isSearch && (
         <>
           <div>
-            <label>Search query (optional)</label>
+            <label>{t('emailNodeConfig.searchQueryOptional')}</label>
             <input
               value={(params.query as string) ?? ''}
               onChange={(e) => updateParam('query', e.target.value)}
-              placeholder="General search term (subject, body, from)"
+              placeholder={t('emailNodeConfig.generalSearchTermSubjectBody')}
             />
           </div>
           <div>
-            <label>From address (optional)</label>
+            <label>{t('emailNodeConfig.fromAddressOptional')}</label>
             <input
               value={(params.fromAddress as string) ?? ''}
               onChange={(e) => updateParam('fromAddress', e.target.value)}
-              placeholder="e.g. sender@example.com"
+              placeholder={t('emailNodeConfig.egSenderexamplecom')}
             />
           </div>
           <div>
-            <label>To address (optional)</label>
+            <label>{t('emailNodeConfig.toAddressOptional')}</label>
             <input
               value={(params.toAddress as string) ?? ''}
               onChange={(e) => updateParam('toAddress', e.target.value)}
-              placeholder="e.g. recipient@example.com"
+              placeholder={t('emailNodeConfig.egRecipientexamplecom')}
             />
           </div>
           <div>
-            <label>Subject contains (optional)</label>
+            <label>{t('emailNodeConfig.subjectContainsOptional')}</label>
             <input
               value={(params.subjectContains as string) ?? ''}
               onChange={(e) => updateParam('subjectContains', e.target.value)}
-              placeholder="Word or phrase in subject"
+              placeholder={t('emailNodeConfig.wordOrPhraseInSubject')}
             />
           </div>
           <div>
-            <label>Body/content contains (optional)</label>
+            <label>{t('emailNodeConfig.bodycontentContainsOptional')}</label>
             <input
               value={(params.bodyContains as string) ?? ''}
               onChange={(e) => updateParam('bodyContains', e.target.value)}
-              placeholder="Word or phrase in email body"
+              placeholder={t('emailNodeConfig.wordOrPhraseInEmail')}
             />
           </div>
           <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
@@ -157,7 +159,7 @@ export const EmailNodeConfig: React.FC<NodeConfigRendererProps> = ({
               checked={!!(params.hasAttachment as boolean)}
               onChange={(e) => updateParam('hasAttachment', e.target.checked)}
             />
-            <label htmlFor="searchHasAttachment">Only emails with attachment</label>
+            <label htmlFor="searchHasAttachment">{t('emailNodeConfig.onlyEmailsWithAttachment')}</label>
           </div>
           <div>
             <label>Limit</label>
@@ -172,19 +174,19 @@ export const EmailNodeConfig: React.FC<NodeConfigRendererProps> = ({
       {nodeType === 'email.checkEmail' && (
         <>
           <div>
-            <label>From address (optional)</label>
+            <label>{t('emailNodeConfig.fromAddressOptional')}</label>
             <input
               value={(params.fromAddress as string) ?? ''}
               onChange={(e) => updateParam('fromAddress', e.target.value)}
-              placeholder="e.g. sender@example.com"
+              placeholder={t('emailNodeConfig.egSenderexamplecom')}
             />
           </div>
           <div>
-            <label>Subject contains (optional)</label>
+            <label>{t('emailNodeConfig.subjectContainsOptional')}</label>
             <input
               value={(params.subjectContains as string) ?? ''}
               onChange={(e) => updateParam('subjectContains', e.target.value)}
-              placeholder="Word or phrase in subject"
+              placeholder={t('emailNodeConfig.wordOrPhraseInSubject')}
             />
           </div>
           <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
@@ -194,7 +196,7 @@ export const EmailNodeConfig: React.FC<NodeConfigRendererProps> = ({
               checked={!!(params.hasAttachment as boolean)}
               onChange={(e) => updateParam('hasAttachment', e.target.checked)}
             />
-            <label htmlFor="hasAttachment">Only emails with attachment</label>
+            <label htmlFor="hasAttachment">{t('emailNodeConfig.onlyEmailsWithAttachment')}</label>
           </div>
           <div>
             <label>Limit</label>
@@ -213,7 +215,7 @@ export const EmailNodeConfig: React.FC<NodeConfigRendererProps> = ({
             <input
               value={(params.subject as string) ?? ''}
               onChange={(e) => updateParam('subject', e.target.value)}
-              placeholder="Email subject (or leave empty if connected to AI node above)"
+              placeholder={t('emailNodeConfig.emailSubjectOrLeaveEmpty')}
             />
           </div>
           <div>
@@ -221,16 +223,16 @@ export const EmailNodeConfig: React.FC<NodeConfigRendererProps> = ({
             <textarea
               value={(params.body as string) ?? ''}
               onChange={(e) => updateParam('body', e.target.value)}
-              placeholder="Email body (or leave empty if connected to AI node above)"
+              placeholder={t('emailNodeConfig.emailBodyOrLeaveEmpty')}
               rows={4}
             />
           </div>
           <div>
-            <label>To (optional)</label>
+            <label>{t('emailNodeConfig.toOptional')}</label>
             <input
               value={(params.to as string) ?? ''}
               onChange={(e) => updateParam('to', e.target.value)}
-              placeholder="Recipient(s) (or from AI when connected)"
+              placeholder={t('emailNodeConfig.recipientsOrFromAiWhen')}
             />
           </div>
         </>
diff --git a/src/components/FlowEditor/nodes/configs/FileCreateNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/FileCreateNodeConfig.tsx
index bf6fec6..bc8eb83 100644
--- a/src/components/FlowEditor/nodes/configs/FileCreateNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/configs/FileCreateNodeConfig.tsx
@@ -9,6 +9,8 @@ import { RefSourceSelect } from '../shared/RefSourceSelect';
 import { isRef, type DataRef } from '../shared/dataRef';
 import styles from '../../editor/Automation2FlowEditor.module.css';
 
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
 const OUTPUT_FORMATS = ['docx', 'pdf', 'txt', 'md', 'html', 'xlsx', 'csv', 'json'];
 const TEMPLATE_OPTIONS = ['default', 'corporate', 'minimal'];
 const LANGUAGES = ['de', 'en', 'fr', 'it', 'es'];
@@ -22,6 +24,7 @@ function normalizeContentSources(v: unknown): (DataRef | null)[] {
 }
 
 export const FileCreateNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => {
+  const { t } = useLanguage();
   const contentSources = normalizeContentSources(params.contentSources ?? params.contentSource ?? []);
 
   const setContentSources = (next: (DataRef | null)[]) => {
@@ -41,20 +44,20 @@ export const FileCreateNodeConfig: React.FC<NodeConfigRendererProps> = ({ params
   return (
     <>
       <div className={styles.fileCreateContentSources}>
-        <label>Inhalte (welche Kontexte nacheinander in die Datei?)</label>
+        <label>{t('fileCreateNodeConfig.inhalteWelcheKontexteNacheinanderIn')}</label>
         {contentSources.map((ref, i) => (
           <div key={i} className={styles.contentSourceRow}>
             <RefSourceSelect
               value={ref}
               onChange={(r) => setItem(i, r)}
-              placeholder="Quelle wählen…"
+              placeholder={t('fileCreateNodeConfig.quelleWaehlen')}
             />
             <button
               type="button"
               className={styles.contentSourceRemoveBtn}
               onClick={() => removeItem(i)}
-              title="Entfernen"
-              aria-label="Inhalt entfernen"
+              title={t('fileCreateNodeConfig.entfernen')}
+              aria-label={t('fileCreateNodeConfig.inhaltEntfernen')}
             >
               ×
             </button>
@@ -91,7 +94,7 @@ export const FileCreateNodeConfig: React.FC<NodeConfigRendererProps> = ({ params
         />
       </div>
       <div>
-        <label>Vorlage / Stil</label>
+        <label>{t('fileCreateNodeConfig.vorlageStil')}</label>
         <select
           value={(params.templateName as string) ?? 'default'}
           onChange={(e) => updateParam('templateName', e.target.value)}
@@ -104,7 +107,7 @@ export const FileCreateNodeConfig: React.FC<NodeConfigRendererProps> = ({ params
         </select>
       </div>
       <div>
-        <label>Sprache</label>
+        <label>{t('fileCreateNodeConfig.sprache')}</label>
         <select
           value={(params.language as string) ?? 'de'}
           onChange={(e) => updateParam('language', e.target.value)}
diff --git a/src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx
index df32a1d..515484e 100644
--- a/src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx
@@ -10,6 +10,8 @@ import type { NodeConfigRendererProps } from './types';
 import { fetchConnections, fetchBrowse, type UserConnection, type BrowseEntry } from '../../../../api/workflowApi';
 import { SharepointBrowseTree } from '../../../FolderTree/SharepointBrowseTree';
 
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
 const browseDetailsStyle: React.CSSProperties = {
   marginTop: 12,
   border: '1px solid var(--border-color, #e0e0e0)',
@@ -58,13 +60,13 @@ function isFolderPickerNode(nodeType: string): boolean {
   return nodeType === 'sharepoint.uploadFile' || nodeType === 'sharepoint.listFiles';
 }
 
-export const SharePointNodeConfig: React.FC<NodeConfigRendererProps> = ({
-  params,
+export const SharePointNodeConfig: React.FC<NodeConfigRendererProps> = ({ params,
   updateParam,
   instanceId,
   request,
   nodeType = 'sharepoint.findFile',
 }) => {
+  const { t } = useLanguage();
   const [connections, setConnections] = useState<UserConnection[]>([]);
   const [browseExpanded, setBrowseExpanded] = useState(false);
   const [findFileBrowseExpanded, setFindFileBrowseExpanded] = useState(false);
@@ -153,7 +155,7 @@ export const SharePointNodeConfig: React.FC<NodeConfigRendererProps> = ({
           onChange={(e) => updateParam('connectionId', e.target.value)}
           disabled={connectionsLoading}
         >
-          <option value="">{connectionsLoading ? 'Loading...' : 'Select connection'}</option>
+          <option value="">{connectionsLoading ? t('sharePointNodeConfig.loading') : t('sharePointNodeConfig.selectConnection')}</option>
           {connections.map((c) => (
             <option key={c.id} value={c.id}>
               {c.externalUsername ?? c.id}
@@ -164,7 +166,7 @@ export const SharePointNodeConfig: React.FC<NodeConfigRendererProps> = ({
 
       {needsSearch && (
         <div>
-          <label>Search query / path</label>
+          <label>{t('sharePointNodeConfig.searchQueryPath')}</label>
           <input
             value={(params.searchQuery as string) ?? ''}
             onChange={(e) => updateParam('searchQuery', e.target.value)}
@@ -175,7 +177,7 @@ export const SharePointNodeConfig: React.FC<NodeConfigRendererProps> = ({
 
       {showPathFieldsForList && (
         <div>
-          <label>Folder path</label>
+          <label>{t('sharePointNodeConfig.folderPath')}</label>
           <input
             value={path}
             onChange={(e) => updateParam('path', e.target.value)}
@@ -190,8 +192,8 @@ export const SharePointNodeConfig: React.FC<NodeConfigRendererProps> = ({
             {nodeType === 'sharepoint.uploadFile'
               ? 'Target folder path'
               : nodeType === 'sharepoint.downloadFile'
-                ? 'File path'
-                : 'Path'}
+                ? t('sharePointNodeConfig.filePath')
+                : t('sharePointNodeConfig.path')}
           </label>
           <input
             value={(params.path as string) ?? (params.filePath as string) ?? ''}
@@ -209,11 +211,11 @@ export const SharePointNodeConfig: React.FC<NodeConfigRendererProps> = ({
 
       {needsSiteId && (
         <div>
-          <label>Site ID</label>
+          <label>{t('sharePointNodeConfig.siteId')}</label>
           <input
             value={(params.siteId as string) ?? ''}
             onChange={(e) => updateParam('siteId', e.target.value)}
-            placeholder="SharePoint site ID"
+            placeholder={t('sharePointNodeConfig.sharepointSiteId')}
           />
         </div>
       )}
@@ -221,7 +223,7 @@ export const SharePointNodeConfig: React.FC<NodeConfigRendererProps> = ({
       {nodeType === 'sharepoint.copyFile' && (
         <>
           <div>
-            <label>Source file</label>
+            <label>{t('sharePointNodeConfig.sourceFile')}</label>
             <input
               value={(params.sourcePath as string) ?? ''}
               onChange={(e) => updateParam('sourcePath', e.target.value)}
@@ -229,7 +231,7 @@ export const SharePointNodeConfig: React.FC<NodeConfigRendererProps> = ({
             />
           </div>
           <div>
-            <label>Destination folder</label>
+            <label>{t('sharePointNodeConfig.destinationFolder')}</label>
             <input
               value={(params.destPath as string) ?? ''}
               onChange={(e) => updateParam('destPath', e.target.value)}
diff --git a/src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx
index 0ec339f..b660ce8 100644
--- a/src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx
@@ -7,13 +7,15 @@ import React, { useEffect, useState } from 'react';
 import type { NodeConfigRendererProps } from './types';
 import { fetchConnections, type UserConnection } from '../../../../api/workflowApi';
 
-export const TrusteeNodeConfig: React.FC<NodeConfigRendererProps> = ({
-  params,
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
+export const TrusteeNodeConfig: React.FC<NodeConfigRendererProps> = ({ params,
   updateParam,
   instanceId,
   request,
   nodeType = 'trustee.extractFromFiles',
 }) => {
+  const { t } = useLanguage();
   const [connections, setConnections] = useState<UserConnection[]>([]);
   const [loading, setLoading] = useState(false);
 
@@ -32,24 +34,24 @@ export const TrusteeNodeConfig: React.FC<NodeConfigRendererProps> = ({
   return (
     <>
       <div>
-        <label>Trustee Instance ID</label>
+        <label>{t('trusteeNodeConfig.trusteeInstanceId')}</label>
         <input
           value={(params.featureInstanceId as string) ?? ''}
           onChange={(e) => updateParam('featureInstanceId', e.target.value)}
-          placeholder="Trustee Feature-Instanz-ID"
+          placeholder={t('trusteeNodeConfig.trusteeFeatureinstanzid')}
         />
       </div>
 
       {isExtract && (
         <>
           <div>
-            <label>SharePoint Connection (optional)</label>
+            <label>{t('trusteeNodeConfig.sharepointConnectionOptional')}</label>
             <select
               value={(params.connectionId as string) ?? ''}
               onChange={(e) => updateParam('connectionId', e.target.value)}
               disabled={loading}
             >
-              <option value="">{loading ? 'Laden...' : 'Keine (Dateien aus vorherigem Schritt)'}</option>
+              <option value="">{loading ? t('trusteeNodeConfig.laden') : t('trusteeNodeConfig.keineDateienAusVorherigemSchritt')}</option>
               {connections.map((c) => (
                 <option key={c.id} value={c.id}>
                   {c.externalUsername ?? c.id}
@@ -58,7 +60,7 @@ export const TrusteeNodeConfig: React.FC<NodeConfigRendererProps> = ({
             </select>
           </div>
           <div>
-            <label>SharePoint Ordnerpfad (optional)</label>
+            <label>{t('trusteeNodeConfig.sharepointOrdnerpfadOptional')}</label>
             <input
               value={(params.sharepointFolder as string) ?? ''}
               onChange={(e) => updateParam('sharepointFolder', e.target.value)}
@@ -66,11 +68,11 @@ export const TrusteeNodeConfig: React.FC<NodeConfigRendererProps> = ({
             />
           </div>
           <div>
-            <label>AI Prompt (optional)</label>
+            <label>{t('trusteeNodeConfig.aiPromptOptional')}</label>
             <textarea
               value={(params.prompt as string) ?? ''}
               onChange={(e) => updateParam('prompt', e.target.value)}
-              placeholder="Zusätzliche Anweisungen für die AI-Extraktion"
+              placeholder={t('trusteeNodeConfig.zusaetzlicheAnweisungenFuerDieAiextraktion')}
               rows={3}
             />
           </div>
@@ -79,11 +81,11 @@ export const TrusteeNodeConfig: React.FC<NodeConfigRendererProps> = ({
 
       {!isExtract && (
         <div>
-          <label>Document List (Referenz)</label>
+          <label>{t('trusteeNodeConfig.documentListReferenz')}</label>
           <input
             value={(params.documentList as string) ?? ''}
             onChange={(e) => updateParam('documentList', e.target.value)}
-            placeholder="Referenz auf vorherigen Schritt (automatisch verknüpft)"
+            placeholder={t('trusteeNodeConfig.referenzAufVorherigenSchrittAutomatisch')}
           />
         </div>
       )}
diff --git a/src/components/FlowEditor/nodes/configs/UploadNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/UploadNodeConfig.tsx
index e5c6bcd..c5a4a0f 100644
--- a/src/components/FlowEditor/nodes/configs/UploadNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/configs/UploadNodeConfig.tsx
@@ -8,6 +8,8 @@ import type { NodeConfigRendererProps } from './types';
 import { getAcceptValues, parseAllowedTypes } from '../runtime/fileTypeMimeMapping';
 import styles from '../../editor/Automation2FlowEditor.module.css';
 
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
 function buildAcceptString(allowedTypes: string[]): string {
   if (allowedTypes.length === 0) return '';
   return allowedTypes.join(',');
@@ -22,6 +24,7 @@ export function getAcceptStringFromConfig(config: Record<string, unknown>): stri
 const FILE_TYPE_CHIP_OPTIONS = getAcceptValues();
 
 export const UploadNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => {
+  const { t } = useLanguage();
   const allowedTypes = parseAllowedTypes(params);
   const maxSize = (params.maxSize as number) ?? 10;
   const multiple = (params.multiple as boolean) ?? false;
@@ -37,7 +40,7 @@ export const UploadNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, up
   return (
     <div className={styles.uploadNodeConfig}>
       <div className={styles.configBlock}>
-        <label>Erlaubte Dateitypen</label>
+        <label>{t('uploadNodeConfig.erlaubteDateitypen')}</label>
         <p className={styles.configHint}>
           Mehrfachauswahl möglich. Keine Auswahl = alle Typen erlaubt.
         </p>
@@ -55,7 +58,7 @@ export const UploadNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, up
         </div>
       </div>
       <div className={styles.configBlock}>
-        <label>Max. Größe (MB)</label>
+        <label>{t('uploadNodeConfig.maxGroesseMb')}</label>
         <input
           type="number"
           min={0.1}
diff --git a/src/components/FlowEditor/nodes/form/FormNodeConfig.tsx b/src/components/FlowEditor/nodes/form/FormNodeConfig.tsx
index 194f941..ebad145 100644
--- a/src/components/FlowEditor/nodes/form/FormNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/form/FormNodeConfig.tsx
@@ -8,12 +8,14 @@ import type { FormField, NodeConfigRendererProps } from '../configs/types';
 import { fetchConnections, type UserConnection } from '../../../../api/workflowApi';
 import styles from '../../editor/Automation2FlowEditor.module.css';
 
-export const FormNodeConfig: React.FC<NodeConfigRendererProps> = ({
-  params,
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
+export const FormNodeConfig: React.FC<NodeConfigRendererProps> = ({ params,
   updateParam,
   instanceId,
   request,
 }) => {
+  const { t } = useLanguage();
   const fields = (params.fields as FormField[]) ?? [];
   const [connections, setConnections] = useState<UserConnection[]>([]);
   const [connectionsLoading, setConnectionsLoading] = useState(false);
@@ -74,7 +76,7 @@ export const FormNodeConfig: React.FC<NodeConfigRendererProps> = ({
             <div className={styles.formFieldRowHeader}>
               <span
                 className={styles.formFieldDragHandle}
-                title="Zum Verschieben ziehen"
+                title={t('formNodeConfig.zumVerschiebenZiehen')}
                 draggable
                 onDragStart={(e) => {
                   e.dataTransfer.setData('text/plain', String(i));
@@ -131,8 +133,8 @@ export const FormNodeConfig: React.FC<NodeConfigRendererProps> = ({
                 <option value="number">Number</option>
                 <option value="date">Date</option>
                 <option value="boolean">Checkbox</option>
-                <option value="clickup_tasks">ClickUp-Aufgabe (Referenz)</option>
-                <option value="clickup_status">ClickUp-Status (Liste)</option>
+                <option value="clickup_tasks">{t('formNodeConfig.clickupaufgabeReferenz')}</option>
+                <option value="clickup_status">{t('formNodeConfig.clickupstatusListe')}</option>
               </select>
               <label className={styles.formFieldRequiredLabel}>
                 <input
@@ -149,7 +151,7 @@ export const FormNodeConfig: React.FC<NodeConfigRendererProps> = ({
               <button
                 type="button"
                 onClick={() => removeField(i)}
-                title="Feld entfernen"
+                title={t('formNodeConfig.feldEntfernen')}
                 className={styles.formFieldRemoveButton}
               >
                 <FaTimes />
@@ -196,7 +198,7 @@ export const FormNodeConfig: React.FC<NodeConfigRendererProps> = ({
                   Listen-ID (verknüpfte Liste / Ziel-Liste)
                 </label>
                 <input
-                  placeholder="z. B. aus ClickUp-URL …/list/123456789"
+                  placeholder={t('formNodeConfig.zBAusClickupurlList123456789')}
                   value={f.clickupListId ?? ''}
                   onChange={(e) => {
                     const next = [...fields];
diff --git a/src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx b/src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx
index 37213ae..c57223a 100644
--- a/src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx
+++ b/src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx
@@ -25,6 +25,8 @@ export type FieldRendererComponent = ComponentType<FieldRendererProps>;
 
 import React from 'react';
 
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
 const TextInput: React.FC<FieldRendererProps> = ({ param, value, onChange }) => (
   <div style={{ marginBottom: 8 }}>
     <label style={{ display: 'block', fontSize: 12, marginBottom: 2 }}>{param.description || param.name}</label>
@@ -149,10 +151,11 @@ const JsonEditor: React.FC<FieldRendererProps> = ({ param, value, onChange }) =>
 const HiddenInput: React.FC<FieldRendererProps> = () => null;
 
 const ConnectionPicker: React.FC<FieldRendererProps> = ({ param, value, onChange, instanceId, request }) => {
+  const { t } = useLanguage();
   const [connections, setConnections] = React.useState<Array<{ id: string; label: string }>>([]);
   React.useEffect(() => {
     if (!instanceId || !request) return;
-    request(`/api/graphicalEditor/${instanceId}/options/user.connection`)
+    request({ url: `/api/graphicalEditor/${instanceId}/options/user.connection`, method: 'get' })
       .then((res: unknown) => {
         const data = res as { options?: Array<{ value: string; label: string }> };
         setConnections((data?.options || []).map((o) => ({ id: o.value, label: o.label })));
@@ -167,7 +170,7 @@ const ConnectionPicker: React.FC<FieldRendererProps> = ({ param, value, onChange
         onChange={(e) => onChange(e.target.value)}
         style={{ width: '100%', padding: '4px 8px', borderRadius: 4, border: '1px solid #ccc' }}
       >
-        <option value="">— Select connection —</option>
+        <option value="">{t('index.selectConnection')}</option>
         {connections.map((c) => (
           <option key={c.id} value={c.id}>{c.label}</option>
         ))}
@@ -196,6 +199,7 @@ const FolderPicker: React.FC<FieldRendererProps> = ({ param, value, onChange, al
 };
 
 const CaseListEditor: React.FC<FieldRendererProps> = ({ param, value, onChange }) => {
+  const { t } = useLanguage();
   const cases = Array.isArray(value) ? value : [];
   const addCase = () => onChange([...cases, { operator: 'eq', value: '' }]);
   const removeCase = (idx: number) => onChange(cases.filter((_: unknown, i: number) => i !== idx));
@@ -211,21 +215,22 @@ const CaseListEditor: React.FC<FieldRendererProps> = ({ param, value, onChange }
         <div key={i} style={{ display: 'flex', gap: 4, marginBottom: 4 }}>
           <select value={String(c.operator || 'eq')} onChange={(e) => updateCase(i, 'operator', e.target.value)} style={{ flex: 1, padding: '2px 4px', borderRadius: 4, border: '1px solid #ccc' }}>
             <option value="eq">equals</option>
-            <option value="neq">not equals</option>
+            <option value="neq">{t('index.notEquals')}</option>
             <option value="contains">contains</option>
-            <option value="gt">greater than</option>
-            <option value="lt">less than</option>
+            <option value="gt">{t('index.greaterThan')}</option>
+            <option value="lt">{t('index.lessThan')}</option>
           </select>
           <input type="text" value={String(c.value ?? '')} onChange={(e) => updateCase(i, 'value', e.target.value)} style={{ flex: 2, padding: '2px 4px', borderRadius: 4, border: '1px solid #ccc' }} />
           <button onClick={() => removeCase(i)} style={{ padding: '2px 8px', borderRadius: 4, border: '1px solid #ccc', cursor: 'pointer' }}>×</button>
         </div>
       ))}
-      <button onClick={addCase} style={{ padding: '2px 8px', borderRadius: 4, border: '1px solid #ccc', cursor: 'pointer', fontSize: 12 }}>+ Add case</button>
+      <button onClick={addCase} style={{ padding: '2px 8px', borderRadius: 4, border: '1px solid #ccc', cursor: 'pointer', fontSize: 12 }}>{t('index.addCase')}</button>
     </div>
   );
 };
 
 const FieldBuilderEditor: React.FC<FieldRendererProps> = ({ param, value, onChange }) => {
+  const { t } = useLanguage();
   const fields = Array.isArray(value) ? value : [];
   const addField = () => onChange([...fields, { name: '', type: 'text', label: '', required: false }]);
   const removeField = (idx: number) => onChange(fields.filter((_: unknown, i: number) => i !== idx));
@@ -255,12 +260,13 @@ const FieldBuilderEditor: React.FC<FieldRendererProps> = ({ param, value, onChan
           <button onClick={() => removeField(i)} style={{ padding: '2px 8px', borderRadius: 4, border: '1px solid #ccc', cursor: 'pointer' }}>×</button>
         </div>
       ))}
-      <button onClick={addField} style={{ padding: '2px 8px', borderRadius: 4, border: '1px solid #ccc', cursor: 'pointer', fontSize: 12 }}>+ Add field</button>
+      <button onClick={addField} style={{ padding: '2px 8px', borderRadius: 4, border: '1px solid #ccc', cursor: 'pointer', fontSize: 12 }}>{t('index.addField')}</button>
     </div>
   );
 };
 
 const KeyValueRowsEditor: React.FC<FieldRendererProps> = ({ param, value, onChange }) => {
+  const { t } = useLanguage();
   const rows = Array.isArray(value) ? value : [];
   const addRow = () => onChange([...rows, { key: '', value: '' }]);
   const removeRow = (idx: number) => onChange(rows.filter((_: unknown, i: number) => i !== idx));
@@ -279,26 +285,30 @@ const KeyValueRowsEditor: React.FC<FieldRendererProps> = ({ param, value, onChan
           <button onClick={() => removeRow(i)} style={{ padding: '2px 8px', borderRadius: 4, border: '1px solid #ccc', cursor: 'pointer' }}>×</button>
         </div>
       ))}
-      <button onClick={addRow} style={{ padding: '2px 8px', borderRadius: 4, border: '1px solid #ccc', cursor: 'pointer', fontSize: 12 }}>+ Add row</button>
+      <button onClick={addRow} style={{ padding: '2px 8px', borderRadius: 4, border: '1px solid #ccc', cursor: 'pointer', fontSize: 12 }}>{t('index.addRow')}</button>
     </div>
   );
 };
 
-const CronBuilder: React.FC<FieldRendererProps> = ({ param, value, onChange }) => (
-  <div style={{ marginBottom: 8 }}>
-    <label style={{ display: 'block', fontSize: 12, marginBottom: 2 }}>{param.description || param.name}</label>
-    <input
-      type="text"
-      value={typeof value === 'string' ? value : ''}
-      onChange={(e) => onChange(e.target.value)}
-      placeholder="*/5 * * * *"
-      style={{ width: '100%', padding: '4px 8px', borderRadius: 4, border: '1px solid #ccc', fontFamily: 'monospace' }}
-    />
-    <p style={{ fontSize: 10, color: '#888', margin: '2px 0 0' }}>Cron: min hour day month weekday</p>
-  </div>
-);
+const CronBuilder: React.FC<FieldRendererProps> = ({ param, value, onChange }) => {
+  const { t } = useLanguage();
+  return (
+    <div style={{ marginBottom: 8 }}>
+      <label style={{ display: 'block', fontSize: 12, marginBottom: 2 }}>{param.description || param.name}</label>
+      <input
+        type="text"
+        value={typeof value === 'string' ? value : ''}
+        onChange={(e) => onChange(e.target.value)}
+        placeholder={t('index.5')}
+        style={{ width: '100%', padding: '4px 8px', borderRadius: 4, border: '1px solid #ccc', fontFamily: 'monospace' }}
+      />
+      <p style={{ fontSize: 10, color: '#888', margin: '2px 0 0' }}>{t('index.cronMinHourDayMonth')}</p>
+    </div>
+  );
+};
 
 const ConditionBuilder: React.FC<FieldRendererProps> = ({ param, value, onChange }) => {
+  const { t } = useLanguage();
   const cond = (typeof value === 'object' && value !== null) ? value as Record<string, unknown> : {};
   const update = (field: string, val: unknown) => onChange({ ...cond, type: 'condition', [field]: val });
   return (
@@ -307,14 +317,14 @@ const ConditionBuilder: React.FC<FieldRendererProps> = ({ param, value, onChange
       <div style={{ display: 'flex', gap: 4 }}>
         <select value={String(cond.operator ?? 'eq')} onChange={(e) => update('operator', e.target.value)} style={{ flex: 1, padding: '2px 4px', borderRadius: 4, border: '1px solid #ccc' }}>
           <option value="eq">equals</option>
-          <option value="neq">not equals</option>
-          <option value="gt">greater than</option>
-          <option value="lt">less than</option>
+          <option value="neq">{t('index.notEquals')}</option>
+          <option value="gt">{t('index.greaterThan')}</option>
+          <option value="lt">{t('index.lessThan')}</option>
           <option value="contains">contains</option>
-          <option value="empty">is empty</option>
-          <option value="not_empty">is not empty</option>
-          <option value="is_true">is true</option>
-          <option value="is_false">is false</option>
+          <option value="empty">{t('index.isEmpty')}</option>
+          <option value="not_empty">{t('index.isNotEmpty')}</option>
+          <option value="is_true">{t('index.isTrue')}</option>
+          <option value="is_false">{t('index.isFalse')}</option>
         </select>
         <input type="text" placeholder="Value" value={String(cond.value ?? '')} onChange={(e) => update('value', e.target.value)} style={{ flex: 2, padding: '2px 4px', borderRadius: 4, border: '1px solid #ccc' }} />
       </div>
@@ -323,6 +333,7 @@ const ConditionBuilder: React.FC<FieldRendererProps> = ({ param, value, onChange
 };
 
 const MappingTableEditor: React.FC<FieldRendererProps> = ({ param, value, onChange }) => {
+  const { t } = useLanguage();
   const mappings = Array.isArray(value) ? value : [];
   const addMapping = () => onChange([...mappings, { sourceField: '', outputField: '' }]);
   const removeMapping = (idx: number) => onChange(mappings.filter((_: unknown, i: number) => i !== idx));
@@ -336,18 +347,19 @@ const MappingTableEditor: React.FC<FieldRendererProps> = ({ param, value, onChan
       <label style={{ display: 'block', fontSize: 12, marginBottom: 2 }}>{param.description || param.name}</label>
       {mappings.map((m: Record<string, unknown>, i: number) => (
         <div key={i} style={{ display: 'flex', gap: 4, marginBottom: 4 }}>
-          <input type="text" placeholder="Source field" value={String(m.sourceField ?? '')} onChange={(e) => updateMapping(i, 'sourceField', e.target.value)} style={{ flex: 1, padding: '2px 4px', borderRadius: 4, border: '1px solid #ccc' }} />
+          <input type="text" placeholder={t('index.sourceField')} value={String(m.sourceField ?? '')} onChange={(e) => updateMapping(i, 'sourceField', e.target.value)} style={{ flex: 1, padding: '2px 4px', borderRadius: 4, border: '1px solid #ccc' }} />
           <span style={{ alignSelf: 'center' }}>→</span>
-          <input type="text" placeholder="Output field" value={String(m.outputField ?? '')} onChange={(e) => updateMapping(i, 'outputField', e.target.value)} style={{ flex: 1, padding: '2px 4px', borderRadius: 4, border: '1px solid #ccc' }} />
+          <input type="text" placeholder={t('index.outputField')} value={String(m.outputField ?? '')} onChange={(e) => updateMapping(i, 'outputField', e.target.value)} style={{ flex: 1, padding: '2px 4px', borderRadius: 4, border: '1px solid #ccc' }} />
           <button onClick={() => removeMapping(i)} style={{ padding: '2px 8px', borderRadius: 4, border: '1px solid #ccc', cursor: 'pointer' }}>×</button>
         </div>
       ))}
-      <button onClick={addMapping} style={{ padding: '2px 8px', borderRadius: 4, border: '1px solid #ccc', cursor: 'pointer', fontSize: 12 }}>+ Add mapping</button>
+      <button onClick={addMapping} style={{ padding: '2px 8px', borderRadius: 4, border: '1px solid #ccc', cursor: 'pointer', fontSize: 12 }}>{t('index.addMapping')}</button>
     </div>
   );
 };
 
 const FilterExpressionEditor: React.FC<FieldRendererProps> = ({ param, value, onChange }) => {
+  const { t } = useLanguage();
   const cond = (typeof value === 'object' && value !== null) ? value as Record<string, unknown> : {};
   const update = (field: string, val: unknown) => onChange({ ...cond, [field]: val });
   return (
@@ -357,13 +369,13 @@ const FilterExpressionEditor: React.FC<FieldRendererProps> = ({ param, value, on
         <input type="text" placeholder="Field" value={String(cond.field ?? '')} onChange={(e) => update('field', e.target.value)} style={{ flex: 1, padding: '2px 4px', borderRadius: 4, border: '1px solid #ccc' }} />
         <select value={String(cond.operator ?? 'eq')} onChange={(e) => update('operator', e.target.value)} style={{ flex: 1, padding: '2px 4px', borderRadius: 4, border: '1px solid #ccc' }}>
           <option value="eq">equals</option>
-          <option value="neq">not equals</option>
+          <option value="neq">{t('index.notEquals')}</option>
           <option value="contains">contains</option>
-          <option value="startsWith">starts with</option>
-          <option value="isEmpty">is empty</option>
-          <option value="isNotEmpty">is not empty</option>
-          <option value="gt">greater than</option>
-          <option value="lt">less than</option>
+          <option value="startsWith">{t('index.startsWith')}</option>
+          <option value="isEmpty">{t('index.isEmpty')}</option>
+          <option value="isNotEmpty">{t('index.isNotEmpty')}</option>
+          <option value="gt">{t('index.greaterThan')}</option>
+          <option value="lt">{t('index.lessThan')}</option>
         </select>
         <input type="text" placeholder="Value" value={String(cond.value ?? '')} onChange={(e) => update('value', e.target.value)} style={{ flex: 1, padding: '2px 4px', borderRadius: 4, border: '1px solid #ccc' }} />
       </div>
diff --git a/src/components/FlowEditor/nodes/ifElse/IfElseNodeConfig.tsx b/src/components/FlowEditor/nodes/ifElse/IfElseNodeConfig.tsx
index 4ce3008..a86b53b 100644
--- a/src/components/FlowEditor/nodes/ifElse/IfElseNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/ifElse/IfElseNodeConfig.tsx
@@ -12,6 +12,8 @@ import { getMimeTypeOptionsFromUploadParams } from '../runtime/fileTypeMimeMappi
 import { operatorsForType } from '../shared/conditionOperators';
 import styles from '../../editor/Automation2FlowEditor.module.css';
 
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
 export interface StructuredCondition {
   type: 'condition';
   ref: { type: 'ref'; nodeId: string; path: (string | number)[] } | null;
@@ -28,6 +30,7 @@ function parseCondition(v: unknown): StructuredCondition | null {
 }
 
 export const IfElseNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => {
+  const { t } = useLanguage();
   const dataFlow = useAutomation2DataFlow();
 
   const cond = parseCondition(params.condition);
@@ -97,7 +100,7 @@ export const IfElseNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, up
     <div className={styles.ifElseConditionEditor}>
       <div className={styles.ifElseConditionRow}>
         <label>Datenquelle</label>
-        <RefSourceSelect value={ref} onChange={handleRefChange} placeholder="Formular-Feld wählen…" />
+        <RefSourceSelect value={ref} onChange={handleRefChange} placeholder={t('ifElseNodeConfig.formularfeldWaehlen')} />
       </div>
       <div className={styles.ifElseConditionRow}>
         <label>Vergleich</label>
@@ -117,7 +120,7 @@ export const IfElseNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, up
               value={String(value ?? '')}
               onChange={(e) => handleValueChange(e.target.value)}
             >
-              <option value="">— MIME-Type wählen —</option>
+              <option value="">{t('ifElseNodeConfig.mimetypeWaehlen')}</option>
               {mimeTypeOptions.map((o) => (
                 <option key={o.value} value={o.value}>
                   {o.label} ({o.value})
@@ -139,8 +142,8 @@ export const IfElseNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, up
                   : fieldType === 'date'
                     ? 'TT.MM.JJJJ'
                     : isMimeTypeRef
-                      ? 'z.B. application/pdf'
-                      : 'z.B. CH'
+                      ? t('ifElseNodeConfig.zbApplicationpdf')
+                      : t('ifElseNodeConfig.zbCh')
               }
             />
           )}
diff --git a/src/components/FlowEditor/nodes/shared/DataPicker.tsx b/src/components/FlowEditor/nodes/shared/DataPicker.tsx
index 67fe2a2..2d132d0 100644
--- a/src/components/FlowEditor/nodes/shared/DataPicker.tsx
+++ b/src/components/FlowEditor/nodes/shared/DataPicker.tsx
@@ -11,6 +11,8 @@ import { useAutomation2DataFlow } from '../../context/Automation2DataFlowContext
 import type { NodeType, PortSchema } from '../../../../api/workflowApi';
 import styles from '../../editor/Automation2FlowEditor.module.css';
 
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
 interface DataPickerProps {
   open: boolean;
   onClose: () => void;
@@ -95,8 +97,7 @@ function _resolveSchemaForNode(
   return _resolveSchemaForNode(incoming.source, nodes, nodeTypes, connections, catalog, visited);
 }
 
-export const DataPicker: React.FC<DataPickerProps> = ({
-  open,
+export const DataPicker: React.FC<DataPickerProps> = ({ open,
   onClose,
   onPick,
   availableSourceIds,
@@ -104,6 +105,7 @@ export const DataPicker: React.FC<DataPickerProps> = ({
   nodeOutputsPreview,
   getNodeLabel,
 }) => {
+  const { t } = useLanguage();
   const [expandedNodes, setExpandedNodes] = useState<Set<string>>(new Set());
   const [showSystem, setShowSystem] = useState(false);
   const ctx = useAutomation2DataFlow();
@@ -113,7 +115,12 @@ export const DataPicker: React.FC<DataPickerProps> = ({
   const catalog = ctx?.portTypeCatalog ?? {};
   const systemVars = ctx?.systemVariables ?? {};
   const nodeTypes = ctx?.nodeTypes ?? [];
-  const connections = ctx?.connections ?? [];
+  const connectionsRaw = ctx?.connections ?? [];
+  const connections = connectionsRaw.map((c) => ({
+    source: c.sourceId,
+    target: c.targetId,
+    sourceOutput: c.sourceHandle,
+  }));
 
   const toggleExpand = (nodeId: string) => {
     setExpandedNodes((prev) => {
@@ -138,8 +145,8 @@ export const DataPicker: React.FC<DataPickerProps> = ({
     <div className={styles.dataPickerOverlay} onClick={onClose}>
       <div className={styles.dataPickerModal} onClick={(e) => e.stopPropagation()}>
         <div className={styles.dataPickerHeader}>
-          <h4 className={styles.dataPickerTitle}>Datenquelle wählen</h4>
-          <button type="button" className={styles.dataPickerClose} onClick={onClose} aria-label="Schließen">
+          <h4 className={styles.dataPickerTitle}>{t('dataPicker.datenquelleWaehlen')}</h4>
+          <button type="button" className={styles.dataPickerClose} onClick={onClose} aria-label={t('dataPicker.schliessen')}>
             ×
           </button>
         </div>
@@ -180,7 +187,7 @@ export const DataPicker: React.FC<DataPickerProps> = ({
               return node?.type !== 'trigger.manual';
             });
             if (filteredIds.length === 0 && Object.keys(systemVars).length === 0) {
-              return <p className={styles.dataPickerEmpty}>Keine vorherigen Nodes verfügbar.</p>;
+              return <p className={styles.dataPickerEmpty}>{t('dataPicker.keineVorherigenNodesVerfuegbar')}</p>;
             }
             return filteredIds.map((nodeId) => {
               const node = nodes.find((n) => n.id === nodeId);
diff --git a/src/components/FlowEditor/nodes/shared/DynamicValueField.tsx b/src/components/FlowEditor/nodes/shared/DynamicValueField.tsx
index d942a1f..4636b91 100644
--- a/src/components/FlowEditor/nodes/shared/DynamicValueField.tsx
+++ b/src/components/FlowEditor/nodes/shared/DynamicValueField.tsx
@@ -8,12 +8,15 @@ import {
   createValue,
   formatRefLabel,
   type DataRef,
+  type SystemVarRef,
 } from './dataRef';
 import { RefSourceSelect } from './RefSourceSelect';
 import { DataPicker } from './DataPicker';
 import { useAutomation2DataFlow } from '../../context/Automation2DataFlowContext';
 import styles from '../../editor/Automation2FlowEditor.module.css';
 
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
 export type FieldType = 'textarea' | 'input';
 
 interface DynamicValueFieldProps {
@@ -28,14 +31,14 @@ interface DynamicValueFieldProps {
   variant?: 'picker' | 'dropdown';
 }
 
-export const DynamicValueField: React.FC<DynamicValueFieldProps> = ({
-  paramKey,
+export const DynamicValueField: React.FC<DynamicValueFieldProps> = ({ paramKey,
   value,
   onChange,
   label,
   placeholder,
   variant = 'picker',
 }) => {
+  const { t } = useLanguage();
   const dataFlow = useAutomation2DataFlow();
   const [pickerOpen, setPickerOpen] = useState(false);
 
@@ -47,7 +50,7 @@ export const DynamicValueField: React.FC<DynamicValueFieldProps> = ({
   });
   const canUseRef = dataFlow !== null && hasUsefulSources;
 
-  const handleSetRef = (newRef: DataRef | null) => {
+  const handleSetRef = (newRef: DataRef | SystemVarRef | null) => {
     onChange(paramKey, newRef ?? createValue(''));
   };
 
@@ -55,7 +58,7 @@ export const DynamicValueField: React.FC<DynamicValueFieldProps> = ({
     return (
       <div className={styles.dynamicValueField}>
         <label>{label}</label>
-        <p className={styles.dynamicValueEmptyHint}>Keine vorherigen Nodes verfügbar.</p>
+        <p className={styles.dynamicValueEmptyHint}>{t('dynamicValueField.keineVorherigenNodesVerfuegbar')}</p>
       </div>
     );
   }
diff --git a/src/components/FlowEditor/nodes/shared/HybridStaticRefField.tsx b/src/components/FlowEditor/nodes/shared/HybridStaticRefField.tsx
index f65695b..2d3f1c7 100644
--- a/src/components/FlowEditor/nodes/shared/HybridStaticRefField.tsx
+++ b/src/components/FlowEditor/nodes/shared/HybridStaticRefField.tsx
@@ -13,6 +13,8 @@ import { useAutomation2DataFlow } from '../../context/Automation2DataFlowContext
 import { isRef, isValue, createValue } from './dataRef';
 import styles from '../../editor/Automation2FlowEditor.module.css';
 
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
 function parseHybrid(value: unknown): { staticStr: string } {
   if (isRef(value)) return { staticStr: '' };
   if (isValue(value)) {
@@ -37,8 +39,7 @@ export interface HybridStaticRefFieldProps {
   pathPickMode?: PathPickMode;
 }
 
-export const HybridStaticRefField: React.FC<HybridStaticRefFieldProps> = ({
-  label,
+export const HybridStaticRefField: React.FC<HybridStaticRefFieldProps> = ({ label,
   value,
   onChange,
   multiline,
@@ -46,6 +47,7 @@ export const HybridStaticRefField: React.FC<HybridStaticRefFieldProps> = ({
   placeholder,
   pathPickMode = 'default',
 }) => {
+  const { t } = useLanguage();
   const dataFlow = useAutomation2DataFlow();
   const hasSources =
     dataFlow &&
@@ -83,7 +85,7 @@ export const HybridStaticRefField: React.FC<HybridStaticRefFieldProps> = ({
           <StatischKontextSelect
             value={value}
             onChange={onChange}
-            placeholder="— Quelle wählen —"
+            placeholder={t('hybridStaticRefField.quelleWaehlen')}
             pathPickMode={pathPickMode}
           />
         </div>
diff --git a/src/components/FlowEditor/nodes/shared/LoopItemsSelect.tsx b/src/components/FlowEditor/nodes/shared/LoopItemsSelect.tsx
index 694fb6c..e8cb8a2 100644
--- a/src/components/FlowEditor/nodes/shared/LoopItemsSelect.tsx
+++ b/src/components/FlowEditor/nodes/shared/LoopItemsSelect.tsx
@@ -9,6 +9,8 @@ import { refToOptionValue, optionValueToRef } from './RefSourceSelect';
 import { useAutomation2DataFlow } from '../../context/Automation2DataFlowContext';
 import styles from '../../editor/Automation2FlowEditor.module.css';
 
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
 interface LoopOption {
   ref: DataRef;
   label: string;
@@ -153,11 +155,11 @@ interface LoopItemsSelectProps {
   placeholder?: string;
 }
 
-export const LoopItemsSelect: React.FC<LoopItemsSelectProps> = ({
-  value,
+export const LoopItemsSelect: React.FC<LoopItemsSelectProps> = ({ value,
   onChange,
   placeholder = 'Über was soll iteriert werden?',
 }) => {
+  const { t } = useLanguage();
   const dataFlow = useAutomation2DataFlow();
   if (!dataFlow) return null;
 
@@ -182,7 +184,7 @@ export const LoopItemsSelect: React.FC<LoopItemsSelectProps> = ({
 
   return (
     <div className={styles.ifElseConditionRow}>
-      <label>Datenquelle für Iteration</label>
+      <label>{t('loopItemsSelect.datenquelleFuerIteration')}</label>
       <select
         value={currentValue}
         onChange={(e) => {
diff --git a/src/components/FlowEditor/nodes/start/FormStartNodeConfig.tsx b/src/components/FlowEditor/nodes/start/FormStartNodeConfig.tsx
index fc455a5..406c6fc 100644
--- a/src/components/FlowEditor/nodes/start/FormStartNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/start/FormStartNodeConfig.tsx
@@ -6,6 +6,8 @@ import React, { useMemo } from 'react';
 import type { NodeConfigRendererProps } from '../configs/types';
 import styles from '../../editor/Automation2FlowEditor.module.css';
 
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
 type FormField = {
   name: string;
   label: string;
@@ -15,17 +17,17 @@ type FormField = {
 
 const FORM_FIELD_TYPES = ['text', 'number', 'email', 'date', 'boolean', 'clickup_status'] as const;
 
-function parseFields(params: Record<string, unknown>): FormField[] {
+function _parseFields(params: Record<string, unknown>, t: (key: string) => string): FormField[] {
   const raw = params.formFields;
-  if (!Array.isArray(raw)) return [{ name: 'field1', label: 'Feld 1', type: 'text' }];
+  if (!Array.isArray(raw)) return [{ name: 'field1', label: t('formStartNodeConfig.field1'), type: 'text' }];
   return raw.map((f, i) => {
     if (f && typeof f === 'object' && !Array.isArray(f)) {
       const o = f as Record<string, unknown>;
-      const t = String(o.type ?? 'text');
+      const fieldType = String(o.type ?? 'text');
       const name = String(o.name ?? `field${i + 1}`);
       const label = String(o.label ?? `Feld ${i + 1}`);
       const type = (
-        FORM_FIELD_TYPES.includes(t as (typeof FORM_FIELD_TYPES)[number]) ? t : 'text'
+        FORM_FIELD_TYPES.includes(fieldType as (typeof FORM_FIELD_TYPES)[number]) ? fieldType : 'text'
       ) as FormField['type'];
       if (type === 'clickup_status' && Array.isArray(o.statusOptions)) {
         return {
@@ -42,7 +44,8 @@ function parseFields(params: Record<string, unknown>): FormField[] {
 }
 
 export const FormStartNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => {
-  const fields = useMemo(() => parseFields(params), [params]);
+  const { t } = useLanguage();
+  const fields = useMemo(() => _parseFields(params, t), [params, t]);
 
   const setFields = (next: FormField[]) => {
     updateParam('formFields', next);
@@ -59,7 +62,7 @@ export const FormStartNodeConfig: React.FC<NodeConfigRendererProps> = ({ params,
           <div key={idx} className={styles.formFieldRow}>
             <input
               className={styles.startsInput}
-              placeholder="Name (Payload-Key)"
+              placeholder={t('formStartNodeConfig.namePayloadkey')}
               value={f.name}
               onChange={(e) => {
                 const next = [...fields];
@@ -82,11 +85,11 @@ export const FormStartNodeConfig: React.FC<NodeConfigRendererProps> = ({ params,
               value={f.type}
               onChange={(e) => {
                 const next = [...fields];
-                const t = e.target.value as FormField['type'];
-                if (t === 'clickup_status') {
+                const fieldType = e.target.value as FormField['type'];
+                if (fieldType === 'clickup_status') {
                   next[idx] = { name: f.name, label: f.label, type: 'clickup_status', statusOptions: f.statusOptions };
                 } else {
-                  next[idx] = { name: f.name, label: f.label, type: t };
+                  next[idx] = { name: f.name, label: f.label, type: fieldType };
                 }
                 setFields(next);
               }}
@@ -96,7 +99,7 @@ export const FormStartNodeConfig: React.FC<NodeConfigRendererProps> = ({ params,
               <option value="email">E-Mail</option>
               <option value="date">Datum</option>
               <option value="boolean">Ja/Nein</option>
-              <option value="clickup_status">ClickUp-Status (Liste)</option>
+              <option value="clickup_status">{t('formStartNodeConfig.clickupstatusListe')}</option>
             </select>
             <button
               type="button"
@@ -111,7 +114,7 @@ export const FormStartNodeConfig: React.FC<NodeConfigRendererProps> = ({ params,
           type="button"
           className={styles.startsAddBtn}
           onClick={() =>
-            setFields([...fields, { name: `field${fields.length + 1}`, label: 'Neues Feld', type: 'text' }])
+            setFields([...fields, { name: `field${fields.length + 1}`, label: t('formStartNodeConfig.newField'), type: 'text' }])
           }
         >
           + Feld
diff --git a/src/components/FlowEditor/nodes/start/ScheduleStartNodeConfig.tsx b/src/components/FlowEditor/nodes/start/ScheduleStartNodeConfig.tsx
index 3af3cd3..98d7bc9 100644
--- a/src/components/FlowEditor/nodes/start/ScheduleStartNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/start/ScheduleStartNodeConfig.tsx
@@ -16,13 +16,17 @@ import {
 } from '../runtime/scheduleCron';
 import styles from '../../editor/Automation2FlowEditor.module.css';
 
-const MODE_OPTIONS: { value: ScheduleMode; title: string; subtitle: string }[] = [
-  { value: 'daily', title: 'Täglich', subtitle: 'Jeden Tag zur gleichen Zeit' },
-  { value: 'weekdays', title: 'Werktage', subtitle: 'Montag bis Freitag' },
-  { value: 'weekly', title: 'Bestimmte Tage', subtitle: 'Wochentage auswählen' },
-  { value: 'calendar', title: 'Ein anderer Zeitraum', subtitle: 'Monatlich oder jährlich wiederkehrend' },
-  { value: 'interval', title: 'Intervall', subtitle: 'In regelmäßigen Abständen' },
-];
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
+function _getModeOptions(t: (key: string) => string): { value: ScheduleMode; title: string; subtitle: string }[] {
+  return [
+    { value: 'daily', title: t('scheduleStartNodeConfig.taeglich'), subtitle: t('scheduleStartNodeConfig.jedenTagZurGleichenZeit') },
+    { value: 'weekdays', title: t('scheduleStartNodeConfig.werktage'), subtitle: t('scheduleStartNodeConfig.montagBisFreitag') },
+    { value: 'weekly', title: t('scheduleStartNodeConfig.bestimmteTage'), subtitle: t('scheduleStartNodeConfig.wochentageAuswaehlen') },
+    { value: 'calendar', title: t('scheduleStartNodeConfig.einAndererZeitraum'), subtitle: t('scheduleStartNodeConfig.monatlichOderJaehrlich') },
+    { value: 'interval', title: t('scheduleStartNodeConfig.intervall'), subtitle: t('scheduleStartNodeConfig.inRegelmaessigenAbstaenden') },
+  ];
+}
 
 const MONTH_NAMES_DE = [
   'Januar',
@@ -39,13 +43,15 @@ const MONTH_NAMES_DE = [
   'Dezember',
 ];
 
-const INTERVAL_UNITS: { value: IntervalUnit; label: string; title: string }[] = [
-  { value: 'seconds', label: 'sek', title: 'Sekunden' },
-  { value: 'minutes', label: 'min', title: 'Minuten' },
-  { value: 'hours', label: 'h', title: 'Stunden' },
-  { value: 'days', label: 'd', title: 'Tage' },
-  { value: 'years', label: 'a', title: 'Jahre' },
-];
+function _getIntervalUnits(t: (key: string) => string): { value: IntervalUnit; label: string; title: string }[] {
+  return [
+    { value: 'seconds', label: t('scheduleStartNodeConfig.sek'), title: t('scheduleStartNodeConfig.sekunden') },
+    { value: 'minutes', label: t('scheduleStartNodeConfig.min'), title: t('scheduleStartNodeConfig.minuten') },
+    { value: 'hours', label: t('scheduleStartNodeConfig.h'), title: t('scheduleStartNodeConfig.stunden') },
+    { value: 'days', label: t('scheduleStartNodeConfig.d'), title: t('scheduleStartNodeConfig.tage') },
+    { value: 'years', label: t('scheduleStartNodeConfig.a'), title: t('scheduleStartNodeConfig.jahre') },
+  ];
+}
 
 function timeString(hour: number, minute: number): string {
   return `${String(Math.max(0, Math.min(23, hour))).padStart(2, '0')}:${String(Math.max(0, Math.min(59, minute))).padStart(2, '0')}`;
@@ -77,6 +83,9 @@ function clampInterval(value: number, unit: IntervalUnit): number {
 const EASE_SMOOTH = [0.33, 1, 0.68, 1] as const;
 
 export const ScheduleStartNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => {
+  const { t } = useLanguage();
+  const modeOptions = _getModeOptions(t);
+  const intervalUnits = _getIntervalUnits(t);
   const [spec, setSpec] = useState<ScheduleSpec>(() => scheduleSpecFromParams(params));
   const prefersReducedMotion = useReducedMotion();
   const specModeRef = useRef(spec.mode);
@@ -128,7 +137,7 @@ export const ScheduleStartNodeConfig: React.FC<NodeConfigRendererProps> = ({ par
   const onModeCardPointerEvent = (
     phase: 'pointerdown' | 'click',
     e: React.PointerEvent | React.MouseEvent,
-    o: (typeof MODE_OPTIONS)[number]
+    o: { value: ScheduleMode; title: string; subtitle: string }
   ) => {
     const el = e.target as HTMLElement;
     const cur = e.currentTarget as HTMLElement;
@@ -206,7 +215,7 @@ export const ScheduleStartNodeConfig: React.FC<NodeConfigRendererProps> = ({ par
 
       <LayoutGroup>
       <div className={styles.scheduleModeStack}>
-        {MODE_OPTIONS.map((o) => (
+        {modeOptions.map((o) => (
           <motion.div
             key={o.value}
             data-schedule-mode={o.value}
@@ -394,7 +403,7 @@ export const ScheduleStartNodeConfig: React.FC<NodeConfigRendererProps> = ({ par
 
                 {o.value === 'interval' && (
                   <div className={styles.scheduleIntervalRow}>
-                    <span className={styles.scheduleFieldLabel}>Alle</span>
+                    <span className={styles.scheduleFieldLabel}>{t('scheduleStartNodeConfig.alle')}</span>
                     <input
                       type="number"
                       min={1}
@@ -411,9 +420,9 @@ export const ScheduleStartNodeConfig: React.FC<NodeConfigRendererProps> = ({ par
                       className={styles.scheduleUnitSelect}
                       value={spec.intervalUnit}
                       onChange={(e) => setIntervalUnit(e.target.value as IntervalUnit)}
-                      title={INTERVAL_UNITS.find((u) => u.value === spec.intervalUnit)?.title}
+                      title={intervalUnits.find((u) => u.value === spec.intervalUnit)?.title}
                     >
-                      {INTERVAL_UNITS.map((u) => (
+                      {intervalUnits.map((u) => (
                         <option key={u.value} value={u.value} title={u.title}>
                           {u.label}
                         </option>
diff --git a/src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx b/src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx
index 771a3ce..cb1a117 100644
--- a/src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx
@@ -12,6 +12,8 @@ import { getMimeTypeOptionsFromUploadParams } from '../runtime/fileTypeMimeMappi
 import { operatorsForType } from '../shared/conditionOperators';
 import styles from '../../editor/Automation2FlowEditor.module.css';
 
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
 export interface SwitchCase {
   operator: string;
   value?: string | number | boolean;
@@ -31,6 +33,7 @@ function normalizeCase(c: unknown): SwitchCase {
 }
 
 export const SwitchNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => {
+  const { t } = useLanguage();
   const dataFlow = useAutomation2DataFlow();
 
   const valueParam = params.value;
@@ -111,7 +114,7 @@ export const SwitchNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, up
           onChange={(e) => handleCaseValueChange(index, e.target.value)}
           className={styles.startsInput}
         >
-          <option value="">— MIME-Type wählen —</option>
+          <option value="">{t('switchNodeConfig.mimetypeWaehlen')}</option>
           {mimeTypeOptions.map((o) => (
             <option key={o.value} value={o.value}>
               {o.label} ({o.value})
@@ -151,9 +154,9 @@ export const SwitchNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, up
           }}
           className={styles.startsInput}
         >
-          <option value="">— wählen —</option>
-          <option value="true">Ja / wahr</option>
-          <option value="false">Nein / falsch</option>
+          <option value="">{t('switchNodeConfig.waehlen')}</option>
+          <option value="true">{t('switchNodeConfig.jaWahr')}</option>
+          <option value="false">{t('switchNodeConfig.neinFalsch')}</option>
         </select>
       );
     }
@@ -186,24 +189,24 @@ export const SwitchNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, up
         <RefSourceSelect
           value={ref}
           onChange={handleRefChange}
-          placeholder="Feld zum Vergleichen wählen…"
+          placeholder={t('switchNodeConfig.feldZumVergleichenWaehlen')}
         />
       </div>
 
       {!ref && (
         <div className={styles.ifElseConditionRow}>
-          <label>Fester Wert (falls keine Referenz)</label>
+          <label>{t('switchNodeConfig.festerWertFallsKeineReferenz')}</label>
           <input
             type="text"
             value={String(staticValue ?? '')}
             onChange={(e) => handleStaticValueChange(e.target.value)}
-            placeholder="z.B. CH oder 42"
+            placeholder={t('switchNodeConfig.zbChOder42')}
           />
         </div>
       )}
 
       <div className={styles.ifElseConditionRow}>
-        <label>Fälle (Reihenfolge = Ausgang)</label>
+        <label>{t('switchNodeConfig.faelleReihenfolgeAusgang')}</label>
         <div className={styles.formFieldsList}>
           {cases.map((c, i) => {
             const opDef = operators.find((o) => o.value === c.operator) ?? operators[0];
diff --git a/src/components/FolderTree/FolderTree.tsx b/src/components/FolderTree/FolderTree.tsx
index 3712664..b9dd3a5 100644
--- a/src/components/FolderTree/FolderTree.tsx
+++ b/src/components/FolderTree/FolderTree.tsx
@@ -16,6 +16,8 @@ import { FaFolder, FaFolderOpen, FaPlus, FaPen, FaTrash, FaChevronRight, FaGlobe
 import { usePrompt, type PromptOptions } from '../../hooks/usePrompt';
 import styles from './FolderTree.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 /* ── Public types ──────────────────────────────────────────────────────── */
 
 export interface FolderNode {
@@ -184,6 +186,7 @@ interface SelectionCtx {
 /* ── File node (leaf) ─────────────────────────────────────────────────── */
 
 function _FileItem({ file, sel }: { file: FileNode; sel: SelectionCtx }) {
+  const { t } = useLanguage();
   const [dragging, setDragging] = useState(false);
   const [renaming, setRenaming] = useState(false);
   const [renameValue, setRenameValue] = useState('');
@@ -267,7 +270,7 @@ function _FileItem({ file, sel }: { file: FileNode; sel: SelectionCtx }) {
                   </button>
                 )}
                 {sel.selectedFileIds.length > 0 && sel.onDeleteFiles && (
-                  <button className={`${styles.actionBtn} ${styles.danger}`} onClick={_handleDeleteFiles} title={`${sel.selectedFileIds.length} Dateien löschen`}>
+                  <button className={`${styles.actionBtn} ${styles.danger}`} onClick={_handleDeleteFiles} title={`${sel.selectedFileIds.length} ${t('folderTree.dateienLoeschen')}`}>
                     <FaTrash />
                     <span style={{ fontSize: 9, marginLeft: 2, fontWeight: 600 }}>{sel.selectedFileIds.length}</span>
                   </button>
@@ -275,7 +278,7 @@ function _FileItem({ file, sel }: { file: FileNode; sel: SelectionCtx }) {
               </>
             ) : (
               (sel.onDeleteFile || sel.onDeleteFiles) && (
-                <button className={`${styles.actionBtn} ${styles.danger}`} onClick={_handleDeleteSingle} title="Löschen">
+                <button className={`${styles.actionBtn} ${styles.danger}`} onClick={_handleDeleteSingle} title={t('folderTree.loeschen')}>
                   <FaTrash />
                 </button>
               )
@@ -308,7 +311,7 @@ function _FileItem({ file, sel }: { file: FileNode; sel: SelectionCtx }) {
                   e.stopPropagation();
                   sel.onNeutralizeToggle?.(file.id, !file.neutralize);
                 }}
-                title={file.neutralize ? 'Neutralisierung aktiv (klicken zum Deaktivieren)' : 'Neutralisierung aus (klicken zum Aktivieren)'}
+                title={file.neutralize ? t('folderTree.neutralisierungAktivKlickenZumDeaktivieren') : t('folderTree.neutralisierungAusKlickenZumAktivieren')}
                 style={{ fontSize: 14, opacity: file.neutralize ? 1 : 0.4 }}
               >
                 {'\uD83D\uDD12'}
@@ -351,6 +354,7 @@ function _TreeNode({
   onCreateFolder, onRenameFolder, onDeleteFolder, onMoveFolder, onMoveFolders, onMoveFile, onMoveFiles,
   onDownloadFolder,
 }: TreeNodeProps) {
+  const { t } = useLanguage();
   const [renaming, setRenaming] = useState(false);
   const [renameValue, setRenameValue] = useState(node.name);
   const [dropOver, setDropOver] = useState(false);
@@ -377,7 +381,7 @@ function _TreeNode({
   const _handleAdd = useCallback(async (e: React.MouseEvent) => {
     e.stopPropagation();
     if (!onCreateFolder) return;
-    const name = await promptFolderName('Neuer Ordnername:', { title: 'Neuer Ordner', placeholder: 'Ordnername' });
+    const name = await promptFolderName('Neuer Ordnername:', { title: t('folderTree.newFolder'), placeholder: 'Ordnername' });
     if (name?.trim()) {
       await onCreateFolder(name.trim(), node.id);
       if (!expandedIds.has(node.id)) onToggle(node.id);
@@ -496,37 +500,37 @@ function _TreeNode({
         )}
         <span className={styles.actions}>
           {onDownloadFolder && !(isMultiSelected && sel.selectedItemIds.size > 1) && (
-            <button className={styles.actionBtn} onClick={(e) => { e.stopPropagation(); onDownloadFolder(node.id, node.name); }} title="Ordner herunterladen (ZIP)">
+            <button className={styles.actionBtn} onClick={(e) => { e.stopPropagation(); onDownloadFolder(node.id, node.name); }} title={t('folderTree.ordnerHerunterladenZip')}>
               <FaDownload />
             </button>
           )}
           {onCreateFolder && !(isMultiSelected && sel.selectedItemIds.size > 1) && (
-            <button className={styles.actionBtn} onClick={_handleAdd} title="Neuer Unterordner">
+            <button className={styles.actionBtn} onClick={_handleAdd} title={t('folderTree.neuerUnterordner')}>
               <FaPlus />
             </button>
           )}
           {onRenameFolder && !(isMultiSelected && sel.selectedItemIds.size > 1) && (
-            <button className={styles.actionBtn} onClick={(e) => { e.stopPropagation(); setRenameValue(node.name); setRenaming(true); }} title="Umbenennen">
+            <button className={styles.actionBtn} onClick={(e) => { e.stopPropagation(); setRenameValue(node.name); setRenaming(true); }} title={t('folderTree.umbenennen')}>
               <FaPen />
             </button>
           )}
           {isMultiSelected && sel.selectedItemIds.size > 1 ? (
             <>
               {sel.selectedFolderIds.length > 0 && sel.onDeleteFolders && (
-                <button className={`${styles.actionBtn} ${styles.danger}`} onClick={_handleDeleteFolders} title={`${sel.selectedFolderIds.length} Ordner löschen`}>
+                <button className={`${styles.actionBtn} ${styles.danger}`} onClick={_handleDeleteFolders} title={`${sel.selectedFolderIds.length} ${t('folderTree.ordnerLoeschen')}`}>
                   <FaFolder style={{ fontSize: 8, marginRight: 1 }} /><FaTrash />
                   <span style={{ fontSize: 9, marginLeft: 2, fontWeight: 600 }}>{sel.selectedFolderIds.length}</span>
                 </button>
               )}
               {sel.selectedFileIds.length > 0 && sel.onDeleteFiles && (
-                <button className={`${styles.actionBtn} ${styles.danger}`} onClick={_handleDeleteFiles} title={`${sel.selectedFileIds.length} Dateien löschen`}>
+                <button className={`${styles.actionBtn} ${styles.danger}`} onClick={_handleDeleteFiles} title={`${sel.selectedFileIds.length} ${t('folderTree.dateienLoeschen')}`}>
                   <FaTrash />
                   <span style={{ fontSize: 9, marginLeft: 2, fontWeight: 600 }}>{sel.selectedFileIds.length}</span>
                 </button>
               )}
             </>
           ) : onDeleteFolder && (
-            <button className={`${styles.actionBtn} ${styles.danger}`} onClick={_handleDeleteSingle} title="Löschen">
+            <button className={`${styles.actionBtn} ${styles.danger}`} onClick={_handleDeleteSingle} title={t('folderTree.loeschen')}>
               <FaTrash />
             </button>
           )}
@@ -576,6 +580,7 @@ export default function FolderTree({
   onRenameFile, onDeleteFile, onDeleteFiles, onDeleteFolders, onRefresh, onDownloadFolder,
   onScopeChange, onNeutralizeToggle,
 }: FolderTreeProps) {
+  const { t } = useLanguage();
   const [internalExpandedIds, setInternalExpandedIds] = useState<Set<string>>(new Set());
   const [rootDropOver, setRootDropOver] = useState(false);
   const [internalSelectedIds, setInternalSelectedIds] = useState<Set<string>>(new Set());
@@ -751,7 +756,7 @@ export default function FolderTree({
         <span className={`${styles.folderName} ${styles.rootLabel}`}>(Global)</span>
         <span className={styles.rootActions}>
           {onRefresh && (
-            <button className={styles.actionBtn} onClick={(e) => { e.stopPropagation(); onRefresh(); }} title="Aktualisieren">
+            <button className={styles.actionBtn} onClick={(e) => { e.stopPropagation(); onRefresh(); }} title={t('folderTree.aktualisieren')}>
               <FaSyncAlt />
             </button>
           )}
@@ -760,10 +765,10 @@ export default function FolderTree({
               className={styles.actionBtn}
               onClick={async (e) => {
                 e.stopPropagation();
-                const name = await promptFolderName('Neuer Ordnername:', { title: 'Neuer Ordner', placeholder: 'Ordnername' });
+                const name = await promptFolderName('Neuer Ordnername:', { title: t('folderTree.newFolder'), placeholder: 'Ordnername' });
                 if (name?.trim()) await onCreateFolder(name.trim(), null);
               }}
-              title="Neuer Ordner"
+              title={t('folderTree.neuerOrdner')}
             >
               <FaPlus />
             </button>
diff --git a/src/components/FormGenerator/FormGeneratorForm/FormGeneratorForm.tsx b/src/components/FormGenerator/FormGeneratorForm/FormGeneratorForm.tsx
index 45d8be4..77b5e88 100644
--- a/src/components/FormGenerator/FormGeneratorForm/FormGeneratorForm.tsx
+++ b/src/components/FormGenerator/FormGeneratorForm/FormGeneratorForm.tsx
@@ -455,6 +455,8 @@ export function FormGeneratorForm<T extends Record<string, any>>({
 
   // Validate all fields
   const validateFields = (): boolean => {
+    const { t } = useLanguage();
+
     const newErrors: Record<string, string> = {};
     const filteredAttrs = getFilteredAttributes();
 
@@ -667,10 +669,10 @@ export function FormGeneratorForm<T extends Record<string, any>>({
     const multilingualValue = isTextMultilingual(value) ? value : { en: typeof value === 'string' ? value : '' };
     
     const languages = [
-      { code: 'en', label: 'English', required: true },
-      { code: 'ge', label: 'German', required: false },
-      { code: 'fr', label: 'French', required: false },
-      { code: 'it', label: 'Italian', required: false }
+      { code: 'en', label: 'EN', required: true },
+      { code: 'ge', label: 'DE', required: false },
+      { code: 'fr', label: 'FR', required: false },
+      { code: 'it', label: 'IT', required: false }
     ];
     
     const handleMultilingualChange = (langCode: string, langValue: string) => {
diff --git a/src/components/FormGenerator/FormGeneratorReport/FormGeneratorReport.tsx b/src/components/FormGenerator/FormGeneratorReport/FormGeneratorReport.tsx
index 1dd0ea7..17bb985 100644
--- a/src/components/FormGenerator/FormGeneratorReport/FormGeneratorReport.tsx
+++ b/src/components/FormGenerator/FormGeneratorReport/FormGeneratorReport.tsx
@@ -5,6 +5,8 @@ import {
   PieChart, Pie, Cell, Legend
 } from 'recharts';
 import styles from './FormGeneratorReport.module.css';
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 import type {
   FormGeneratorReportProps,
   ReportSection,
@@ -114,8 +116,10 @@ const _renderKpiGrid = (section: ReportSectionKpi): React.ReactNode => {
 // --- Bar Chart (vertical) ---
 
 const _renderBarChart = (section: ReportSectionBarChart, currencyCode: string): React.ReactNode => {
+    const { t } = useLanguage();
+
   if (!section.data?.length) {
-    return <div className={styles.noData}>Keine Daten</div>;
+    return <div className={styles.noData}>{t('formGeneratorReport.keineDaten')}</div>;
   }
 
   const chartData = section.data.map(d => ({
@@ -158,8 +162,10 @@ const _renderBarChart = (section: ReportSectionBarChart, currencyCode: string):
 // --- Horizontal Bar Chart ---
 
 const _renderHorizontalBar = (section: ReportSectionHorizontalBar, currencyCode: string): React.ReactNode => {
+    const { t } = useLanguage();
+
   if (!section.data?.length) {
-    return <div className={styles.noData}>Keine Daten</div>;
+    return <div className={styles.noData}>{t('formGeneratorReport.keineDaten')}</div>;
   }
 
   const maxValue = Math.max(...section.data.map(d => d.value), 0.01);
@@ -189,8 +195,10 @@ const _renderHorizontalBar = (section: ReportSectionHorizontalBar, currencyCode:
 // --- Line Chart ---
 
 const _renderLineChart = (section: ReportSectionLineChart, currencyCode: string): React.ReactNode => {
+    const { t } = useLanguage();
+
   if (!section.data?.length) {
-    return <div className={styles.noData}>Keine Daten</div>;
+    return <div className={styles.noData}>{t('formGeneratorReport.keineDaten')}</div>;
   }
 
   const formatter = section.formatValue || ((v: number) => _defaultFormatCurrency(v, currencyCode));
@@ -235,8 +243,10 @@ const _renderLineChart = (section: ReportSectionLineChart, currencyCode: string)
 // --- Area Chart ---
 
 const _renderAreaChart = (section: ReportSectionAreaChart, currencyCode: string): React.ReactNode => {
+    const { t } = useLanguage();
+
   if (!section.data?.length) {
-    return <div className={styles.noData}>Keine Daten</div>;
+    return <div className={styles.noData}>{t('formGeneratorReport.keineDaten')}</div>;
   }
 
   const formatter = section.formatValue || ((v: number) => _defaultFormatCurrency(v, currencyCode));
@@ -281,8 +291,10 @@ const _renderAreaChart = (section: ReportSectionAreaChart, currencyCode: string)
 // --- Pie Chart ---
 
 const _renderPieChart = (section: ReportSectionPieChart, currencyCode: string): React.ReactNode => {
+    const { t } = useLanguage();
+
   if (!section.data?.length) {
-    return <div className={styles.noData}>Keine Daten</div>;
+    return <div className={styles.noData}>{t('formGeneratorReport.keineDaten')}</div>;
   }
 
   const formatter = section.formatValue || ((v: number) => _defaultFormatCurrency(v, currencyCode));
@@ -339,10 +351,11 @@ interface ReportTableSectionProps {
 }
 
 const _ReportTableSection: React.FC<ReportTableSectionProps> = ({ section, currencyCode }) => {
+  const { t } = useLanguage();
   const [showAll, setShowAll] = useState(false);
 
   if (!section.rows?.length) {
-    return <div className={styles.noData}>Keine Daten</div>;
+    return <div className={styles.noData}>{t('formGeneratorReport.keineDaten')}</div>;
   }
 
   const maxRows = section.maxRows || 0;
@@ -440,6 +453,8 @@ const _SectionWrapper: React.FC<SectionWrapperProps> = ({ section, currencyCode
   }
 
   const _renderContent = (): React.ReactNode => {
+    const { t } = useLanguage();
+
     switch (section.type) {
       case 'barChart':
         return _renderBarChart(section, currencyCode);
@@ -454,7 +469,7 @@ const _SectionWrapper: React.FC<SectionWrapperProps> = ({ section, currencyCode
       case 'table':
         return <_ReportTableSection section={section} currencyCode={currencyCode} />;
       default:
-        return <div className={styles.noData}>Unbekannter Sektionstyp</div>;
+        return <div className={styles.noData}>{t('formGeneratorReport.unbekannterSektionstyp')}</div>;
     }
   };
 
@@ -482,6 +497,7 @@ interface ToolbarProps {
 const _Toolbar: React.FC<ToolbarProps> = ({ 
   periodSelector, dateRangeSelector, filters, filterState, onFilterStateChange 
 }) => {
+  const { t } = useLanguage();
   const hasPeriod = !!periodSelector;
   const hasDateRange = dateRangeSelector?.enabled;
   const hasFilters = filters && filters.length > 0;
@@ -518,22 +534,18 @@ const _Toolbar: React.FC<ToolbarProps> = ({
   const currentYear = new Date().getFullYear();
   const yearOptions = Array.from({ length: 5 }, (_, i) => currentYear - i);
 
-  const monthOptions = [
-    { value: 1, label: 'Januar' }, { value: 2, label: 'Februar' },
-    { value: 3, label: 'März' }, { value: 4, label: 'April' },
-    { value: 5, label: 'Mai' }, { value: 6, label: 'Juni' },
-    { value: 7, label: 'Juli' }, { value: 8, label: 'August' },
-    { value: 9, label: 'September' }, { value: 10, label: 'Oktober' },
-    { value: 11, label: 'November' }, { value: 12, label: 'Dezember' }
-  ];
+  const monthOptions = Array.from({ length: 12 }, (_, i) => ({
+    value: i + 1,
+    label: String(i + 1),
+  }));
 
   const _renderPeriodLabel = (p: ReportPeriod): string => {
     const labels: Record<ReportPeriod, string> = {
-      day: 'Tagesansicht',
-      week: 'Wochenansicht',
-      month: 'Monatsansicht',
-      quarter: 'Quartalsansicht',
-      year: 'Jahresansicht'
+      day: t('formGeneratorReport.tagesansicht'),
+      week: t('formGeneratorReport.wochenansicht'),
+      month: t('formGeneratorReport.monatsansicht'),
+      quarter: t('formGeneratorReport.quartalsansicht'),
+      year: t('formGeneratorReport.jahresansicht')
     };
     return labels[p] || p;
   };
@@ -543,7 +555,7 @@ const _Toolbar: React.FC<ToolbarProps> = ({
       {/* Period Selector */}
       {hasPeriod && (
         <div className={styles.toolbarGroup}>
-          <span className={styles.toolbarLabel}>Zeitraum</span>
+          <span className={styles.toolbarLabel}>{t('formGeneratorReport.zeitraum')}</span>
           <select 
             className={styles.select}
             value={filterState.period || periodSelector!.defaultPeriod}
@@ -588,7 +600,7 @@ const _Toolbar: React.FC<ToolbarProps> = ({
       {/* Date Range */}
       {hasDateRange && (
         <div className={styles.toolbarGroup}>
-          <span className={styles.toolbarLabel}>Von</span>
+          <span className={styles.toolbarLabel}>{t('formGeneratorReport.von')}</span>
           <input
             type="date"
             className={styles.dateInput}
@@ -649,7 +661,7 @@ export const FormGeneratorReport: React.FC<FormGeneratorReportProps> = ({
   subtitle,
   sections,
   loading = false,
-  noDataMessage = 'Keine Daten verfügbar',
+  noDataMessage,
   periodSelector,
   dateRangeSelector,
   filters,
@@ -657,6 +669,7 @@ export const FormGeneratorReport: React.FC<FormGeneratorReportProps> = ({
   currencyCode = 'CHF',
   className
 }) => {
+  const { t } = useLanguage();
   // Build initial filter state
   const initialFilterState = useMemo((): ReportFilterState => {
     const state: ReportFilterState = { filters: {} };
@@ -715,7 +728,7 @@ export const FormGeneratorReport: React.FC<FormGeneratorReportProps> = ({
           filterState={filterState}
           onFilterStateChange={_handleFilterStateChange}
         />
-        <div className={styles.loadingContainer}>Lade Daten...</div>
+        <div className={styles.loadingContainer}>{t('formGeneratorReport.ladeDaten')}</div>
       </div>
     );
   }
@@ -737,7 +750,7 @@ export const FormGeneratorReport: React.FC<FormGeneratorReportProps> = ({
           filterState={filterState}
           onFilterStateChange={_handleFilterStateChange}
         />
-        <div className={styles.noData}>{noDataMessage}</div>
+        <div className={styles.noData}>{noDataMessage || t('formGeneratorReport.keineDatenVerfuegbar')}</div>
       </div>
     );
   }
diff --git a/src/components/Navigation/UserSection.tsx b/src/components/Navigation/UserSection.tsx
index 44697ae..3d521b2 100644
--- a/src/components/Navigation/UserSection.tsx
+++ b/src/components/Navigation/UserSection.tsx
@@ -11,7 +11,11 @@ import { NotificationBell } from '../NotificationBell';
 import { _isOnboardingHidden, _showOnboarding } from '../OnboardingAssistant';
 import styles from './UserSection.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 export const UserSection: React.FC = () => {
+    const { t } = useLanguage();
+
   const { user, logout } = useCurrentUser();
   const navigate = useNavigate();
   const [isLoggingOut, setIsLoggingOut] = useState(false);
@@ -139,7 +143,7 @@ export const UserSection: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => setShowLegalModal(false)}>
           <div className={styles.modal} onClick={(e) => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2>Rechtliche Hinweise</h2>
+              <h2>{t('userSection.rechtlicheHinweise')}</h2>
               <button 
                 className={styles.modalClose}
                 onClick={() => setShowLegalModal(false)}
@@ -149,25 +153,25 @@ export const UserSection: React.FC = () => {
             </div>
             <div className={styles.modalContent}>
               <div className={styles.legalSection}>
-                <h3>Datenverarbeitung und KI-Nutzung</h3>
+                <h3>{t('userSection.datenverarbeitungUndKinutzung')}</h3>
                 
-                <h4>1. Einwilligung zur Datenverarbeitung</h4>
-                <p>Mit der Nutzung dieser Anwendung stimmen Sie zu und erklären sich mit den folgenden Bedingungen zur Verarbeitung Ihrer Daten durch künstliche Intelligenz einverstanden:</p>
+                <h4>{t('userSection.1EinwilligungZurDatenverarbeitung')}</h4>
+                <p>{t('userSection.mitDerNutzungDieserAnwendung')}</p>
                 <ul>
-                  <li>Sie autorisieren die Erfassung, Verarbeitung, Übertragung und Speicherung aller Daten, die Sie bei der Nutzung unserer Dienste bereitstellen.</li>
-                  <li>Nutzerdaten können an Drittanbieter von künstlicher Intelligenz übertragen werden (z.B. OpenAI).</li>
-                  <li>Diese Einwilligung erstreckt sich auf alle Inhalte, einschließlich Text, Bilder, Dokumente und Gesprächsverläufe.</li>
+                  <li>{t('userSection.sieAutorisierenDieErfassungVerarbeitung')}</li>
+                  <li>{t('userSection.nutzerdatenKoennenAnDrittanbieterVon')}</li>
+                  <li>{t('userSection.dieseEinwilligungErstrecktSichAuf')}</li>
                 </ul>
                 
-                <h4>2. Anerkennung der KI-Verarbeitungsrisiken</h4>
+                <h4>{t('userSection.2AnerkennungDerKiverarbeitungsrisiken')}</h4>
                 <ul>
-                  <li>KI-Systeme können unerwartete oder ungenaue Ausgaben erzeugen.</li>
-                  <li>KI-Dienste können Daten gemäß ihren eigenen Nutzungsbedingungen speichern oder daraus lernen.</li>
-                  <li>Trotz Sicherheitsmaßnahmen können Daten anfällig für unbefugten Zugriff sein.</li>
+                  <li>{t('userSection.kisystemeKoennenUnerwarteteOderUngenaue')}</li>
+                  <li>{t('userSection.kidiensteKoennenDatenGemaessIhren')}</li>
+                  <li>{t('userSection.trotzSicherheitsmassnahmenKoennenDatenAnfaellig')}</li>
                 </ul>
                 
-                <h4>3. Haftungsausschluss</h4>
-                <p>Im größtmöglichen Umfang verzichten Sie auf Ansprüche, die sich aus der KI-Verarbeitung ergeben, einschließlich Datenverletzungen und unbeabsichtigter Offenlegung.</p>
+                <h4>{t('userSection.3Haftungsausschluss')}</h4>
+                <p>{t('userSection.imGroesstmoeglichenUmfangVerzichtenSie')}</p>
               </div>
               
               <div className={styles.legalLinks}>
diff --git a/src/components/NotificationBell/NotificationBell.tsx b/src/components/NotificationBell/NotificationBell.tsx
index d0f237f..868ba15 100644
--- a/src/components/NotificationBell/NotificationBell.tsx
+++ b/src/components/NotificationBell/NotificationBell.tsx
@@ -10,6 +10,8 @@ import { FaBell, FaCheck, FaTimes, FaEnvelope, FaCog, FaExclamationTriangle, FaC
 import { useNotifications, UserNotification } from '../../hooks/useNotifications';
 import styles from './NotificationBell.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 // Icon mapping for notification types
 const typeIcons: Record<string, React.ReactNode> = {
   invitation: <FaEnvelope />,
@@ -43,6 +45,7 @@ interface NotificationBellProps {
 }
 
 export const NotificationBell: React.FC<NotificationBellProps> = ({ className }) => {
+  const { t } = useLanguage();
   const {
     notifications,
     unreadCount,
@@ -156,7 +159,7 @@ export const NotificationBell: React.FC<NotificationBellProps> = ({ className })
         <div className={styles.dropdown}>
           {/* Header */}
           <div className={styles.header}>
-            <h3>Benachrichtigungen</h3>
+            <h3>{t('notificationBell.benachrichtigungen')}</h3>
             {visibleNotifications.some(n => n.status === 'unread') && (
               <button 
                 className={styles.markAllRead}
@@ -170,7 +173,7 @@ export const NotificationBell: React.FC<NotificationBellProps> = ({ className })
           {/* Content */}
           <div className={styles.content}>
             {loading && visibleNotifications.length === 0 && (
-              <div className={styles.loading}>Lade...</div>
+              <div className={styles.loading}>{t('notificationBell.lade')}</div>
             )}
             
             {error && (
@@ -180,7 +183,7 @@ export const NotificationBell: React.FC<NotificationBellProps> = ({ className })
             {!loading && !error && visibleNotifications.length === 0 && (
               <div className={styles.empty}>
                 <FaBell className={styles.emptyIcon} />
-                <p>Keine Benachrichtigungen</p>
+                <p>{t('notificationBell.keineBenachrichtigungen')}</p>
               </div>
             )}
 
@@ -250,7 +253,7 @@ export const NotificationBell: React.FC<NotificationBellProps> = ({ className })
                   <button 
                     className={styles.dismissButton}
                     onClick={(e) => handleDismiss(notification, e)}
-                    aria-label="Schliessen"
+                    aria-label={t('notificationBell.schliessen')}
                   >
                     <FaTimes />
                   </button>
diff --git a/src/components/OnboardingAssistant.tsx b/src/components/OnboardingAssistant.tsx
index 2ea90ec..3e6f1d6 100644
--- a/src/components/OnboardingAssistant.tsx
+++ b/src/components/OnboardingAssistant.tsx
@@ -3,6 +3,8 @@ import { useNavigate, useLocation } from 'react-router-dom';
 import api from '../api';
 import OnboardingWizard from './OnboardingWizard';
 
+import { useLanguage } from '../providers/language/LanguageContext';
+
 interface OnboardingStep {
   id: string;
   label: string;
@@ -45,6 +47,7 @@ function _hideOnboarding(): void {
 }
 
 const OnboardingAssistant: React.FC<OnboardingAssistantProps> = ({ onDismiss }) => {
+  const { t } = useLanguage();
   const navigate = useNavigate();
   const location = useLocation();
   const [hidden, setHidden] = useState(() => _isOnboardingHidden());
@@ -94,22 +97,22 @@ const OnboardingAssistant: React.FC<OnboardingAssistantProps> = ({ onDismiss })
 
       onboardingSteps.push({
         id: 'mandate',
-        label: 'Mandant einrichten',
+        label: t('onboardingAssistant.setupMandate'),
         description: hasAdminMandate
           ? 'Dein Mandant ist eingerichtet.'
           : hasFeature
-            ? 'Du bist Mitglied eines Mandanten.'
-            : 'Erstelle deinen Arbeitsbereich.',
+            ? t('onboardingAssistant.duBistMitgliedEinesMandanten')
+            : t('onboardingAssistant.erstelleDeinenArbeitsbereich'),
         completed: mandateStepDone,
         action: mandateStepDone ? undefined : () => setShowWizard(true),
       });
 
       onboardingSteps.push({
         id: 'feature',
-        label: 'Erstes Feature aktivieren',
+        label: t('onboardingAssistant.activateFirstFeature'),
         description: hasFeature
-          ? 'Du hast aktive Features.'
-          : 'Aktiviere dein erstes Feature im Store.',
+          ? t('onboardingAssistant.duHastAktiveFeatures')
+          : t('onboardingAssistant.aktiviereDeinErstesFeatureIm'),
         completed: hasFeature,
         action: hasFeature ? undefined : () => navigate('/store'),
       });
@@ -123,10 +126,10 @@ const OnboardingAssistant: React.FC<OnboardingAssistantProps> = ({ onDismiss })
 
       onboardingSteps.push({
         id: 'connection',
-        label: 'Erste Datenquelle einbinden',
+        label: t('onboardingAssistant.connectFirstDataSource'),
         description: hasConnection
-          ? 'Du hast Verbindungen eingerichtet.'
-          : 'Verbinde deine erste Datenquelle.',
+          ? t('onboardingAssistant.duHastVerbindungenEingerichtet')
+          : t('onboardingAssistant.verbindeDeineErsteDatenquelle'),
         completed: hasConnection,
         action: hasConnection ? undefined : () => navigate('/basedata/connections'),
       });
@@ -144,10 +147,10 @@ const OnboardingAssistant: React.FC<OnboardingAssistantProps> = ({ onDismiss })
       const chatAction = workspaceInstancePath ? () => navigate(workspaceInstancePath!) : undefined;
       onboardingSteps.push({
         id: 'chat',
-        label: 'Ersten AI-Chat starten',
+        label: t('onboardingAssistant.startFirstAiChat'),
         description: hasChat
-          ? 'Du hast bereits Chats gestartet.'
-          : 'Starte deinen ersten Chat mit dem AI-Assistenten.',
+          ? t('onboardingAssistant.duHastBereitsChatsGestartet')
+          : t('onboardingAssistant.starteDeinenErstenChatMit'),
         completed: hasChat,
         action: hasChat ? undefined : chatAction,
       });
@@ -210,7 +213,7 @@ const OnboardingAssistant: React.FC<OnboardingAssistantProps> = ({ onDismiss })
     }}>
       <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', marginBottom: 12 }}>
         <div>
-          <h3 style={{ margin: 0, fontSize: '1rem' }}>Willkommen bei PowerOn</h3>
+          <h3 style={{ margin: 0, fontSize: '1rem' }}>{t('onboardingAssistant.willkommenBeiPoweron')}</h3>
           <p style={{ margin: '4px 0 0', fontSize: '0.85rem', color: 'var(--text-secondary, #6b7280)' }}>
             {completedCount} von {steps.length} Schritten abgeschlossen
           </p>
diff --git a/src/components/OnboardingWizard.tsx b/src/components/OnboardingWizard.tsx
index ae8f4c1..b03af0b 100644
--- a/src/components/OnboardingWizard.tsx
+++ b/src/components/OnboardingWizard.tsx
@@ -1,12 +1,15 @@
 import React, { useState } from 'react';
 import api from '../api';
 
+import { useLanguage } from '../providers/language/LanguageContext';
+
 interface OnboardingWizardProps {
   onComplete: () => void;
   onDismiss: () => void;
 }
 
 const OnboardingWizard: React.FC<OnboardingWizardProps> = ({ onComplete, onDismiss }) => {
+  const { t } = useLanguage();
   const [planKey, setPlanKey] = useState<'TRIAL_7D' | 'STANDARD_MONTHLY'>('TRIAL_7D');
   const [mandateName, setMandateName] = useState('');
   const [loading, setLoading] = useState(false);
@@ -21,7 +24,7 @@ const OnboardingWizard: React.FC<OnboardingWizardProps> = ({ onComplete, onDismi
         companyName: mandateName.trim() || undefined,
       });
       if (res.data?.alreadyProvisioned) {
-        setError('Du hast bereits einen Mandanten mit Admin-Zugang.');
+        setError(t('onboardingWizard.duHastBereitsEinenMandanten'));
         return;
       }
       window.dispatchEvent(new CustomEvent('features-changed'));
@@ -43,7 +46,7 @@ const OnboardingWizard: React.FC<OnboardingWizardProps> = ({ onComplete, onDismi
         background: 'var(--bg-primary, #fff)', borderRadius: '12px', padding: '32px',
         maxWidth: '480px', width: '90%', boxShadow: '0 8px 32px rgba(0,0,0,0.2)',
       }}>
-        <h2 style={{ margin: '0 0 8px', fontSize: '1.5rem' }}>Mandant erstellen</h2>
+        <h2 style={{ margin: '0 0 8px', fontSize: '1.5rem' }}>{t('onboardingWizard.mandantErstellen')}</h2>
         <p style={{ color: 'var(--text-secondary, #666)', margin: '0 0 24px' }}>
           Erstelle deinen eigenen Arbeitsbereich mit Abo-Auswahl.
         </p>
@@ -57,7 +60,7 @@ const OnboardingWizard: React.FC<OnboardingWizardProps> = ({ onComplete, onDismi
             <input type="radio" name="plan" checked={planKey === 'TRIAL_7D'}
               onChange={() => setPlanKey('TRIAL_7D')} />
             <div>
-              <strong>Kostenlos testen</strong>
+              <strong>{t('onboardingWizard.kostenlosTesten')}</strong>
               <div style={{ fontSize: '0.85rem', color: 'var(--text-secondary, #666)' }}>
                 7 Tage gratis, danach flexibel upgraden
               </div>
@@ -72,7 +75,7 @@ const OnboardingWizard: React.FC<OnboardingWizardProps> = ({ onComplete, onDismi
             <input type="radio" name="plan" checked={planKey === 'STANDARD_MONTHLY'}
               onChange={() => setPlanKey('STANDARD_MONTHLY')} />
             <div>
-              <strong>Standard (Monatlich)</strong>
+              <strong>{t('onboardingWizard.standardMonatlich')}</strong>
               <div style={{ fontSize: '0.85rem', color: 'var(--text-secondary, #666)' }}>
                 Team-Workspace mit vollem Funktionsumfang
               </div>
@@ -87,7 +90,7 @@ const OnboardingWizard: React.FC<OnboardingWizardProps> = ({ onComplete, onDismi
           <input
             type="text" value={mandateName}
             onChange={(e) => setMandateName(e.target.value)}
-            placeholder="z. B. Firmenname oder Projektname"
+            placeholder={t('onboardingWizard.zBFirmennameOderProjektname')}
             style={{
               width: '100%', padding: '10px 12px', borderRadius: '6px',
               border: '1px solid var(--border, #d1d5db)', fontSize: '1rem',
@@ -111,7 +114,7 @@ const OnboardingWizard: React.FC<OnboardingWizardProps> = ({ onComplete, onDismi
               background: 'var(--accent, #4f46e5)', color: '#fff', cursor: 'pointer',
               opacity: loading ? 0.6 : 1,
             }}>
-            {loading ? 'Wird eingerichtet...' : 'Mandant erstellen'}
+            {loading ? t('onboardingWizard.wirdEingerichtet') : t('onboardingWizard.mandantErstellen')}
           </button>
         </div>
       </div>
diff --git a/src/components/ProviderSelector/ProviderSelector.tsx b/src/components/ProviderSelector/ProviderSelector.tsx
index 24cfebc..d1ef462 100644
--- a/src/components/ProviderSelector/ProviderSelector.tsx
+++ b/src/components/ProviderSelector/ProviderSelector.tsx
@@ -18,6 +18,8 @@ import React, { useEffect, useMemo, useState, useRef, useCallback } from 'react'
 import { useBilling } from '../../hooks/useBilling';
 import styles from './ProviderSelector.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 // ============================================================================
 // TYPES & HELPERS
 // ============================================================================
@@ -109,14 +111,14 @@ interface ProviderSelectProps {
   showLabel?: boolean;
 }
 
-export const ProviderSelect: React.FC<ProviderSelectProps> = ({
-  value,
+export const ProviderSelect: React.FC<ProviderSelectProps> = ({ value,
   onChange,
   disabled = false,
   className,
   label = 'AI-Provider',
   showLabel = true,
 }) => {
+  const { t } = useLanguage();
   const { allowedProviders, loadAllowedProviders, loading } = useBilling();
 
   useEffect(() => {
@@ -141,7 +143,7 @@ export const ProviderSelect: React.FC<ProviderSelectProps> = ({
         disabled={disabled || loading}
         className={styles.select}
       >
-        <option value="">-- Auto --</option>
+        <option value="">{t('providerSelector.auto')}</option>
         {providerOptions.map((option) => (
           <option key={option.value} value={option.value}>
             {option.label}
@@ -177,6 +179,7 @@ export const ProviderMultiSelect: React.FC<ProviderMultiSelectProps> = ({
   defaultExpanded = false,
   excludeByDefault = [],
 }) => {
+  const { t } = useLanguage();
   const [isExpanded, setIsExpanded] = useState(defaultExpanded);
   const [initialExcludeApplied, setInitialExcludeApplied] = useState(false);
   const containerRef = useRef<HTMLDivElement>(null);
@@ -279,7 +282,7 @@ export const ProviderMultiSelect: React.FC<ProviderMultiSelectProps> = ({
         className={styles.triggerButton}
         onClick={() => setIsExpanded(!isExpanded)}
         disabled={disabled}
-        title="Provider auswählen"
+        title={t('providerSelector.providerAuswaehlen')}
       >
         <span className={styles.buttonIcon}>{summaryIcon}</span>
       </button>
@@ -300,7 +303,7 @@ export const ProviderMultiSelect: React.FC<ProviderMultiSelectProps> = ({
           </div>
 
           {loading ? (
-            <div className={styles.loading}>Lade...</div>
+            <div className={styles.loading}>{t('providerSelector.lade')}</div>
           ) : (
             <div className={styles.checkboxList}>
               {allowedProviders.map((provider) => (
@@ -343,8 +346,9 @@ export const ProviderBadges: React.FC<ProviderBadgesProps> = ({
   providers,
   className,
 }) => {
+  const { t } = useLanguage();
   if (providers.length === 0) {
-    return <span className={styles.allProviders}>Alle Provider</span>;
+    return <span className={styles.allProviders}>{t('providerSelector.alleProvider')}</span>;
   }
 
   return (
diff --git a/src/components/RbacExportImport/RbacExportImport.tsx b/src/components/RbacExportImport/RbacExportImport.tsx
index 0935894..9e989ab 100644
--- a/src/components/RbacExportImport/RbacExportImport.tsx
+++ b/src/components/RbacExportImport/RbacExportImport.tsx
@@ -26,6 +26,8 @@ import {
 } from '../../hooks/useRbacExportImport';
 import styles from './RbacExportImport.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 // =============================================================================
 // TYPES
 // =============================================================================
@@ -41,26 +43,28 @@ interface RbacExportImportProps {
 // IMPORT MODE OPTIONS
 // =============================================================================
 
-const IMPORT_MODES: { value: ImportMode; label: string; description: string; icon: React.ReactNode }[] = [
-  {
-    value: 'merge',
-    label: 'Zusammenführen',
-    description: 'Bestehende Regeln aktualisieren, neue hinzufügen',
-    icon: <FaCheckCircle style={{ color: '#38a169' }} />,
-  },
-  {
-    value: 'add_only',
-    label: 'Nur hinzufügen',
-    description: 'Nur neue Regeln hinzufügen, bestehende nicht ändern',
-    icon: <FaInfoCircle style={{ color: '#3182ce' }} />,
-  },
-  {
-    value: 'replace',
-    label: 'Ersetzen',
-    description: 'Alle bestehenden Regeln löschen und ersetzen',
-    icon: <FaExclamationTriangle style={{ color: '#d69e2e' }} />,
-  },
-];
+function _getImportModes(t: (key: string) => string): { value: ImportMode; label: string; description: string; icon: React.ReactNode }[] {
+  return [
+    {
+      value: 'merge',
+      label: t('rbacExportImport.zusammenfuehren'),
+      description: t('rbacExportImport.bestehendeRegelnAktualisieren'),
+      icon: <FaCheckCircle style={{ color: '#38a169' }} />,
+    },
+    {
+      value: 'add_only',
+      label: t('rbacExportImport.nurHinzufuegen'),
+      description: t('rbacExportImport.nurNeueRegelnHinzufuegen'),
+      icon: <FaInfoCircle style={{ color: '#3182ce' }} />,
+    },
+    {
+      value: 'replace',
+      label: t('rbacExportImport.ersetzen'),
+      description: t('rbacExportImport.alleBestehendenRegelnLoeschen'),
+      icon: <FaExclamationTriangle style={{ color: '#d69e2e' }} />,
+    },
+  ];
+}
 
 // =============================================================================
 // PREVIEW COMPONENT
@@ -72,6 +76,7 @@ interface PreviewProps {
 }
 
 const ExportPreview: React.FC<PreviewProps> = ({ data, onClose }) => {
+  const { t } = useLanguage();
   return (
     <div className={styles.preview}>
       <div className={styles.previewHeader}>
@@ -83,7 +88,7 @@ const ExportPreview: React.FC<PreviewProps> = ({ data, onClose }) => {
           <h5>Scope</h5>
           <ul className={styles.previewList}>
             <li><strong>Typ:</strong> {data.scope.type}</li>
-            {data.scope.mandateName && <li><strong>Mandant:</strong> {data.scope.mandateName}</li>}
+            {data.scope.mandateName && <li><strong>{t('rbacExportImport.mandant')}</strong> {data.scope.mandateName}</li>}
             {data.scope.featureCode && <li><strong>Feature:</strong> {data.scope.featureCode}</li>}
           </ul>
         </div>
@@ -130,6 +135,8 @@ interface ImportResultProps {
 }
 
 const ImportResult: React.FC<ImportResultProps> = ({ result, onClose }) => {
+  const { t } = useLanguage();
+  const importModes = _getImportModes(t);
   const isSuccess = result.status === 'success';
   
   return (
@@ -141,21 +148,21 @@ const ImportResult: React.FC<ImportResultProps> = ({ result, onClose }) => {
           <FaExclamationTriangle className={styles.resultIcon} />
         )}
         <h4 className={styles.resultTitle}>
-          {isSuccess ? 'Import erfolgreich' : 'Import fehlgeschlagen'}
+          {isSuccess ? t('rbacExportImport.importErfolgreich') : t('rbacExportImport.importFehlgeschlagen')}
         </h4>
         <button className={styles.closeButton} onClick={onClose}>✕</button>
       </div>
       <div className={styles.resultContent}>
         <ul className={styles.resultStats}>
-          <li><strong>Modus:</strong> {IMPORT_MODES.find(m => m.value === result.mode)?.label}</li>
-          <li><strong>Rollen erstellt:</strong> {result.rolesCreated}</li>
-          <li><strong>Rollen aktualisiert:</strong> {result.rolesUpdated}</li>
-          <li><strong>Regeln erstellt:</strong> {result.rulesCreated}</li>
-          <li><strong>Regeln aktualisiert:</strong> {result.rulesUpdated}</li>
+          <li><strong>Modus:</strong> {importModes.find(m => m.value === result.mode)?.label}</li>
+          <li><strong>{t('rbacExportImport.rollenErstellt')}</strong> {result.rolesCreated}</li>
+          <li><strong>{t('rbacExportImport.rollenAktualisiert')}</strong> {result.rolesUpdated}</li>
+          <li><strong>{t('rbacExportImport.regelnErstellt')}</strong> {result.rulesCreated}</li>
+          <li><strong>{t('rbacExportImport.regelnAktualisiert')}</strong> {result.rulesUpdated}</li>
         </ul>
         {result.errors && result.errors.length > 0 && (
           <div className={styles.resultErrors}>
-            <h5>Fehler:</h5>
+            <h5>{t('rbacExportImport.fehler')}</h5>
             <ul>
               {result.errors.map((err, i) => (
                 <li key={i}>{err}</li>
@@ -178,6 +185,8 @@ export const RbacExportImport: React.FC<RbacExportImportProps> = ({
   isGlobal = false,
   featureCode,
 }) => {
+  const { t } = useLanguage();
+  const importModes = _getImportModes(t);
   const {
     exporting,
     importing,
@@ -332,7 +341,7 @@ export const RbacExportImport: React.FC<RbacExportImportProps> = ({
               ) : (
                 <>
                   <FaUpload className={styles.fileIcon} />
-                  <span>JSON-Datei auswählen oder hier ablegen</span>
+                  <span>{t('rbacExportImport.jsondateiAuswaehlenOderHierAblegen')}</span>
                 </>
               )}
             </label>
@@ -340,7 +349,7 @@ export const RbacExportImport: React.FC<RbacExportImportProps> = ({
               <button
                 className={styles.clearButton}
                 onClick={handleClearImport}
-                title="Datei entfernen"
+                title={t('rbacExportImport.dateiEntfernen')}
               >
                 <FaTrash />
               </button>
@@ -358,7 +367,7 @@ export const RbacExportImport: React.FC<RbacExportImportProps> = ({
           {importData && (
             <div className={styles.importInfo}>
               <div className={styles.importStats}>
-                <span><strong>Rollen:</strong> {importData.roles.length}</span>
+                <span><strong>{t('rbacExportImport.rollen')}</strong> {importData.roles.length}</span>
                 <span><strong>Regeln:</strong> {importData.accessRules.length}</span>
                 <span><strong>Quelle:</strong> {importData.scope.type}</span>
               </div>
@@ -376,7 +385,7 @@ export const RbacExportImport: React.FC<RbacExportImportProps> = ({
             <div className={styles.importModeSection}>
               <h4 className={styles.importModeTitle}>Import-Modus</h4>
               <div className={styles.importModes}>
-                {IMPORT_MODES.map(mode => (
+                {importModes.map(mode => (
                   <label
                     key={mode.value}
                     className={`${styles.importModeOption} ${importMode === mode.value ? styles.selected : ''}`}
diff --git a/src/components/UiComponents/AddressAutocomplete/AddressAutocomplete.tsx b/src/components/UiComponents/AddressAutocomplete/AddressAutocomplete.tsx
index 2a2b7ec..506c4b8 100644
--- a/src/components/UiComponents/AddressAutocomplete/AddressAutocomplete.tsx
+++ b/src/components/UiComponents/AddressAutocomplete/AddressAutocomplete.tsx
@@ -4,6 +4,8 @@ import { BaseTextFieldProps } from '../TextField/TextFieldTypes';
 import { autocompleteAddress, AddressSuggestion } from '../../../api/realEstateApi';
 import styles from './AddressAutocomplete.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 interface AddressAutocompleteProps extends BaseTextFieldProps {
   onSelect?: (suggestion: AddressSuggestion) => void;
   onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
@@ -12,8 +14,7 @@ interface AddressAutocompleteProps extends BaseTextFieldProps {
   maxSuggestions?: number;
 }
 
-const AddressAutocomplete: React.FC<AddressAutocompleteProps> = ({
-  value = '',
+const AddressAutocomplete: React.FC<AddressAutocompleteProps> = ({ value = '',
   onChange,
   onSelect,
   placeholder,
@@ -34,6 +35,7 @@ const AddressAutocomplete: React.FC<AddressAutocompleteProps> = ({
   maxSuggestions = 10,
   ...props
 }) => {
+  const { t } = useLanguage();
   const [suggestions, setSuggestions] = useState<AddressSuggestion[]>([]);
   const [isLoading, setIsLoading] = useState(false);
   const [selectedIndex, setSelectedIndex] = useState(-1);
@@ -274,7 +276,7 @@ const AddressAutocomplete: React.FC<AddressAutocompleteProps> = ({
           <ul ref={suggestionsRef} className={styles.suggestionsList}>
             {isLoading && (
               <li className={styles.suggestionItem}>
-                <span className={styles.loadingText}>Suche Adressen...</span>
+                <span className={styles.loadingText}>{t('addressAutocomplete.sucheAdressen')}</span>
               </li>
             )}
             {!isLoading && autocompleteError && (
@@ -284,7 +286,7 @@ const AddressAutocomplete: React.FC<AddressAutocompleteProps> = ({
             )}
             {!isLoading && !autocompleteError && suggestions.length === 0 && query.length >= minQueryLength && (
               <li className={styles.suggestionItem}>
-                <span className={styles.noResultsText}>Keine Adressen gefunden</span>
+                <span className={styles.noResultsText}>{t('addressAutocomplete.keineAdressenGefunden')}</span>
               </li>
             )}
             {!isLoading && suggestions.map((suggestion, index) => (
diff --git a/src/components/UiComponents/AutoScroll/AutoScroll.tsx b/src/components/UiComponents/AutoScroll/AutoScroll.tsx
index 9f4bb93..8a4e282 100644
--- a/src/components/UiComponents/AutoScroll/AutoScroll.tsx
+++ b/src/components/UiComponents/AutoScroll/AutoScroll.tsx
@@ -1,6 +1,8 @@
 import React, { useEffect, useRef, useState, useCallback } from 'react';
 import styles from './AutoScroll.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export interface AutoScrollProps {
   /**
    * Children to render inside the scrollable container
@@ -30,12 +32,12 @@ export interface AutoScrollProps {
  * AutoScroll component that automatically scrolls to the bottom when new content is added,
  * unless the user has scrolled up. Shows a button when user has scrolled up.
  */
-const AutoScroll: React.FC<AutoScrollProps> = ({
-  children,
+const AutoScroll: React.FC<AutoScrollProps> = ({ children,
   className = '',
   scrollDependency,
   threshold = 100
 }) => {
+  const { t } = useLanguage();
   const containerRef = useRef<HTMLDivElement>(null);
   const [showNewMessageButton, setShowNewMessageButton] = useState(false);
   const [isUserScrolling, setIsUserScrolling] = useState(false);
@@ -148,7 +150,7 @@ const AutoScroll: React.FC<AutoScrollProps> = ({
         <button
           className={styles.scrollToBottomButton}
           onClick={handleNewMessageClick}
-          aria-label="Scroll to bottom"
+          aria-label={t('autoScroll.scrollToBottom')}
         >
           <span className={styles.scrollArrow}>↓</span>
         </button>
diff --git a/src/components/UiComponents/BauvorschriftenSection/BauvorschriftenSection.tsx b/src/components/UiComponents/BauvorschriftenSection/BauvorschriftenSection.tsx
index bca2a82..c290666 100644
--- a/src/components/UiComponents/BauvorschriftenSection/BauvorschriftenSection.tsx
+++ b/src/components/UiComponents/BauvorschriftenSection/BauvorschriftenSection.tsx
@@ -2,6 +2,8 @@ import React, { useState } from 'react';
 import { FaChevronDown, FaChevronUp, FaFilePdf, FaRuler } from 'react-icons/fa';
 import styles from './BauvorschriftenSection.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export interface BauvorschriftenZone {
   zonenbezeichnung: string;
   ausnuetzungsziffer?: number;
@@ -20,6 +22,7 @@ export interface BauvorschriftenSectionProps {
 }
 
 export const BauvorschriftenSection: React.FC<BauvorschriftenSectionProps> = ({ bauvorschriften }) => {
+  const { t } = useLanguage();
   const [isExpanded, setIsExpanded] = useState(true);
 
   return (
@@ -39,7 +42,7 @@ export const BauvorschriftenSection: React.FC<BauvorschriftenSectionProps> = ({
           <div className={styles.bauvorschriftenGrid}>
             {bauvorschriften.ausnuetzungsziffer !== undefined && bauvorschriften.ausnuetzungsziffer !== null && (
               <div className={styles.bauvorschriftItem}>
-                <span className={styles.label}>Ausnützungsziffer:</span>
+                <span className={styles.label}>{t('bauvorschriftenSection.ausnuetzungsziffer')}</span>
                 <span className={styles.value}>{bauvorschriften.ausnuetzungsziffer}%</span>
               </div>
             )}
@@ -51,7 +54,7 @@ export const BauvorschriftenSection: React.FC<BauvorschriftenSectionProps> = ({
             )}
             {bauvorschriften.gebaeudelaengeMax !== undefined && bauvorschriften.gebaeudelaengeMax !== null && (
               <div className={styles.bauvorschriftItem}>
-                <span className={styles.label}>Gebäudelänge max:</span>
+                <span className={styles.label}>{t('bauvorschriftenSection.gebaeudelaengeMax')}</span>
                 <span className={styles.value}>{bauvorschriften.gebaeudelaengeMax} m</span>
               </div>
             )}
@@ -63,19 +66,19 @@ export const BauvorschriftenSection: React.FC<BauvorschriftenSectionProps> = ({
             )}
             {bauvorschriften.mehrlaengenzuschlag && (
               <div className={styles.bauvorschriftItem}>
-                <span className={styles.label}>Mehrlängenzuschlag:</span>
+                <span className={styles.label}>{t('bauvorschriftenSection.mehrlaengenzuschlag')}</span>
                 <span className={styles.value}>{bauvorschriften.mehrlaengenzuschlag}</span>
               </div>
             )}
             {bauvorschriften.hoechstmassMax !== undefined && bauvorschriften.hoechstmassMax !== null && (
               <div className={styles.bauvorschriftItem}>
-                <span className={styles.label}>Höchstmass max:</span>
+                <span className={styles.label}>{t('bauvorschriftenSection.hoechstmassMax')}</span>
                 <span className={styles.value}>{bauvorschriften.hoechstmassMax} m</span>
               </div>
             )}
             {bauvorschriften.fassadenhoehe && (
               <div className={styles.bauvorschriftItem}>
-                <span className={styles.label}>Fassadenhöhe:</span>
+                <span className={styles.label}>{t('bauvorschriftenSection.fassadenhoehe')}</span>
                 <span className={styles.value}>{bauvorschriften.fassadenhoehe}</span>
               </div>
             )}
diff --git a/src/components/UiComponents/ConnectedFilesList/ConnectedFilesList.tsx b/src/components/UiComponents/ConnectedFilesList/ConnectedFilesList.tsx
index 77cf5cd..63029eb 100644
--- a/src/components/UiComponents/ConnectedFilesList/ConnectedFilesList.tsx
+++ b/src/components/UiComponents/ConnectedFilesList/ConnectedFilesList.tsx
@@ -12,6 +12,8 @@ import { WorkflowFile } from '../../../hooks/usePlayground';
 import styles from './ConnectedFilesList.module.css';
 import { formatBinaryDataSizeBytes } from '../../../utils/formatDataSize';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export interface ConnectedFilesListActionButton {
   type: 'edit' | 'delete' | 'download' | 'view' | 'copy' | 'connect' | 'play' | 'remove';
   onAction?: (file: WorkflowFile) => Promise<void> | void;
@@ -67,6 +69,7 @@ export function ConnectedFilesList({
   workflowId: _workflowId,
   emptyMessage = 'No files connected to this workflow'
 }: ConnectedFilesListProps) {
+  const { t } = useLanguage();
   // Combine workflow files and pending files, deduplicating by fileId
   const allFiles = useMemo(() => {
     const fileMap = new Map<string, WorkflowFile>();
@@ -181,7 +184,7 @@ export function ConnectedFilesList({
   return (
     <div className={styles.container}>
       <div className={styles.header}>
-        <h3 className={styles.title}>Connected Files</h3>
+        <h3 className={styles.title}>{t('connectedFilesList.connectedFiles')}</h3>
         <span className={styles.count}>({allFiles.length})</span>
       </div>
       <div className={styles.fileList}>
@@ -228,14 +231,14 @@ export function ConnectedFilesList({
                   cursor: onAttach ? 'pointer' : 'default',
                   userSelect: 'none' // Prevent text selection on click
                 }}
-                title={onAttach ? (isPendingFile ? 'Click to detach from next message' : 'Click to attach for next message') : undefined}
+                title={onAttach ? (isPendingFile ? t('connectedFilesList.clickToDetachFromNext') : t('connectedFilesList.clickToAttachForNext')) : undefined}
               >
                 <div className={styles.fileInfo}>
                   <div className={styles.fileName} title={file.fileName}>
                     {file.fileName}
                     {onAttach && (
                       <span style={{ marginLeft: '0.5rem', fontSize: '0.75rem', color: '#666' }}>
-                        {isPendingFile ? '(click to detach)' : '(click to attach)'}
+                        {isPendingFile ? t('connectedFilesList.clickToDetach') : t('connectedFilesList.clickToAttach')}
                       </span>
                     )}
                   </div>
@@ -245,7 +248,7 @@ export function ConnectedFilesList({
                     </span>
                     {file.source && (
                       <span className={styles.fileSource}>
-                        {file.source === 'user_uploaded' ? 'Uploaded' : 'AI Created'}
+                        {file.source === 'user_uploaded' ? t('connectedFilesList.uploaded') : t('connectedFilesList.aiCreated')}
                       </span>
                     )}
                     {isPendingFile && (
diff --git a/src/components/UiComponents/MapView/MapViewLeaflet.tsx b/src/components/UiComponents/MapView/MapViewLeaflet.tsx
index d57f13b..2114d58 100644
--- a/src/components/UiComponents/MapView/MapViewLeaflet.tsx
+++ b/src/components/UiComponents/MapView/MapViewLeaflet.tsx
@@ -25,6 +25,8 @@ const TILE_LAYER_MINIMAL = L.tileLayer(
 import icon from 'leaflet/dist/images/marker-icon.png';
 import iconShadow from 'leaflet/dist/images/marker-shadow.png';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 const DefaultIcon = L.icon({
   iconUrl: icon,
   shadowUrl: iconShadow,
@@ -38,8 +40,7 @@ L.Marker.prototype.options.icon = DefaultIcon;
 
 const SELECTED_STYLE = { color: '#3b82f6', weight: 3, fillColor: '#3b82f6', fillOpacity: 0.3 };
 
-const MapViewLeaflet: React.FC<MapViewProps> = ({
-  parcels = [],
+const MapViewLeaflet: React.FC<MapViewProps> = ({ parcels = [],
   combinedOutline,
   center,
   zoomBounds,
@@ -51,6 +52,7 @@ const MapViewLeaflet: React.FC<MapViewProps> = ({
   showWfsParcels = false,
   parcelsApiBaseUrl = ''
 }) => {
+  const { t } = useLanguage();
   const mapRef = useRef<L.Map | null>(null);
   const mapContainerRef = useRef<HTMLDivElement>(null);
   const layersRef = useRef<L.Layer[]>([]);
@@ -192,7 +194,7 @@ const MapViewLeaflet: React.FC<MapViewProps> = ({
           if (ring && ring.length >= 3) {
             const latLngs = ring.map(([x, y]) => toWgs84(x, y));
             const polygon = L.polygon(latLngs, SELECTED_STYLE);
-            polygon.bindPopup('<div><strong>Ausgewählte Fläche</strong><br/><em>Zum Entfernen Parzelle im Panel nutzen</em></div>');
+            polygon.bindPopup(`<div><strong>${t('mapViewLeaflet.ausgewaehlteFlaeche')}</strong><br/><em>${t('mapViewLeaflet.zumEntfernenParzelleImPanel')}</em></div>`);
             if (onParcelClick) {
               polygon.on('click', () => onParcelClick('combined'));
             }
@@ -205,7 +207,7 @@ const MapViewLeaflet: React.FC<MapViewProps> = ({
         if (ring && ring.length >= 3) {
           const latLngs = ring.map(([x, y]) => toWgs84(x, y));
           const polygon = L.polygon(latLngs, SELECTED_STYLE);
-          polygon.bindPopup('<div><strong>Ausgewählte Fläche</strong><br/><em>Zum Entfernen Parzelle im Panel nutzen</em></div>');
+          polygon.bindPopup(`<div><strong>${t('mapViewLeaflet.ausgewaehlteFlaeche')}</strong><br/><em>${t('mapViewLeaflet.zumEntfernenParzelleImPanel')}</em></div>`);
           if (onParcelClick) {
             polygon.on('click', () => onParcelClick('combined'));
           }
@@ -223,7 +225,7 @@ const MapViewLeaflet: React.FC<MapViewProps> = ({
           <div>
             <strong>Parzelle ${parcel.number || parcel.id}</strong><br/>
             ${parcel.egrid ? `EGRID: ${parcel.egrid}<br/>` : ''}
-            <em>Ausgewählt</em>
+            <em>{t('mapViewLeaflet.ausgewaehlt')}</em>
           </div>
         `);
         if (onParcelClick) {
diff --git a/src/components/UiComponents/Messages/ChatMessages/ChatMessage.tsx b/src/components/UiComponents/Messages/ChatMessages/ChatMessage.tsx
index d5ccd3a..c857ade 100644
--- a/src/components/UiComponents/Messages/ChatMessages/ChatMessage.tsx
+++ b/src/components/UiComponents/Messages/ChatMessages/ChatMessage.tsx
@@ -9,6 +9,8 @@ import { DocumentItem, ActionInfo } from '../MessageParts';
 import { WorkflowFile } from '../../../../hooks/usePlayground';
 import styles from '../Messages.module.css';
 
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
 export interface ChatMessageProps {
   message: Message;
   showDocuments?: boolean;
@@ -29,8 +31,7 @@ export interface ChatMessageProps {
 /**
  * Renders a single message in chat style (bubble UI)
  */
-export const ChatMessage: React.FC<ChatMessageProps> = ({
-  message,
+export const ChatMessage: React.FC<ChatMessageProps> = ({ message,
   showDocuments = true,
   renderDocument,
   onFileDelete,
@@ -45,6 +46,7 @@ export const ChatMessage: React.FC<ChatMessageProps> = ({
   onMessageDelete,
   deletingMessages
 }) => {
+  const { t } = useLanguage();
   const isUser = message.role?.toLowerCase() === 'user';
   const isError = message.actionProgress === 'fail' || message.actionProgress === 'error';
   const messageClass = isUser ? styles.messageUser : styles.messageAssistant;
@@ -79,7 +81,7 @@ export const ChatMessage: React.FC<ChatMessageProps> = ({
         {isError && (
           <div className={styles.errorIndicator}>
             <FaExclamationTriangle className={styles.errorIcon} />
-            <span>Aktion fehlgeschlagen</span>
+            <span>{t('chatMessage.aktionFehlgeschlagen')}</span>
           </div>
         )}
         
@@ -199,7 +201,7 @@ export const ChatMessage: React.FC<ChatMessageProps> = ({
                   <button
                     onClick={handleConfirmDelete}
                     className={styles.messageDeleteConfirmBtn}
-                    title="Löschen bestätigen"
+                    title={t('chatMessage.loeschenBestaetigen')}
                     disabled={isDeleting}
                   >
                     <IoIosCheckmark />
@@ -207,7 +209,7 @@ export const ChatMessage: React.FC<ChatMessageProps> = ({
                   <button
                     onClick={handleCancelDelete}
                     className={styles.messageDeleteCancelBtn}
-                    title="Abbrechen"
+                    title={t('chatMessage.abbrechen')}
                     disabled={isDeleting}
                   >
                     <IoIosClose />
@@ -217,7 +219,7 @@ export const ChatMessage: React.FC<ChatMessageProps> = ({
                 <button
                   onClick={handleDeleteClick}
                   className={styles.messageDeleteBtn}
-                  title="Nachricht löschen"
+                  title={t('chatMessage.nachrichtLoeschen')}
                   disabled={isDeleting}
                 >
                   <IoIosTrash />
diff --git a/src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx b/src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx
index 24c0039..6e5ca68 100644
--- a/src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx
+++ b/src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx
@@ -7,6 +7,8 @@ import api from '../../../api';
 import { ContentPreview } from '../../ContentPreview';
 import styles from './ParcelInfoPanel.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export interface SelectionSummary {
   total_area_m2?: number;
   bauzonen?: Array<{ bauzone: string; parcels: any[]; area_m2: number }>;
@@ -114,14 +116,14 @@ export interface BZOInformationResponse {
   warnings: string[];
 }
 
-const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
-  isOpen,
+const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({ isOpen,
   onClose,
   parcels,
   selectionSummary,
   onRemoveParcel,
   instanceId
 }) => {
+  const { t } = useLanguage();
   const [parcelDocs, setParcelDocs] = useState<Record<string, ParcelDocument[]>>({});
   const [docsLoading, setDocsLoading] = useState<Record<string, boolean>>({});
   const [docsError, setDocsError] = useState<Record<string, string>>({});
@@ -225,7 +227,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
             <div className={styles.content}>
               {selectionSummary?.total_area_m2 != null && (
                 <div className={styles.aggregatedSection}>
-                  <h3 className={styles.aggregatedTitle}>Gesamtfläche</h3>
+                  <h3 className={styles.aggregatedTitle}>{t('parcelInfoPanel.gesamtflaeche')}</h3>
                   <p className={styles.aggregatedValue}>
                     {selectionSummary.total_area_m2.toFixed(2)} m²
                     {selectionSummary.total_area_m2 >= 10000 && (
@@ -264,7 +266,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                         <button
                           className={styles.removeButton}
                           onClick={() => onRemoveParcel(parcelData.parcel.id)}
-                          title="Parzelle entfernen"
+                          title={t('parcelInfoPanel.parzelleEntfernen')}
                         >
                           <FaTrash />
                         </button>
@@ -315,7 +317,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                       )}
                       {parcelData.parcel.area_m2 !== undefined && (
                         <div className={styles.infoItem}>
-                          <span className={styles.label}>Fläche:</span>
+                          <span className={styles.label}>{t('parcelInfoPanel.flaeche')}</span>
                           <span className={styles.value}>
                             {parcelData.parcel.area_m2.toFixed(2)} m²
                             {parcelData.parcel.area_m2 >= 10000 && (
@@ -328,7 +330,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                       )}
                       {parcelData.parcel.realestate_type && (
                         <div className={styles.infoItem}>
-                          <span className={styles.label}>Grundstückstyp:</span>
+                          <span className={styles.label}>{t('parcelInfoPanel.grundstueckstyp')}</span>
                           <span className={styles.value}>{parcelData.parcel.realestate_type}</span>
                         </div>
                       )}
@@ -342,7 +344,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                         <div className={styles.bzoSection}>
                           <h4 className={styles.subSectionTitle}>Bauzonenverordnung</h4>
                           {docsLoading[parcelData.parcel.id] && (
-                            <p className={styles.bzoHint}>Dokumente werden geladen...</p>
+                            <p className={styles.bzoHint}>{t('parcelInfoPanel.dokumenteWerdenGeladen')}</p>
                           )}
                           {docsError[parcelData.parcel.id] && (
                             <p className={styles.bzoError}>{docsError[parcelData.parcel.id]}</p>
@@ -360,7 +362,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                                       fileName: doc.fileName,
                                       mimeType: doc.mimeType
                                     })}
-                                    title="Dokument öffnen"
+                                    title={t('parcelInfoPanel.dokumentOeffnen')}
                                   >
                                     <FaEye /> Öffnen
                                   </button>
@@ -378,7 +380,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                                 areaForMach
                               )}
                               disabled={extractLoading[parcelData.parcel.id]}
-                              title="Inhalt mit LangGraph extrahieren (inkl. Machbarkeitsstudie)"
+                              title={t('parcelInfoPanel.inhaltMitLanggraphExtrahierenInkl')}
                             >
                               {extractLoading[parcelData.parcel.id] ? (
                                 <FaSync className={styles.spin} />
@@ -402,7 +404,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                                   <>
                                     {fakten.length > 0 && (
                                       <div className={styles.bzoFakten}>
-                                        <span className={styles.label}>Fakten aus BZO</span>
+                                        <span className={styles.label}>{t('parcelInfoPanel.faktenAusBzo')}</span>
                                         <ul className={styles.rulesList}>
                                           {fakten.map((row: { item: string; value: string; source?: string }, i: number) => (
                                             <li key={i}>
@@ -419,7 +421,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                                     )}
                                     {vorschlaege.length > 0 && (
                                       <div className={styles.bzoSuggestions}>
-                                        <span className={styles.label}>Vorschläge</span>
+                                        <span className={styles.label}>{t('parcelInfoPanel.vorschlaege')}</span>
                                         <ul className={styles.rulesList}>
                                           {vorschlaege.map((row: { item: string; value: string; is_section?: boolean } | string, i: number) => {
                                             if (typeof row === 'string') return <li key={i}>{row}</li>;
@@ -438,7 +440,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                                     )}
                                     {zusatzinfo.length > 0 && (
                                       <div className={styles.bzoZusatzinfo}>
-                                        <span className={styles.label}>Weiterführende Bestimmungen</span>
+                                        <span className={styles.label}>{t('parcelInfoPanel.weiterfuehrendeBestimmungen')}</span>
                                         <div className={styles.zusatzinfoList}>
                                           {zusatzinfo.map((art: { article_label: string; article_title: string; text: string; source?: string }, i: number) => (
                                             <details key={i} className={styles.zusatzinfoItem}>
@@ -489,7 +491,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                             })()}
                             {import.meta.env.DEV && (
                               <details className={styles.zoneDetails}>
-                                <summary className={styles.zoneSummary}>Details anzeigen</summary>
+                                <summary className={styles.zoneSummary}>{t('parcelInfoPanel.detailsAnzeigen')}</summary>
                                 <pre className={styles.zoneData}>
                                   {JSON.stringify(parcelData.parcel.zone, null, 2)}
                                 </pre>
@@ -530,7 +532,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                         <button
                           className={styles.removeButton}
                           onClick={() => onRemoveParcel(parcelData.parcel.id)}
-                          title="Parzelle entfernen"
+                          title={t('parcelInfoPanel.parzelleEntfernen')}
                         >
                           <FaTrash />
                         </button>
@@ -581,7 +583,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                       )}
                       {parcelData.parcel.area_m2 !== undefined && (
                         <div className={styles.infoItem}>
-                          <span className={styles.label}>Fläche:</span>
+                          <span className={styles.label}>{t('parcelInfoPanel.flaeche')}</span>
                           <span className={styles.value}>
                             {parcelData.parcel.area_m2.toFixed(2)} m²
                             {parcelData.parcel.area_m2 >= 10000 && (
@@ -594,7 +596,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                       )}
                       {parcelData.parcel.realestate_type && (
                         <div className={styles.infoItem}>
-                          <span className={styles.label}>Grundstückstyp:</span>
+                          <span className={styles.label}>{t('parcelInfoPanel.grundstueckstyp')}</span>
                           <span className={styles.value}>{parcelData.parcel.realestate_type}</span>
                         </div>
                       )}
@@ -608,7 +610,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                         <div className={styles.bzoSection}>
                           <h4 className={styles.subSectionTitle}>Bauzonenverordnung</h4>
                           {docsLoading[parcelData.parcel.id] && (
-                            <p className={styles.bzoHint}>Dokumente werden geladen...</p>
+                            <p className={styles.bzoHint}>{t('parcelInfoPanel.dokumenteWerdenGeladen')}</p>
                           )}
                           {docsError[parcelData.parcel.id] && (
                             <p className={styles.bzoError}>{docsError[parcelData.parcel.id]}</p>
@@ -626,7 +628,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                                       fileName: doc.fileName,
                                       mimeType: doc.mimeType
                                     })}
-                                    title="Dokument öffnen"
+                                    title={t('parcelInfoPanel.dokumentOeffnen')}
                                   >
                                     <FaEye /> Öffnen
                                   </button>
@@ -644,7 +646,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                                 areaForMachFlat
                               )}
                               disabled={extractLoading[parcelData.parcel.id]}
-                              title="Inhalt mit LangGraph extrahieren (inkl. Machbarkeitsstudie)"
+                              title={t('parcelInfoPanel.inhaltMitLanggraphExtrahierenInkl')}
                             >
                               {extractLoading[parcelData.parcel.id] ? (
                                 <FaSync className={styles.spin} />
@@ -668,7 +670,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                                   <>
                                     {fakten.length > 0 && (
                                       <div className={styles.bzoFakten}>
-                                        <span className={styles.label}>Fakten aus BZO</span>
+                                        <span className={styles.label}>{t('parcelInfoPanel.faktenAusBzo')}</span>
                                         <ul className={styles.rulesList}>
                                           {fakten.map((row: { item: string; value: string; source?: string }, i: number) => (
                                             <li key={i}>
@@ -685,7 +687,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                                     )}
                                     {vorschlaege.length > 0 && (
                                       <div className={styles.bzoSuggestions}>
-                                        <span className={styles.label}>Vorschläge</span>
+                                        <span className={styles.label}>{t('parcelInfoPanel.vorschlaege')}</span>
                                         <ul className={styles.rulesList}>
                                           {vorschlaege.map((row: { item: string; value: string; is_section?: boolean } | string, i: number) => {
                                             if (typeof row === 'string') return <li key={i}>{row}</li>;
@@ -704,7 +706,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                                     )}
                                     {zusatzinfo.length > 0 && (
                                       <div className={styles.bzoZusatzinfo}>
-                                        <span className={styles.label}>Weiterführende Bestimmungen</span>
+                                        <span className={styles.label}>{t('parcelInfoPanel.weiterfuehrendeBestimmungen')}</span>
                                         <div className={styles.zusatzinfoList}>
                                           {zusatzinfo.map((art: { article_label: string; article_title: string; text: string; source?: string }, i: number) => (
                                             <details key={i} className={styles.zusatzinfoItem}>
@@ -753,7 +755,7 @@ const ParcelInfoPanel: React.FC<ParcelInfoPanelProps> = ({
                             })()}
                             {import.meta.env.DEV && (
                               <details className={styles.zoneDetails}>
-                                <summary className={styles.zoneSummary}>Details anzeigen</summary>
+                                <summary className={styles.zoneSummary}>{t('parcelInfoPanel.detailsAnzeigen')}</summary>
                                 <pre className={styles.zoneData}>
                                   {JSON.stringify(parcelData.parcel.zone, null, 2)}
                                 </pre>
@@ -835,12 +837,13 @@ const bzoMarkdownComponents: Record<string, React.ComponentType<MdComponentProps
 };
 
 export const BZOInformationDisplay: React.FC<BZOInformationDisplayProps> = ({ data }) => {
+  const { t } = useLanguage();
   return (
     <div className={styles.bzoContent}>
       {/* Summary Section */}
       {data.ai_summary && (
         <div className={styles.bzoSubSection}>
-          <h5 className={styles.bzoSubTitle}>Zusammenfassung</h5>
+          <h5 className={styles.bzoSubTitle}>{t('parcelInfoPanel.zusammenfassung')}</h5>
           <div className={styles.bzoSummary}>
             <ReactMarkdown
               remarkPlugins={[remarkGfm]}
@@ -1079,7 +1082,7 @@ export const BZOInformationDisplay: React.FC<BZOInformationDisplayProps> = ({ da
       {/* Statistics */}
       {data.extracted_content && (
         <div className={styles.bzoSubSection}>
-          <h5 className={styles.bzoSubTitle}>Statistiken</h5>
+          <h5 className={styles.bzoSubTitle}>{t('parcelInfoPanel.statistiken')}</h5>
           <div className={styles.bzoStats}>
             <div className={styles.bzoStatItem}>
               <span className={styles.bzoStatLabel}>Zonen:</span>
diff --git a/src/components/UiComponents/Popup/Popup.tsx b/src/components/UiComponents/Popup/Popup.tsx
index a172217..4017ff2 100644
--- a/src/components/UiComponents/Popup/Popup.tsx
+++ b/src/components/UiComponents/Popup/Popup.tsx
@@ -1,6 +1,8 @@
 import React from 'react';
 import styles from './Popup.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 // Action button interface
 export interface PopupAction {
   label: string;
@@ -36,7 +38,8 @@ export function Popup({
   closable = true,
   actions = []
 }: PopupProps) {
-  
+  const { t } = useLanguage();
+
   // Handle escape key
   React.useEffect(() => {
     const handleEscape = (e: KeyboardEvent) => {
@@ -105,7 +108,7 @@ export function Popup({
               <button 
                 className={styles.closeButton}
                 onClick={onClose}
-                aria-label="Close"
+                aria-label={t('popup.close')}
               >
                 ×
               </button>
diff --git a/src/components/UiComponents/Toast/Toast.tsx b/src/components/UiComponents/Toast/Toast.tsx
index ed80533..ac3b6ff 100644
--- a/src/components/UiComponents/Toast/Toast.tsx
+++ b/src/components/UiComponents/Toast/Toast.tsx
@@ -2,6 +2,8 @@ import { motion, AnimatePresence } from 'framer-motion';
 import { FaCheckCircle, FaExclamationCircle, FaExclamationTriangle, FaInfoCircle, FaTimes } from 'react-icons/fa';
 import styles from './Toast.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export type ToastType = 'success' | 'error' | 'warning' | 'info';
 
 export interface ToastData {
@@ -31,6 +33,7 @@ const _getIcon = (type: ToastType) => {
 };
 
 export const Toast: React.FC<ToastProps> = ({ toast, onClose }) => {
+  const { t } = useLanguage();
   return (
     <motion.div
       className={`${styles.toast} ${styles[toast.type]}`}
@@ -50,7 +53,7 @@ export const Toast: React.FC<ToastProps> = ({ toast, onClose }) => {
       <button
         className={styles.closeButton}
         onClick={() => onClose(toast.id)}
-        aria-label="Schließen"
+        aria-label={t('toast.schliessen')}
       >
         <FaTimes />
       </button>
diff --git a/src/components/UiComponents/ViewForm/ViewForm.tsx b/src/components/UiComponents/ViewForm/ViewForm.tsx
index ca06a35..f761210 100644
--- a/src/components/UiComponents/ViewForm/ViewForm.tsx
+++ b/src/components/UiComponents/ViewForm/ViewForm.tsx
@@ -7,6 +7,8 @@ import {
 } from '../../../utils/attributeTypeMapper';
 import type { AttributeType } from '../../../utils/attributeTypeMapper';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 // Field configuration interface for ViewForm
 export interface ViewFieldConfig {
   key: string;
@@ -32,6 +34,8 @@ export function ViewForm<T extends Record<string, any>>({
 
   // Format value based on field type
   const formatValue = (field: ViewFieldConfig, value: any): string => {
+    const { t } = useLanguage();
+
     // Use custom formatter if provided
     if (field.formatter) {
       return field.formatter(value);
@@ -46,7 +50,7 @@ export function ViewForm<T extends Record<string, any>>({
     if (field.type) {
       // Boolean/Checkbox types
       if (isCheckboxType(field.type)) {
-        return value ? 'Yes' : 'No';
+        return value ? t('viewForm.yes') : t('viewForm.no');
       }
 
       // Select/Enum types
diff --git a/src/components/UiComponents/WorkflowStatus/WorkflowStatus.tsx b/src/components/UiComponents/WorkflowStatus/WorkflowStatus.tsx
index 41d9692..a43168f 100644
--- a/src/components/UiComponents/WorkflowStatus/WorkflowStatus.tsx
+++ b/src/components/UiComponents/WorkflowStatus/WorkflowStatus.tsx
@@ -2,6 +2,8 @@ import React, { useMemo } from 'react';
 import { WorkflowStatusProps, WorkflowStatusType } from './WorkflowStatusTypes';
 import styles from './WorkflowStatus.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 const _STATUS_MAP: Record<string, WorkflowStatusType> = {
   success: 'completed',
   completed: 'completed',
@@ -43,6 +45,7 @@ const WorkflowStatus: React.FC<WorkflowStatusProps> = ({
   isRunning,
   latestStats
 }) => {
+  const { t } = useLanguage();
   // Use workflow status and round from API response, fallback to extracting from logs
   const workflowStatus = useMemo(() => {
     if (workflowStatusFromApi) {
@@ -66,7 +69,7 @@ const WorkflowStatus: React.FC<WorkflowStatusProps> = ({
       {/* Status and Round Badges */}
       <div className={styles.workflowStatus}>
         {showSpinner && (
-          <div className={styles.spinner} aria-label="Workflow running" />
+          <div className={styles.spinner} aria-label={t('workflowStatus.workflowRunning')} />
         )}
         {workflowStatus.status && (
           <span className={styles.statusBadge} data-status={workflowStatus.status}>
diff --git a/src/components/UnifiedDataBar/ChatsTab.tsx b/src/components/UnifiedDataBar/ChatsTab.tsx
index 5c88e8b..ef751e5 100644
--- a/src/components/UnifiedDataBar/ChatsTab.tsx
+++ b/src/components/UnifiedDataBar/ChatsTab.tsx
@@ -3,6 +3,8 @@ import type { UdbContext } from './UnifiedDataBar';
 import api from '../../api';
 import styles from './ChatsTab.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 interface ChatItem {
   id: string;
   label: string;
@@ -50,8 +52,7 @@ function _formatRelativeTime(dateStr?: string | number): string {
   return d.toLocaleDateString([], { month: 'short', day: 'numeric' });
 }
 
-const ChatsTab: React.FC<ChatsTabProps> = ({
-  context,
+const ChatsTab: React.FC<ChatsTabProps> = ({ context,
   onSelectChat,
   onDragStart,
   activeWorkflowId,
@@ -59,6 +60,7 @@ const ChatsTab: React.FC<ChatsTabProps> = ({
   onRenameChat,
   onDeleteChat,
 }) => {
+  const { t } = useLanguage();
   const [groups, setGroups] = useState<ChatGroup[]>([]);
   const [flatMode, setFlatMode] = useState(false);
   const [search, setSearch] = useState('');
@@ -307,7 +309,7 @@ const ChatsTab: React.FC<ChatsTabProps> = ({
                 <button
                   className={`${styles.actionBtn} ${styles.actionBtnDanger}`}
                   onClick={async (e) => { e.stopPropagation(); await onDeleteChat(chat.id); _loadChats(); }}
-                  title="Löschen"
+                  title={t('chatsTab.loeschen')}
                 >
                   🗑️
                 </button>
@@ -329,7 +331,7 @@ const ChatsTab: React.FC<ChatsTabProps> = ({
     return labels[code] || code;
   };
 
-  if (loading) return <div className={styles.loading}>Lade Chats...</div>;
+  if (loading) return <div className={styles.loading}>{t('chatsTab.ladeChats')}</div>;
 
   return (
     <div className={styles.chatsTab}>
@@ -337,12 +339,12 @@ const ChatsTab: React.FC<ChatsTabProps> = ({
         <input
           className={styles.search}
           type="text"
-          placeholder="Suchen..."
+          placeholder={t('chatsTab.suchen')}
           value={search}
           onChange={(e) => setSearch(e.target.value)}
         />
         {onCreateNew && (
-          <button className={styles.createBtn} onClick={() => { onCreateNew(); setTimeout(_loadChats, 500); }} title="Neuer Chat">
+          <button className={styles.createBtn} onClick={() => { onCreateNew(); setTimeout(_loadChats, 500); }} title={t('chatsTab.neuerChat')}>
             +
           </button>
         )}
@@ -434,7 +436,7 @@ const ChatsTab: React.FC<ChatsTabProps> = ({
 
       {_allChats.length === 0 && (
         <div className={styles.emptyState}>
-          {filter === 'archived' ? 'Keine archivierten Chats.' : 'Keine aktiven Chats.'}
+          {filter === 'archived' ? t('chatsTab.keineArchiviertenChats') : t('chatsTab.keineAktivenChats')}
         </div>
       )}
     </div>
diff --git a/src/components/UnifiedDataBar/FilesTab.tsx b/src/components/UnifiedDataBar/FilesTab.tsx
index b4d2046..93510ac 100644
--- a/src/components/UnifiedDataBar/FilesTab.tsx
+++ b/src/components/UnifiedDataBar/FilesTab.tsx
@@ -6,6 +6,8 @@ import type { FileNode } from '../../components/FolderTree/FolderTree';
 import { useFileContext } from '../../contexts/FileContext';
 import styles from './FilesTab.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 interface FileEntry {
   id: string;
   fileName: string;
@@ -23,6 +25,7 @@ interface FilesTabProps {
 }
 
 const FilesTab: React.FC<FilesTabProps> = ({ context, onFileSelect }) => {
+  const { t } = useLanguage();
   const [files, setFiles] = useState<FileEntry[]>([]);
   const [loading, setLoading] = useState(true);
   const [searchQuery, setSearchQuery] = useState('');
@@ -230,7 +233,7 @@ const FilesTab: React.FC<FilesTabProps> = ({ context, onFileSelect }) => {
     }
   }, [_loadFiles]);
 
-  if (loading) return <div className={styles.loading}>Lade Dateien...</div>;
+  if (loading) return <div className={styles.loading}>{t('filesTab.ladeDateien')}</div>;
 
   return (
     <div
@@ -258,7 +261,7 @@ const FilesTab: React.FC<FilesTabProps> = ({ context, onFileSelect }) => {
             onClick={() => fileInputRef.current?.click()}
             disabled={uploading}
             style={{ background: 'none', border: 'none', cursor: 'pointer', fontSize: 12, color: '#F25843' }}
-            title="Upload files"
+            title={t('filesTab.uploadFiles')}
           >
             {uploading ? '...' : '+'}
           </button>
@@ -281,7 +284,7 @@ const FilesTab: React.FC<FilesTabProps> = ({ context, onFileSelect }) => {
 
       <input
         type="text"
-        placeholder="Dateien suchen..."
+        placeholder={t('filesTab.dateienSuchen')}
         value={searchQuery}
         onChange={e => setSearchQuery(e.target.value)}
         style={{
@@ -322,7 +325,7 @@ const FilesTab: React.FC<FilesTabProps> = ({ context, onFileSelect }) => {
 
         {_fileNodes.length === 0 && (
           <div style={{ fontSize: 12, color: '#999', textAlign: 'center', padding: 16 }}>
-            {searchQuery ? 'Keine Dateien gefunden' : 'Keine Dateien. Drag & Drop zum Hochladen.'}
+            {searchQuery ? t('filesTab.keineDateienGefunden') : t('filesTab.keineDateienDragDropZum')}
           </div>
         )}
       </div>
diff --git a/src/components/UnifiedDataBar/SourcesTab.tsx b/src/components/UnifiedDataBar/SourcesTab.tsx
index b1d1828..f2c627a 100644
--- a/src/components/UnifiedDataBar/SourcesTab.tsx
+++ b/src/components/UnifiedDataBar/SourcesTab.tsx
@@ -20,6 +20,8 @@ import api from '../../api';
 import { getPageIcon } from '../../config/pageRegistry';
 import styles from './SourcesTab.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 /* ─── Types (inline, no external imports) ────────────────────────────── */
 
 interface UdbDataSource {
@@ -345,6 +347,7 @@ function _Spinner(): React.ReactElement {
 /* ─── Component ──────────────────────────────────────────────────────── */
 
 const SourcesTab: React.FC<SourcesTabProps> = ({ context, onSourcesChanged }) => {
+  const { t } = useLanguage();
   const instanceId = context.instanceId;
 
   /* ── Active sources (fetched internally) ── */
@@ -850,14 +853,14 @@ const SourcesTab: React.FC<SourcesTabProps> = ({ context, onSourcesChanged }) =>
                     fontSize: 13, padding: '0 2px', lineHeight: 1,
                     opacity: ds.neutralize ? 1 : 0.35,
                   }}
-                  title={ds.neutralize ? 'Neutralize: ON (click to deactivate)' : 'Neutralize: OFF (click to activate)'}
+                  title={ds.neutralize ? t('sourcesTab.neutralizeOnClickToDeactivate') : t('sourcesTab.neutralizeOffClickToActivate')}
                 >
                   {'\uD83D\uDD12'}
                 </button>
                 <button
                   onClick={() => _removeDatasource(ds.id)}
                   style={{ background: 'none', border: 'none', cursor: 'pointer', fontSize: 11, color: '#999', padding: '0 2px' }}
-                  title="Entfernen"
+                  title={t('sourcesTab.entfernen')}
                 >
                   {'\u2715'}
                 </button>
@@ -953,7 +956,7 @@ const SourcesTab: React.FC<SourcesTabProps> = ({ context, onSourcesChanged }) =>
                       <button
                         onClick={() => { group.items.forEach(fds => _removeFeatureDataSource(fds.id)); }}
                         style={{ background: 'none', border: 'none', cursor: 'pointer', fontSize: 10, color: '#999', padding: '0 2px' }}
-                        title="Remove all tables for this record"
+                        title={t('sourcesTab.removeAllTablesForThis')}
                       >
                         {'\u2715'}
                       </button>
@@ -983,14 +986,14 @@ const SourcesTab: React.FC<SourcesTabProps> = ({ context, onSourcesChanged }) =>
                           <button
                             onClick={() => _toggleFeatureNeutralize(fds)}
                             style={{ background: 'none', border: 'none', cursor: 'pointer', fontSize: 12, padding: '0 2px', lineHeight: 1, opacity: fds.neutralize ? 1 : 0.35 }}
-                            title={fds.neutralize ? 'Neutralize: ON' : 'Neutralize: OFF'}
+                            title={fds.neutralize ? t('sourcesTab.neutralizeOn') : t('sourcesTab.neutralizeOff')}
                           >
                             {'\uD83D\uDD12'}
                           </button>
                           <button
                             onClick={() => _removeFeatureDataSource(fds.id)}
                             style={{ background: 'none', border: 'none', cursor: 'pointer', fontSize: 10, color: '#999', padding: '0 2px' }}
-                            title="Remove"
+                            title={t('sourcesTab.remove')}
                           >
                             {'\u2715'}
                           </button>
@@ -1026,14 +1029,14 @@ const SourcesTab: React.FC<SourcesTabProps> = ({ context, onSourcesChanged }) =>
                       <button
                         onClick={() => _toggleFeatureNeutralize(fds)}
                         style={{ background: 'none', border: 'none', cursor: 'pointer', fontSize: 13, padding: '0 2px', lineHeight: 1, opacity: fds.neutralize ? 1 : 0.35 }}
-                        title={fds.neutralize ? 'Neutralize: ON' : 'Neutralize: OFF'}
+                        title={fds.neutralize ? t('sourcesTab.neutralizeOn') : t('sourcesTab.neutralizeOff')}
                       >
                         {'\uD83D\uDD12'}
                       </button>
                       <button
                         onClick={() => _removeFeatureDataSource(fds.id)}
                         style={{ background: 'none', border: 'none', cursor: 'pointer', fontSize: 11, color: '#999', padding: '0 2px' }}
-                        title="Entfernen"
+                        title={t('sourcesTab.entfernen')}
                       >
                         {'\u2715'}
                       </button>
@@ -1110,6 +1113,7 @@ interface _TreeNodeViewProps {
 const _TreeNodeView: React.FC<_TreeNodeViewProps> = ({
   node, depth, onToggle, onAdd, isAdded, addingPath,
 }) => {
+  const { t } = useLanguage();
   const [hovered, setHovered] = useState(false);
   const hasChildren = node.type !== 'file';
   const chevron = hasChildren
@@ -1163,13 +1167,13 @@ const _TreeNodeView: React.FC<_TreeNodeViewProps> = ({
               opacity: isAdding ? 0.5 : 1,
               flexShrink: 0,
             }}
-            title="Add as data source"
+            title={t('sourcesTab.addAsDataSource')}
           >
             {isAdding ? '...' : '+ Add'}
           </button>
         )}
         {canAdd && alreadyAdded && (
-          <span style={{ fontSize: 10, color: '#4caf50', flexShrink: 0 }} title="Already added">
+          <span style={{ fontSize: 10, color: '#4caf50', flexShrink: 0 }} title={t('sourcesTab.alreadyAdded')}>
             {'\u2713'}
           </span>
         )}
@@ -1396,6 +1400,7 @@ interface _FeatureTableRowProps {
 const _FeatureTableRow: React.FC<_FeatureTableRowProps> = ({
   featureNode, table, onAdd, isAdded, isAdding,
 }) => {
+  const { t } = useLanguage();
   const [hovered, setHovered] = useState(false);
   const tableLabel = table.label?.en || table.label?.de || table.tableName;
 
@@ -1426,13 +1431,13 @@ const _FeatureTableRow: React.FC<_FeatureTableRowProps> = ({
             fontSize: 10, color: '#7b1fa2', padding: '1px 5px',
             opacity: isAdding ? 0.5 : 1, flexShrink: 0,
           }}
-          title="Add as feature data source"
+          title={t('sourcesTab.addAsFeatureDataSource')}
         >
           {isAdding ? '...' : '+ Add'}
         </button>
       )}
       {isAdded && (
-        <span style={{ fontSize: 10, color: '#4caf50', flexShrink: 0 }} title="Already added">
+        <span style={{ fontSize: 10, color: '#4caf50', flexShrink: 0 }} title={t('sourcesTab.alreadyAdded')}>
           {'\u2713'}
         </span>
       )}
@@ -1537,6 +1542,7 @@ const _ParentRecordRow: React.FC<_ParentRecordRowProps> = ({
   featureNode: _featureNode, record, childTables, allTables: _allTables,
   onToggle, onAdd, isAdded, isAdding,
 }) => {
+  const { t } = useLanguage();
   const [hovered, setHovered] = useState(false);
   const chevron = record.expanded ? '\u25BE' : '\u25B8';
 
@@ -1572,13 +1578,13 @@ const _ParentRecordRow: React.FC<_ParentRecordRowProps> = ({
               fontSize: 10, color: '#7b1fa2', padding: '1px 5px',
               opacity: isAdding ? 0.5 : 1, flexShrink: 0,
             }}
-            title="Add all tables for this record"
+            title={t('sourcesTab.addAllTablesForThis')}
           >
             {isAdding ? '...' : '+ Add'}
           </button>
         )}
         {isAdded && (
-          <span style={{ fontSize: 10, color: '#4caf50', flexShrink: 0 }} title="Already added">
+          <span style={{ fontSize: 10, color: '#4caf50', flexShrink: 0 }} title={t('sourcesTab.alreadyAdded')}>
             {'\u2713'}
           </span>
         )}
diff --git a/src/core/PageManager/SidebarProvider.tsx b/src/core/PageManager/SidebarProvider.tsx
index e73da7e..0d0256f 100644
--- a/src/core/PageManager/SidebarProvider.tsx
+++ b/src/core/PageManager/SidebarProvider.tsx
@@ -83,6 +83,8 @@ export const SidebarProvider: React.FC<SidebarProviderProps> = ({ children }) =>
 
     // Helper function to resolve node name
     const resolveNodeName = (pathSegment: string, fullPath: string, page?: GenericPageData): string => {
+    const { t } = useLanguage();
+
         if (page) {
             return resolveLanguageText(page.name, t);
         }
diff --git a/src/hooks/useAccessRules.tsx b/src/hooks/useAccessRules.tsx
index 16c6996..2ed1423 100644
--- a/src/hooks/useAccessRules.tsx
+++ b/src/hooks/useAccessRules.tsx
@@ -19,23 +19,25 @@ export type AccessLevel = 'n' | 'm' | 'g' | 'a' | null;
 // ACCESS LEVEL LABELS
 // =============================================================================
 
-export const ACCESS_LEVEL_OPTIONS: { value: 'n' | 'm' | 'g' | 'a'; label: string; color: string }[] = [
-  { value: 'n', label: 'Keine', color: '#e53e3e' },
-  { value: 'm', label: 'Eigene', color: '#d69e2e' },
-  { value: 'g', label: 'Gruppe', color: '#3182ce' },
-  { value: 'a', label: 'Alle', color: '#38a169' },
-];
+export function _getAccessLevelOptions(t: (key: string) => string): { value: 'n' | 'm' | 'g' | 'a'; label: string; color: string }[] {
+  return [
+    { value: 'n', label: t('useAccessRules.keine'), color: '#e53e3e' },
+    { value: 'm', label: t('useAccessRules.eigene'), color: '#d69e2e' },
+    { value: 'g', label: t('useAccessRules.gruppe'), color: '#3182ce' },
+    { value: 'a', label: t('useAccessRules.alle'), color: '#38a169' },
+  ];
+}
 
-export const getAccessLevelLabel = (level: AccessLevel | null): string => {
-  if (!level) return '-';
-  const option = ACCESS_LEVEL_OPTIONS.find(opt => opt.value === level);
-  return option?.label || level;
+const _accessLevelColors: Record<string, string> = {
+  n: '#e53e3e',
+  m: '#d69e2e',
+  g: '#3182ce',
+  a: '#38a169',
 };
 
 export const getAccessLevelColor = (level: AccessLevel | null): string => {
   if (!level) return '#718096';
-  const option = ACCESS_LEVEL_OPTIONS.find(opt => opt.value === level);
-  return option?.color || '#718096';
+  return _accessLevelColors[level] || '#718096';
 };
 
 export interface AccessRule {
diff --git a/src/hooks/useConfirm.tsx b/src/hooks/useConfirm.tsx
index f246ab4..0bb27dc 100644
--- a/src/hooks/useConfirm.tsx
+++ b/src/hooks/useConfirm.tsx
@@ -7,7 +7,8 @@
  *   // Render <ConfirmDialog /> once in the component tree.
  */
 
-import React, { useState, useCallback, useRef } from 'react';
+import React, { useState, useCallback, useRef, useMemo } from 'react';
+import { useLanguage } from '../providers/language/LanguageContext';
 
 export interface ConfirmOptions {
   title?: string;
@@ -22,17 +23,18 @@ interface ConfirmState {
   resolve: (value: boolean) => void;
 }
 
-const _defaults: Required<ConfirmOptions> = {
-  title: 'Bestätigung',
-  confirmLabel: 'Bestätigen',
-  cancelLabel: 'Abbrechen',
-  variant: 'primary',
-};
-
 export function useConfirm() {
+  const { t } = useLanguage();
   const [state, setState] = useState<ConfirmState | null>(null);
   const resolveRef = useRef<((v: boolean) => void) | null>(null);
 
+  const _defaults: Required<ConfirmOptions> = useMemo(() => ({
+    title: t('confirm.title'),
+    confirmLabel: t('confirm.confirmLabel'),
+    cancelLabel: t('confirm.cancelLabel'),
+    variant: 'primary' as const,
+  }), [t]);
+
   const confirm = useCallback((message: string, options?: ConfirmOptions): Promise<boolean> => {
     return new Promise<boolean>((resolve) => {
       resolveRef.current = resolve;
@@ -42,7 +44,7 @@ export function useConfirm() {
         resolve,
       });
     });
-  }, []);
+  }, [_defaults]);
 
   const _handleConfirm = useCallback(() => {
     resolveRef.current?.(true);
diff --git a/src/hooks/usePlayground.ts b/src/hooks/usePlayground.ts
index 9ffda7f..1108099 100644
--- a/src/hooks/usePlayground.ts
+++ b/src/hooks/usePlayground.ts
@@ -1,12 +1,3 @@
-export type {
-  Workflow,
-  WorkflowMessage,
-  WorkflowLog,
-  StartWorkflowRequest,
-  StartWorkflowResponse,
-  ChatDataResponse
-} from '../api/workflowApi';
-
 export interface UserInputRequest {
   input: string;
   files?: any[];
diff --git a/src/hooks/usePrompt.tsx b/src/hooks/usePrompt.tsx
index 1f08086..86edbe2 100644
--- a/src/hooks/usePrompt.tsx
+++ b/src/hooks/usePrompt.tsx
@@ -8,7 +8,8 @@
  *   // Render <PromptDialog /> once in the component tree.
  */
 
-import React, { useState, useCallback, useRef } from 'react';
+import React, { useState, useCallback, useRef, useMemo } from 'react';
+import { useLanguage } from '../providers/language/LanguageContext';
 
 export interface PromptOptions {
   title?: string;
@@ -25,20 +26,21 @@ interface PromptState {
   resolve: (value: string | null) => void;
 }
 
-const _defaults: Required<PromptOptions> = {
-  title: 'Eingabe',
-  confirmLabel: 'OK',
-  cancelLabel: 'Abbrechen',
-  placeholder: '',
-  defaultValue: '',
-  variant: 'primary',
-};
-
 export function usePrompt() {
+  const { t } = useLanguage();
   const [state, setState] = useState<PromptState | null>(null);
   const resolveRef = useRef<((v: string | null) => void) | null>(null);
   const inputRef = useRef<HTMLInputElement>(null);
 
+  const _defaults: Required<PromptOptions> = useMemo(() => ({
+    title: t('prompt.title'),
+    confirmLabel: t('prompt.confirmLabel'),
+    cancelLabel: t('prompt.cancelLabel'),
+    placeholder: '',
+    defaultValue: '',
+    variant: 'primary' as const,
+  }), [t]);
+
   const prompt = useCallback((message: string, options?: PromptOptions): Promise<string | null> => {
     return new Promise<string | null>((resolve) => {
       resolveRef.current = resolve;
@@ -48,7 +50,7 @@ export function usePrompt() {
         resolve,
       });
     });
-  }, []);
+  }, [_defaults]);
 
   const _handleConfirm = useCallback(() => {
     const val = inputRef.current?.value ?? '';
diff --git a/src/hooks/useWorkflows.ts b/src/hooks/useWorkflows.ts
index 8c15aab..f8c8738 100644
--- a/src/hooks/useWorkflows.ts
+++ b/src/hooks/useWorkflows.ts
@@ -1,23 +1,82 @@
 import { useState, useEffect, useCallback } from 'react';
 import { useApiRequest } from './useApi';
-import { 
-  deleteWorkflowApi, 
-  deleteWorkflowsApi,
-  updateWorkflowApi,
-  fetchWorkflows as fetchWorkflowsApi,
-  fetchWorkflow as fetchWorkflowByIdApi,
-  fetchAttributes as fetchAttributesApi,
-  startWorkflowApi,
-  stopWorkflowApi,
-  deleteMessageApi,
-  deleteFileFromMessageApi,
-  type Workflow,
-  type AttributeDefinition,
-  type StartWorkflowRequest
+import { fetchAttributes as fetchAttributesApi } from '../api/attributesApi';
+import type { AttributeDefinition, ApiRequestFunction } from '../api/attributesApi';
+import {
+  fetchWorkflows as fetchWorkflowsFromApi,
+  fetchWorkflow as fetchWorkflowFromApi,
+  deleteWorkflow as deleteWorkflowFromApi,
+  updateWorkflow as updateWorkflowFromApi,
 } from '../api/workflowApi';
 import { useWorkflowSelection } from '../contexts/WorkflowSelectionContext';
 import { usePermissions, type UserPermissions } from './usePermissions';
 
+export type StartWorkflowRequest = Record<string, unknown>;
+
+function _workflowsInstanceIdFromBaseUrl(apiBaseUrl: string | undefined): string | null {
+  if (!apiBaseUrl) return null;
+  const m = apiBaseUrl.match(/^\/api\/workflows\/([^/]+)$/);
+  return m ? m[1] : null;
+}
+
+async function _deleteWorkflowsSequential(
+  request: ApiRequestFunction,
+  instanceId: string,
+  workflowIds: string[],
+) {
+  for (const id of workflowIds) {
+    await deleteWorkflowFromApi(request, instanceId, id);
+  }
+}
+
+async function startWorkflowApi(
+  request: ApiRequestFunction,
+  instanceId: string,
+  workflowData: StartWorkflowRequest,
+  options?: { workflowId?: string; workflowMode?: 'Dynamic' | 'Automation' },
+) {
+  return await request({
+    url: `/api/workflows/${instanceId}/execute`,
+    method: 'post',
+    data: {
+      workflowId: options?.workflowId ?? (workflowData as { workflowId?: string }).workflowId,
+      payload: workflowData,
+    },
+  });
+}
+
+async function stopWorkflowApi(request: ApiRequestFunction, instanceId: string, workflowId: string) {
+  await request({
+    url: `/api/workspace/${instanceId}/${workflowId}/stop`,
+    method: 'post',
+  });
+}
+
+async function deleteMessageApi(
+  request: ApiRequestFunction,
+  instanceId: string,
+  workflowId: string,
+  messageId: string,
+) {
+  await request({
+    url: `/api/workspace/${instanceId}/workflows/${workflowId}/messages/${messageId}`,
+    method: 'delete',
+  });
+}
+
+async function deleteFileFromMessageApi(
+  request: ApiRequestFunction,
+  instanceId: string,
+  workflowId: string,
+  messageId: string,
+  fileId: string,
+) {
+  await request({
+    url: `/api/workspace/${instanceId}/workflows/${workflowId}/messages/${messageId}/files/${fileId}`,
+    method: 'delete',
+  });
+}
+
 // Workflow interface matching backend
 export interface UserWorkflow {
   id: string;
@@ -28,8 +87,8 @@ export interface UserWorkflow {
   [key: string]: any; // Allow additional properties
 }
 
-// Re-export AttributeDefinition from workflowApi
-export type { AttributeDefinition } from '../api/workflowApi';
+// Re-export AttributeDefinition from attributesApi
+export type { AttributeDefinition } from '../api/attributesApi';
 
 // Attribute option interface (from backend)
 export interface AttributeOption {
@@ -65,7 +124,7 @@ export function useUserWorkflows(options?: { instanceId?: string; featureCode?:
     totalItems: number;
     totalPages: number;
   } | null>(null);
-  const { request, isLoading: loading, error } = useApiRequest<null, Workflow[]>();
+  const { request, isLoading: loading, error } = useApiRequest<null, unknown>();
   const { checkPermission } = usePermissions();
 
   // Fetch attributes from backend
@@ -103,38 +162,33 @@ export function useUserWorkflows(options?: { instanceId?: string; featureCode?:
 
   const fetchWorkflowsData = useCallback(async (params?: PaginationParams) => {
     try {
-      const requestParams: any = {};
-      
-      // Build pagination object if provided
+      if (!apiBaseUrl) {
+        console.error('useUserWorkflows: apiBaseUrl is required (missing instanceId/featureCode)');
+        return;
+      }
+      const instanceId = _workflowsInstanceIdFromBaseUrl(apiBaseUrl);
+      if (!instanceId) {
+        console.error('useUserWorkflows: could not parse instanceId from apiBaseUrl');
+        return;
+      }
+      let listParams: { pagination?: Record<string, unknown> } | undefined = undefined;
       if (params) {
-        const paginationObj: any = {};
-        
+        const paginationObj: Record<string, unknown> = {};
         if (params.page !== undefined) paginationObj.page = params.page;
         if (params.pageSize !== undefined) paginationObj.pageSize = params.pageSize;
         if (params.sort) paginationObj.sort = params.sort;
         if (params.filters) paginationObj.filters = params.filters;
         if (params.search) paginationObj.search = params.search;
-        
         if (Object.keys(paginationObj).length > 0) {
-          requestParams.pagination = JSON.stringify(paginationObj);
+          listParams = { pagination: paginationObj };
         }
       }
-      
-      let data: any;
-      if (!apiBaseUrl) {
-        console.error('useUserWorkflows: apiBaseUrl is required (missing instanceId/featureCode)');
-        return;
-      }
-      const url = `${apiBaseUrl}/workflows`;
-      if (Object.keys(requestParams).length > 0) {
-        data = await request({ url, method: 'get', params: requestParams });
-      } else {
-        data = await fetchWorkflowsApi(request, undefined, apiBaseUrl);
-      }
+      const data: unknown = await fetchWorkflowsFromApi(request, instanceId, listParams);
       
       // Handle paginated response
-      if (data && typeof data === 'object' && 'items' in data) {
-        const items = Array.isArray(data.items) ? data.items : [];
+      if (data && typeof data === 'object' && data !== null && 'items' in data) {
+        const d = data as { items?: unknown; pagination?: unknown };
+        const items = Array.isArray(d.items) ? d.items : [];
         // Map API response to our frontend model
         const mappedWorkflows = items.map((apiWorkflow: any): UserWorkflow => {
           return {
@@ -147,8 +201,8 @@ export function useUserWorkflows(options?: { instanceId?: string; featureCode?:
           };
         });
         setWorkflows(mappedWorkflows);
-        if (data.pagination) {
-          setPagination(data.pagination);
+        if (d.pagination && typeof d.pagination === 'object') {
+          setPagination(d.pagination as any);
         }
       } else {
         // Handle non-paginated response (backward compatibility)
@@ -192,8 +246,10 @@ export function useUserWorkflows(options?: { instanceId?: string; featureCode?:
   // Fetch a single workflow by ID
   const fetchWorkflowById = useCallback(async (workflowId: string): Promise<UserWorkflow | null> => {
     try {
-      const workflow = await fetchWorkflowByIdApi(request, workflowId, apiBaseUrl);
-      return workflow as UserWorkflow | null;
+      const instanceId = _workflowsInstanceIdFromBaseUrl(apiBaseUrl);
+      if (!instanceId) return null;
+      const workflow = await fetchWorkflowFromApi(request, instanceId, workflowId);
+      return workflow as unknown as UserWorkflow | null;
     } catch (error: any) {
       console.error('Error fetching workflow by ID:', error);
       return null;
@@ -379,7 +435,7 @@ export function useUserWorkflows(options?: { instanceId?: string; featureCode?:
 
 // Workflow operations hook - pass instanceId and featureCode when in feature context for feature-scoped API
 export function useWorkflowOperations(options?: { instanceId?: string; featureCode?: string }) {
-  const apiBaseUrl = getWorkflowApiBaseUrl(options?.instanceId, options?.featureCode);
+  const instanceId = options?.instanceId;
   const [startingWorkflow, setStartingWorkflow] = useState(false);
   const [stoppingWorkflows, setStoppingWorkflows] = useState<Set<string>>(new Set());
   const [deletingWorkflows, setDeletingWorkflows] = useState<Set<string>>(new Set());
@@ -479,7 +535,10 @@ export function useWorkflowOperations(options?: { instanceId?: string; featureCo
       workflowId,
       setDeletingWorkflows,
       setDeleteError,
-      () => deleteWorkflowApi(request, workflowId, apiBaseUrl),
+      () => {
+        if (!instanceId) throw new Error('instanceId required');
+        return deleteWorkflowFromApi(request, instanceId, workflowId);
+      },
       {
         default: 'Failed to delete workflow',
         notFound: 'Workflow not found or has already been deleted.',
@@ -514,8 +573,8 @@ export function useWorkflowOperations(options?: { instanceId?: string; featureCo
     });
     
     try {
-      // Delete workflows one by one since there's no bulk delete endpoint
-      await deleteWorkflowsApi(request, workflowIds, apiBaseUrl);
+      if (!instanceId) throw new Error('instanceId required');
+      await _deleteWorkflowsSequential(request, instanceId, workflowIds);
 
       // Add a small delay to ensure backend has time to process
       await new Promise(resolve => setTimeout(resolve, 300));
@@ -550,7 +609,10 @@ export function useWorkflowOperations(options?: { instanceId?: string; featureCo
       operationKey,
       setDeletingMessages,
       setDeleteMessageError,
-      () => deleteMessageApi(request, workflowId, messageId, apiBaseUrl),
+      () => {
+        if (!instanceId) throw new Error('instanceId required');
+        return deleteMessageApi(request, instanceId, workflowId, messageId);
+      },
       {
         default: 'Failed to delete message',
         notFound: 'Message not found or has already been deleted.',
@@ -569,7 +631,10 @@ export function useWorkflowOperations(options?: { instanceId?: string; featureCo
       operationKey,
       setDeletingFiles,
       setDeleteFileError,
-      () => deleteFileFromMessageApi(request, workflowId, messageId, fileId, apiBaseUrl),
+      () => {
+        if (!instanceId) throw new Error('instanceId required');
+        return deleteFileFromMessageApi(request, instanceId, workflowId, messageId, fileId);
+      },
       {
         default: 'Failed to delete file',
         notFound: 'File not found or has already been deleted.',
@@ -583,7 +648,10 @@ export function useWorkflowOperations(options?: { instanceId?: string; featureCo
     setEditingWorkflows(prev => new Set(prev).add(workflowId));
     
     try {
-      const updatedWorkflow = await updateWorkflowApi(request, workflowId, updateData, apiBaseUrl);
+      if (!instanceId) throw new Error('instanceId required');
+      const updatedWorkflow = await updateWorkflowFromApi(request, instanceId, workflowId, {
+        label: updateData.name,
+      });
       
       return { success: true, workflowData: updatedWorkflow };
     } catch (error: any) {
diff --git a/src/layouts/FeatureLayout.tsx b/src/layouts/FeatureLayout.tsx
index 53e9115..0520f23 100644
--- a/src/layouts/FeatureLayout.tsx
+++ b/src/layouts/FeatureLayout.tsx
@@ -11,16 +11,21 @@ import { useCurrentInstance } from '../hooks/useCurrentInstance';
 import { useFeaturesInitialized, useFeaturesLoading } from '../stores/featureStore';
 import styles from './FeatureLayout.module.css';
 
+import { useLanguage } from '../providers/language/LanguageContext';
+
 // =============================================================================
 // LOADING COMPONENT
 // =============================================================================
 
-const LoadingScreen: React.FC = () => (
-  <div className={styles.loadingContainer}>
-    <div className={styles.loadingSpinner} />
-    <p>Lade Feature-Daten...</p>
-  </div>
-);
+const LoadingScreen: React.FC = () => {
+  const { t } = useLanguage();
+  return (
+    <div className={styles.loadingContainer}>
+      <div className={styles.loadingSpinner} />
+      <p>{t('ui.ladeFeaturedaten')}</p>
+    </div>
+  );
+};
 
 // =============================================================================
 // ERROR COMPONENT
@@ -31,16 +36,19 @@ interface ErrorScreenProps {
   returnPath?: string;
 }
 
-const ErrorScreen: React.FC<ErrorScreenProps> = ({ message, returnPath = '/' }) => (
-  <div className={styles.errorContainer}>
-    <div className={styles.errorIcon}>⚠️</div>
-    <h2>Zugriff nicht möglich</h2>
-    <p>{message}</p>
-    <a href={returnPath} className={styles.errorLink}>
-      Zurück zur Übersicht
-    </a>
-  </div>
-);
+const ErrorScreen: React.FC<ErrorScreenProps> = ({ message, returnPath = '/' }) => {
+  const { t } = useLanguage();
+  return (
+    <div className={styles.errorContainer}>
+      <div className={styles.errorIcon}>⚠️</div>
+      <h2>{t('ui.zugriffNichtMoeglich')}</h2>
+      <p>{message}</p>
+      <a href={returnPath} className={styles.errorLink}>
+        Zurück zur Übersicht
+      </a>
+    </div>
+  );
+};
 
 // =============================================================================
 // FEATURE LAYOUT
diff --git a/src/layouts/MainLayout.tsx b/src/layouts/MainLayout.tsx
index dd606fe..2592f31 100644
--- a/src/layouts/MainLayout.tsx
+++ b/src/layouts/MainLayout.tsx
@@ -15,6 +15,8 @@ import { CommcoachKeepAlive } from '../pages/views/commcoach/CommcoachKeepAlive'
 import { GraphicalEditorKeepAlive } from '../pages/views/graphicalEditor/GraphicalEditorKeepAlive';
 import styles from './MainLayout.module.css';
 
+import { useLanguage } from '../providers/language/LanguageContext';
+
 const _WORKSPACE_ROUTE_RE = /\/mandates\/[^/]+\/workspace\/[^/]+\/dashboard/;
 const _COMMCOACH_ROUTE_RE = /\/mandates\/[^/]+\/commcoach\/[^/]+\/(?:coaching|dossier)/;
 const _GE_EDITOR_ROUTE_RE = /\/mandates\/[^/]+\/graphicalEditor\/[^/]+\/editor/;
@@ -24,6 +26,8 @@ const _GE_EDITOR_ROUTE_RE = /\/mandates\/[^/]+\/graphicalEditor\/[^/]+\/editor/;
 // =============================================================================
 
 const MainLayoutInner: React.FC = () => {
+    const { t } = useLanguage();
+
   const { loadFeatures, initialized, loading, error } = useFeatureStore();
   const location = useLocation();
   const [isMobileSidebarOpen, setIsMobileSidebarOpen] = useState(false);
@@ -60,7 +64,7 @@ const MainLayoutInner: React.FC = () => {
         <button
           className={styles.mobileBackdrop}
           onClick={() => setIsMobileSidebarOpen(false)}
-          aria-label="Navigation schliessen"
+          aria-label={t('mainLayout.navigationSchliessen')}
         />
       )}
 
@@ -102,7 +106,7 @@ const MainLayoutInner: React.FC = () => {
           <button
             className={styles.mobileMenuButton}
             onClick={() => setIsMobileSidebarOpen(true)}
-            aria-label="Navigation oeffnen"
+            aria-label={t('mainLayout.navigationOeffnen')}
           >
             ☰
           </button>
diff --git a/src/pages/AutomationsDashboardPage.tsx b/src/pages/AutomationsDashboardPage.tsx
index 4cf0f18..ea104ca 100644
--- a/src/pages/AutomationsDashboardPage.tsx
+++ b/src/pages/AutomationsDashboardPage.tsx
@@ -234,7 +234,7 @@ export const AutomationsDashboardPage: React.FC = () => {
 
       {metrics?.runsByStatus && Object.keys(metrics.runsByStatus).length > 0 && (
         <div style={{ marginBottom: 24 }}>
-          <h3 style={{ fontSize: '0.95rem', fontWeight: 600, marginBottom: 8 }}>Runs nach Status</h3>
+          <h3 style={{ fontSize: '0.95rem', fontWeight: 600, marginBottom: 8 }}>{t('automationsDashboard.runsNachStatus')}</h3>
           <div style={{ display: 'flex', gap: 8, flexWrap: 'wrap' }}>
             {Object.entries(metrics.runsByStatus).map(([status, count]) => (
               <span
diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx
index d3ad680..225c6ff 100644
--- a/src/pages/Dashboard.tsx
+++ b/src/pages/Dashboard.tsx
@@ -15,6 +15,8 @@ import { FaArrowRight, FaBuilding } from 'react-icons/fa';
 import OnboardingAssistant from '../components/OnboardingAssistant';
 import styles from './Dashboard.module.css';
 
+import { useLanguage } from '../providers/language/LanguageContext';
+
 // =============================================================================
 // INSTANCE CARD
 // =============================================================================
@@ -53,6 +55,7 @@ const InstanceCard: React.FC<InstanceCardProps> = ({ instance, feature }) => {
 // =============================================================================
 
 export const DashboardPage: React.FC = () => {
+  const { t } = useLanguage();
   const { dynamicBlock, loading } = useNavigation();
 
   // Alle Mandate und deren Features/Instanzen aus der Navigation
@@ -69,8 +72,8 @@ export const DashboardPage: React.FC = () => {
     return (
       <div className={styles.dashboard}>
         <header className={styles.header}>
-          <h1>Übersicht</h1>
-          <p className={styles.subtitle}>Lade...</p>
+          <h1>{t('dashboard.uebersicht')}</h1>
+          <p className={styles.subtitle}>{t('dashboard.lade')}</p>
         </header>
       </div>
     );
@@ -79,7 +82,7 @@ export const DashboardPage: React.FC = () => {
   return (
     <div className={styles.dashboard}>
       <header className={styles.header}>
-        <h1>Übersicht</h1>
+        <h1>{t('dashboard.uebersicht')}</h1>
         {totalInstances > 0 && (
           <p className={styles.subtitle}>
             Du hast Zugriff auf {totalInstances} Feature-Instanz{totalInstances !== 1 ? 'en' : ''} in {totalMandates} Mandant{totalMandates !== 1 ? 'en' : ''}.
diff --git a/src/pages/FeatureView.tsx b/src/pages/FeatureView.tsx
index 0beeb73..e02d5f1 100644
--- a/src/pages/FeatureView.tsx
+++ b/src/pages/FeatureView.tsx
@@ -51,6 +51,8 @@ import { CommcoachDashboardView, CommcoachDossierView, CommcoachSettingsView } f
 
 import styles from './FeatureView.module.css';
 
+import { useLanguage } from '../providers/language/LanguageContext';
+
 // =============================================================================
 // PLACEHOLDER VIEWS (für nicht implementierte Features)
 // =============================================================================
@@ -63,39 +65,53 @@ const PlaceholderView: React.FC<{ title: string; description: string }> = ({ tit
 );
 
 // Chatworkflow Views
-const ChatworkflowDashboard: React.FC = () => (
-  <PlaceholderView title="Workflow Dashboard" description="Übersicht der Workflows" />
-);
+const ChatworkflowDashboard: React.FC = () => {
+  const { t } = useLanguage();
+  return (
+    <PlaceholderView title={t('feature.workflowDashboard')} description={t('feature.uebersichtDerWorkflows')} />
+  );
+};
 
-const ChatworkflowRuns: React.FC = () => (
-  <PlaceholderView title="Runs" description="Workflow-Ausführungen" />
-);
+const ChatworkflowRuns: React.FC = () => {
+  const { t } = useLanguage();
+  return <PlaceholderView title="Runs" description={t('feature.workflowausfuehrungen')} />;
+};
 
-const ChatworkflowFiles: React.FC = () => (
-  <PlaceholderView title="Dateien" description="Workflow-Dateien" />
-);
+const ChatworkflowFiles: React.FC = () => {
+  const { t } = useLanguage();
+  return <PlaceholderView title={t('feature.dateien')} description="Workflow-Dateien" />;
+};
 
 // Chatbot Views
 // ChatbotConversationsView is imported above
 
-const ChatbotSettings: React.FC = () => (
-  <PlaceholderView title="Chatbot Einstellungen" description="Konfiguration des Chatbots" />
-);
+const ChatbotSettings: React.FC = () => {
+  const { t } = useLanguage();
+  return (
+    <PlaceholderView title={t('feature.chatbotEinstellungen')} description={t('feature.konfigurationDesChatbots')} />
+  );
+};
 
 // Generic/Fallback
-const NotFound: React.FC = () => (
-  <div className={styles.notFound}>
-    <h2>Seite nicht gefunden</h2>
-    <p>Diese View existiert nicht oder wurde noch nicht implementiert.</p>
-  </div>
-);
+const NotFound: React.FC = () => {
+  const { t } = useLanguage();
+  return (
+    <div className={styles.notFound}>
+      <h2>{t('feature.seiteNichtGefunden')}</h2>
+      <p>{t('feature.dieseViewExistiertNichtOder')}</p>
+    </div>
+  );
+};
 
-const AccessDenied: React.FC = () => (
-  <div className={styles.accessDenied}>
-    <h2>Zugriff verweigert</h2>
-    <p>Du hast keine Berechtigung für diese Ansicht.</p>
-  </div>
-);
+const AccessDenied: React.FC = () => {
+  const { t } = useLanguage();
+  return (
+    <div className={styles.accessDenied}>
+      <h2>{t('feature.zugriffVerweigert')}</h2>
+      <p>{t('feature.duHastKeineBerechtigungFuer')}</p>
+    </div>
+  );
+};
 
 // =============================================================================
 // VIEW REGISTRY
diff --git a/src/pages/GDPR.tsx b/src/pages/GDPR.tsx
index 848a8b5..2ec9667 100644
--- a/src/pages/GDPR.tsx
+++ b/src/pages/GDPR.tsx
@@ -11,6 +11,8 @@ import api from '../api';
 import { clearUserDataCache } from '../utils/userCache';
 import styles from './GDPR.module.css';
 
+import { useLanguage } from '../providers/language/LanguageContext';
+
 type ConsentInfo = {
   dataCollected?: Record<string, string>;
   dataProcessing?: Record<string, string>;
@@ -36,6 +38,7 @@ const downloadJson = (data: unknown, fileName: string, mimeType = 'application/j
 };
 
 export const GDPRPage: React.FC = () => {
+  const { t } = useLanguage();
   const contactEmail = 'p.motsch@poweron.swiss';
   const [consentInfo, setConsentInfo] = useState<ConsentInfo | null>(null);
   const [isLoadingConsent, setIsLoadingConsent] = useState(true);
@@ -158,11 +161,11 @@ export const GDPRPage: React.FC = () => {
 
       <main className={styles.content}>
         <section className={styles.section}>
-          <h2 className={styles.sectionTitle}>Your data rights</h2>
+          <h2 className={styles.sectionTitle}>{t('gDPR.yourDataRights')}</h2>
           <div className={styles.actions}>
             <div className={styles.actionCard}>
-              <h3>Access (Article 15)</h3>
-              <p>Download a full export of your account data.</p>
+              <h3>{t('gDPR.accessArticle15')}</h3>
+              <p>{t('gDPR.downloadAFullExportOf')}</p>
               <button
                 className={styles.primaryButton}
                 onClick={handleDataExport}
@@ -183,8 +186,8 @@ export const GDPRPage: React.FC = () => {
             </div>
 
             <div className={styles.actionCard}>
-              <h3>Portability (Article 20)</h3>
-              <p>Download a machine-readable JSON-LD export.</p>
+              <h3>{t('gDPR.portabilityArticle20')}</h3>
+              <p>{t('gDPR.downloadAMachinereadableJsonldExport')}</p>
               <button
                 className={styles.secondaryButton}
                 onClick={handlePortabilityExport}
@@ -205,8 +208,8 @@ export const GDPRPage: React.FC = () => {
             </div>
 
             <div className={styles.actionCard}>
-              <h3>Erasure (Article 17)</h3>
-              <p>Permanently delete your account and all associated data.</p>
+              <h3>{t('gDPR.erasureArticle17')}</h3>
+              <p>{t('gDPR.permanentlyDeleteYourAccountAnd')}</p>
               {!showDeleteConfirm && (
                 <button
                   className={styles.dangerButton}
@@ -275,13 +278,13 @@ export const GDPRPage: React.FC = () => {
         </section>
 
         <section className={styles.section}>
-          <h2 className={styles.sectionTitle}>Processing information</h2>
-          {isLoadingConsent && <p className={styles.mutedText}>Loading consent info...</p>}
+          <h2 className={styles.sectionTitle}>{t('gDPR.processingInformation')}</h2>
+          {isLoadingConsent && <p className={styles.mutedText}>{t('gDPR.loadingConsentInfo')}</p>}
           {consentError && <p className={styles.errorText}>{consentError}</p>}
           {!isLoadingConsent && !consentError && consentInfo && (
             <div className={styles.infoGrid}>
               <div className={styles.infoBlock}>
-                <h3>Data collected</h3>
+                <h3>{t('gDPR.dataCollected')}</h3>
                 <ul>
                   {Object.entries(consentInfo.dataCollected || {}).map(([key, value]) => (
                     <li key={key}>
@@ -291,7 +294,7 @@ export const GDPRPage: React.FC = () => {
                 </ul>
               </div>
               <div className={styles.infoBlock}>
-                <h3>Processing</h3>
+                <h3>{t('gDPR.processing')}</h3>
                 <ul>
                   {Object.entries(consentInfo.dataProcessing || {}).map(([key, value]) => (
                     <li key={key}>
@@ -301,7 +304,7 @@ export const GDPRPage: React.FC = () => {
                 </ul>
               </div>
               <div className={styles.infoBlock}>
-                <h3>Your rights</h3>
+                <h3>{t('gDPR.yourRights')}</h3>
                 <ul>
                   {Object.entries(consentInfo.userRights || {}).map(([key, value]) => (
                     <li key={key}>
diff --git a/src/pages/InvitePage.tsx b/src/pages/InvitePage.tsx
index 9193e17..61fd9f2 100644
--- a/src/pages/InvitePage.tsx
+++ b/src/pages/InvitePage.tsx
@@ -29,10 +29,14 @@ import { getUserDataCache } from '../utils/userCache';
 import { FaCheckCircle, FaTimesCircle, FaSpinner, FaSignInAlt, FaUserPlus } from 'react-icons/fa';
 import styles from './InvitePage.module.css';
 
+import { useLanguage } from '../providers/language/LanguageContext';
+
 // Key for storing pending invitation token
 export const PENDING_INVITATION_KEY = 'pendingInvitationToken';
 
 export const InvitePage: React.FC = () => {
+    const { t } = useLanguage();
+
   const { token } = useParams<{ token: string }>();
   const navigate = useNavigate();
   const { validateInvitation, acceptInvitation } = useInvitations();
@@ -53,7 +57,7 @@ export const InvitePage: React.FC = () => {
   useEffect(() => {
     const validate = async () => {
       if (!token) {
-        setError('Kein Einladungs-Token angegeben');
+        setError(t('invite.keinEinladungstokenAngegeben'));
         setValidating(false);
         return;
       }
@@ -159,7 +163,7 @@ export const InvitePage: React.FC = () => {
         <div className={styles.card}>
           <div className={styles.loading}>
             <FaSpinner className={styles.spinner} />
-            <p>Einladung wird überprüft...</p>
+            <p>{t('invite.einladungWirdUeberprueft')}</p>
           </div>
         </div>
       </div>
@@ -173,7 +177,7 @@ export const InvitePage: React.FC = () => {
         <div className={styles.card}>
           <div className={styles.errorState}>
             <FaTimesCircle className={styles.errorIcon} />
-            <h1>Ungültige Einladung</h1>
+            <h1>{t('invite.ungueltigeEinladung')}</h1>
             <p>{validation?.reason || 'Diese Einladung ist nicht gültig.'}</p>
             <Link to="/login" className={styles.primaryButton}>
               Zur Anmeldung
@@ -191,9 +195,9 @@ export const InvitePage: React.FC = () => {
         <div className={styles.card}>
           <div className={styles.successState}>
             <FaCheckCircle className={styles.successIcon} />
-            <h1>Erfolgreich!</h1>
-            <p>Sie wurden erfolgreich zum Mandanten hinzugefügt.</p>
-            <p className={styles.redirectMessage}>Sie werden weitergeleitet...</p>
+            <h1>{t('invite.erfolgreich')}</h1>
+            <p>{t('invite.sieWurdenErfolgreichZumMandanten')}</p>
+            <p className={styles.redirectMessage}>{t('invite.sieWerdenWeitergeleitet')}</p>
           </div>
         </div>
       </div>
@@ -208,12 +212,12 @@ export const InvitePage: React.FC = () => {
         <div className={styles.card}>
           <div className={styles.errorState}>
             <FaTimesCircle className={styles.errorIcon} />
-            <h1>Falsche Anmeldung</h1>
+            <h1>{t('invite.falscheAnmeldung')}</h1>
             <p>
               Diese Einladung ist für <strong>{validation.targetUsername}</strong> bestimmt.
               Sie sind als <strong>{cachedUser?.username || 'anderer Benutzer'}</strong> angemeldet.
             </p>
-            <p>Bitte melden Sie sich ab und mit dem richtigen Konto wieder an.</p>
+            <p>{t('invite.bitteMeldenSieSichAb')}</p>
             <Link to="/" className={styles.primaryButton}>
               Zum Dashboard
             </Link>
@@ -226,9 +230,9 @@ export const InvitePage: React.FC = () => {
   // Already authenticated - show accept button
   const isFeatureInvite = !!validation.featureInstanceId;
   const introText = isFeatureInvite
-    ? 'Sie wurden eingeladen, einem Mandanten und einem Feature beizutreten.'
-    : 'Sie wurden eingeladen, einem Mandanten beizutreten.';
-  const rolesLabel = isFeatureInvite ? 'Features mit zugewiesenen Rollen' : 'Zugewiesene Rollen';
+    ? t('invite.sieWurdenEingeladenEinemMandanten')
+    : t('invite.sieWurdenEingeladenEinemMandanten');
+  const rolesLabel = isFeatureInvite ? t('invite.featuresMitZugewiesenenRollen') : t('invite.zugewieseneRollen');
   const rolesValue = validation.featureInstanceName && validation.roleLabels?.length
     ? `${validation.featureInstanceName} (${validation.roleLabels.join(', ')})`
     : validation.roleLabels?.join(', ') || '';
@@ -238,7 +242,7 @@ export const InvitePage: React.FC = () => {
       <div className={styles.container}>
         <div className={styles.card}>
           <div className={styles.header}>
-            <h1>Einladung annehmen</h1>
+            <h1>{t('invite.einladungAnnehmen')}</h1>
             <p>{introText}</p>
           </div>
 
@@ -251,12 +255,12 @@ export const InvitePage: React.FC = () => {
             )}
             {validation.mandateName && (
               <div className={styles.infoRow}>
-                <span className={styles.infoLabel}>Mandant:</span>
+                <span className={styles.infoLabel}>{t('invite.mandant')}</span>
                 <span className={styles.infoValue}>{validation.mandateName}</span>
               </div>
             )}
             <div className={styles.infoRow}>
-              <span className={styles.infoLabel}>Status:</span>
+              <span className={styles.infoLabel}>{t('invite.status')}</span>
               <span className={styles.infoValue}>Angemeldet</span>
             </div>
             {rolesValue && (
@@ -301,7 +305,7 @@ export const InvitePage: React.FC = () => {
     <div className={styles.container}>
       <div className={styles.card}>
         <div className={styles.header}>
-          <h1>Einladung annehmen</h1>
+          <h1>{t('invite.einladungAnnehmen')}</h1>
           <p>{introText}</p>
         </div>
 
@@ -314,7 +318,7 @@ export const InvitePage: React.FC = () => {
           )}
           {validation.mandateName && (
             <div className={styles.infoRow}>
-              <span className={styles.infoLabel}>Mandant:</span>
+              <span className={styles.infoLabel}>{t('invite.mandant')}</span>
               <span className={styles.infoValue}>{validation.mandateName}</span>
             </div>
           )}
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index 91dad94..a03044b 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -10,7 +10,10 @@ import OnboardingWizard from '../components/OnboardingWizard';
 import styles from './Login.module.css';
 
 
+import { useLanguage } from '../providers/language/LanguageContext';
+
 function Login() {
+  const { t } = useLanguage();
   const navigate = useNavigate();
   const location = useLocation();
   // Pre-fill username from invitation if provided via location.state
@@ -142,7 +145,7 @@ function Login() {
               {hasPendingInvitation && (
                 <div className={styles.invitationNotice}>
                   <FaEnvelopeOpenText className={styles.invitationIcon} />
-                  <span>Sie haben eine ausstehende Einladung. Bitte melden Sie sich an, um diese anzunehmen.</span>
+                  <span>{t('login.sieHabenEineAusstehendeEinladung')}</span>
                 </div>
               )}
               
@@ -183,7 +186,7 @@ function Login() {
                   }}
                   className={`${styles.input} ${passwordFocused || password ? styles.focused : ''}`}
                 />
-                <label className={passwordFocused || password ? styles.focusedLabel : styles.label}>Passwort</label>
+                <label className={passwordFocused || password ? styles.focusedLabel : styles.label}>{t('login.passwort')}</label>
               </div>
               <div className={styles.disclaimer}>
                 <p>
@@ -234,7 +237,7 @@ function Login() {
               </button>
 
               <div className={styles.registerLink}>
-                <span>Du hast noch kein Konto?</span>
+                <span>{t('login.duHastNochKeinKonto')}</span>
               </div>
               <div className={styles.ctaSection}>
                 <button 
diff --git a/src/pages/PasswordResetRequest.tsx b/src/pages/PasswordResetRequest.tsx
index 74e4bc0..ee645dd 100644
--- a/src/pages/PasswordResetRequest.tsx
+++ b/src/pages/PasswordResetRequest.tsx
@@ -5,7 +5,11 @@ import styles from './PasswordResetRequest.module.css';
 import { usePasswordResetRequest } from '../hooks/useAuthentication';
 import { generateAndStoreCSRFToken } from '../utils/csrfUtils';
 
+import { useLanguage } from '../providers/language/LanguageContext';
+
 function PasswordResetRequest() {
+    const { t } = useLanguage();
+
   const navigate = useNavigate();
   const { requestReset, isLoading } = usePasswordResetRequest();
   const [username, setUsername] = useState('');
@@ -62,7 +66,7 @@ function PasswordResetRequest() {
         </div>
         <div className={styles.loginSection}>
           <div className={styles.loginBox}>
-            <h2 className={styles.title}>Passwort zurücksetzen</h2>
+            <h2 className={styles.title}>{t('passwordResetRequest.passwortZuruecksetzen')}</h2>
             <div className={styles.loginForm}>
               {validationError && (
                 <div className={styles.error}>{validationError}</div>
@@ -97,7 +101,7 @@ function PasswordResetRequest() {
                   </div>
 
                   <div className={styles.infoMessage}>
-                    <p>Geben Sie Ihren Benutzernamen ein. Falls ein Konto existiert, erhalten Sie einen Link zum Zurücksetzen des Passworts an Ihre hinterlegte E-Mail-Adresse.</p>
+                    <p>{t('passwordResetRequest.gebenSieIhrenBenutzernamenEin')}</p>
                   </div>
 
                   <button 
@@ -111,7 +115,7 @@ function PasswordResetRequest() {
               )}
 
               <div className={styles.registerLink}>
-                <span>Zurück zum</span>
+                <span>{t('passwordResetRequest.zurueckZum')}</span>
                 <button 
                   className={styles.textButton}
                   onClick={() => navigate("/login")}
diff --git a/src/pages/Register.tsx b/src/pages/Register.tsx
index 8060b2c..2fd9753 100644
--- a/src/pages/Register.tsx
+++ b/src/pages/Register.tsx
@@ -7,6 +7,8 @@ import { useRegister, useMsalRegister, useUsernameAvailability } from '../hooks/
 import { generateAndStoreCSRFToken } from '../utils/csrfUtils';
 import { PENDING_INVITATION_KEY } from './InvitePage';
 
+import { useLanguage } from '../providers/language/LanguageContext';
+
 interface RegisterFormData {
   username: string;
   email: string;
@@ -14,6 +16,7 @@ interface RegisterFormData {
 }
 
 function Register() {
+  const { t } = useLanguage();
   const navigate = useNavigate();
   const location = useLocation();
   const { register, error: registerError, isLoading } = useRegister();
@@ -135,7 +138,7 @@ function Register() {
               {hasPendingInvitation && !successMessage && (
                 <div className={styles.invitationNotice}>
                   <FaEnvelopeOpenText className={styles.invitationIcon} />
-                  <span>Sie haben eine ausstehende Einladung. Nach der Registrierung und Anmeldung können Sie diese annehmen.</span>
+                  <span>{t('register.sieHabenEineAusstehendeEinladung')}</span>
                 </div>
               )}
               
@@ -188,11 +191,11 @@ function Register() {
                       onBlur={() => setFullNameFocused(false)}
                       className={`${styles.input} ${fullNameFocused || formData.fullName ? styles.focused : ''}`}
                     />
-                    <label className={fullNameFocused || formData.fullName ? styles.focusedLabel : styles.label}>Vollständiger Name</label>
+                    <label className={fullNameFocused || formData.fullName ? styles.focusedLabel : styles.label}>{t('register.vollstaendigerName')}</label>
                   </div>
 
                   <div className={styles.infoMessage}>
-                    <p>Nach der Registrierung erhalten Sie eine E-Mail mit einem Link zum Setzen Ihres Passworts.</p>
+                    <p>{t('register.nachDerRegistrierungErhaltenSie')}</p>
                   </div>
 
                   <div className={styles.disclaimer}>
@@ -212,7 +215,7 @@ function Register() {
               )}
 
               <div className={styles.registerLink}>
-                <span>Bereits registriert?</span>
+                <span>{t('register.bereitsRegistriert')}</span>
                 <button 
                   className={styles.textButton}
                   onClick={() => navigate("/login", { state: location.state })}
diff --git a/src/pages/Reset.tsx b/src/pages/Reset.tsx
index 6f9eb1a..9083a23 100644
--- a/src/pages/Reset.tsx
+++ b/src/pages/Reset.tsx
@@ -5,7 +5,10 @@ import styles from './Reset.module.css';
 import { usePasswordReset } from '../hooks/useAuthentication';
 import { generateAndStoreCSRFToken } from '../utils/csrfUtils';
 
+import { useLanguage } from '../providers/language/LanguageContext';
+
 function Reset() {
+  const { t } = useLanguage();
   const navigate = useNavigate();
   const [searchParams] = useSearchParams();
   const { resetPassword, isLoading, error } = usePasswordReset();
@@ -104,7 +107,7 @@ function Reset() {
           </div>
           <div className={styles.loginSection}>
             <div className={styles.loginBox}>
-              <h2 className={styles.title}>Neues Passwort setzen</h2>
+              <h2 className={styles.title}>{t('reset.neuesPasswortSetzen')}</h2>
               <div className={styles.loginForm}>
                 <div className={styles.error}>{tokenError}</div>
                 <div className={styles.registerLink}>
@@ -116,7 +119,7 @@ function Reset() {
                   </button>
                 </div>
                 <div className={styles.registerLink}>
-                  <span>oder zurück zum</span>
+                  <span>{t('reset.oderZurueckZum')}</span>
                   <button 
                     className={styles.textButton}
                     onClick={() => navigate("/login")}
@@ -144,7 +147,7 @@ function Reset() {
         </div>
         <div className={styles.loginSection}>
           <div className={styles.loginBox}>
-            <h2 className={styles.title}>Neues Passwort setzen</h2>
+            <h2 className={styles.title}>{t('reset.neuesPasswortSetzen')}</h2>
             <div className={styles.loginForm}>
               {(validationError || error) && (
                 <div className={styles.error}>{validationError || error}</div>
@@ -156,7 +159,7 @@ function Reset() {
               
               {!successMessage && (
                 <form onSubmit={handleSubmit}>
-                  <div className={styles.passwordHint}>Mindestens 8 Zeichen</div>
+                  <div className={styles.passwordHint}>{t('reset.mindestens8Zeichen')}</div>
                   <div className={styles.floatingLabelInput}>
                     <input
                       type="password"
@@ -171,7 +174,7 @@ function Reset() {
                       className={`${styles.input} ${passwordFocused || password ? styles.focused : ''}`}
                       autoComplete="new-password"
                     />
-                    <label className={passwordFocused || password ? styles.focusedLabel : styles.label}>Neues Passwort</label>
+                    <label className={passwordFocused || password ? styles.focusedLabel : styles.label}>{t('reset.neuesPasswort')}</label>
                   </div>
                   
 
@@ -189,7 +192,7 @@ function Reset() {
                       className={`${styles.input} ${confirmPasswordFocused || confirmPassword ? styles.focused : ''}`}
                       autoComplete="new-password"
                     />
-                    <label className={confirmPasswordFocused || confirmPassword ? styles.focusedLabel : styles.label}>Passwort bestätigen</label>
+                    <label className={confirmPasswordFocused || confirmPassword ? styles.focusedLabel : styles.label}>{t('reset.passwortBestaetigen')}</label>
                   </div>
 
                   <button 
@@ -203,7 +206,7 @@ function Reset() {
               )}
 
               <div className={styles.registerLink}>
-                <span>Zurück zum</span>
+                <span>{t('reset.zurueckZum')}</span>
                 <button 
                   className={styles.textButton}
                   onClick={() => navigate("/login")}
diff --git a/src/pages/Settings.tsx b/src/pages/Settings.tsx
index 059625e..bf31d84 100644
--- a/src/pages/Settings.tsx
+++ b/src/pages/Settings.tsx
@@ -19,13 +19,15 @@ import styles from './Settings.module.css';
 
 type SettingsTab = 'profile' | 'appearance' | 'voice' | 'neutralization' | 'privacy';
 
-const _TABS: { key: SettingsTab; label: string }[] = [
-  { key: 'profile', label: 'Profil' },
-  { key: 'appearance', label: 'Darstellung' },
-  { key: 'voice', label: 'Stimme & Sprache' },
-  { key: 'neutralization', label: 'Neutralisierung (lokal)' },
-  { key: 'privacy', label: 'Datenschutz' },
-];
+function _getTabs(t: (key: string) => string): { key: SettingsTab; label: string }[] {
+  return [
+    { key: 'profile', label: t('settings.tabProfil') },
+    { key: 'appearance', label: t('settings.tabDarstellung') },
+    { key: 'voice', label: t('settings.tabStimmeSprache') },
+    { key: 'neutralization', label: t('settings.tabNeutralisierung') },
+    { key: 'privacy', label: t('settings.tabDatenschutz') },
+  ];
+}
 
 // =============================================================================
 // PROFILE EDIT MODAL
@@ -41,21 +43,14 @@ interface ProfileEditModalProps {
 const ProfileEditModal: React.FC<ProfileEditModalProps> = ({ isOpen, onClose, userData, onSave }) => {
   const [isSaving, setIsSaving] = useState(false);
   const [error, setError] = useState<string | null>(null);
-  const { availableLanguages } = useLanguage();
+  const { t, availableLanguages } = useLanguage();
 
-  const languageOptions =
-    availableLanguages.length > 0
-      ? availableLanguages.map((l) => ({ value: l.code, label: l.label || l.code }))
-      : [
-          { value: 'de', label: 'Deutsch' },
-          { value: 'en', label: 'English' },
-          { value: 'fr', label: 'Français' },
-        ];
+  const languageOptions = availableLanguages.map((l) => ({ value: l.code, label: l.label || l.code }));
 
   const profileAttributes: AttributeDefinition[] = [
-    { name: 'fullName', type: 'string', label: 'Vollstaendiger Name', description: 'Ihr vollstaendiger Name', required: false, placeholder: 'Max Mustermann' },
-    { name: 'email', type: 'email', label: 'E-Mail-Adresse', description: 'Ihre E-Mail-Adresse fuer Benachrichtigungen', required: true, placeholder: 'name@example.com' },
-    { name: 'language', type: 'select', label: 'Sprache', description: 'Anzeigesprache der Anwendung', required: true, options: languageOptions },
+    { name: 'fullName', type: 'string', label: t('settings.vollstaendigerName'), description: t('settings.ihrVollstaendigerName'), required: false, placeholder: t('settings.placeholderName') },
+    { name: 'email', type: 'email', label: t('settings.emailAdresse'), description: t('settings.emailBeschreibung'), required: true, placeholder: t('settings.placeholderEmail') },
+    { name: 'language', type: 'select', label: t('settings.sprache'), description: t('settings.anzeigespracheDerAnwendung'), required: true, options: languageOptions },
   ];
 
   const handleSubmit = async (formData: any) => {
@@ -77,12 +72,12 @@ const ProfileEditModal: React.FC<ProfileEditModalProps> = ({ isOpen, onClose, us
     <div className={styles.modalOverlay} onClick={onClose}>
       <div className={styles.modalContent} onClick={(e) => e.stopPropagation()}>
         <div className={styles.modalHeader}>
-          <h2>Profil bearbeiten</h2>
+          <h2>{t('settings.profilBearbeiten')}</h2>
           <button className={styles.closeButton} onClick={onClose}>&times;</button>
         </div>
         <div className={styles.modalBody}>
           {error && <div className={styles.errorMessage}>{error}</div>}
-          <FormGeneratorForm attributes={profileAttributes} data={userData} mode="edit" onSubmit={handleSubmit} onCancel={onClose} submitButtonText={isSaving ? 'Speichern...' : 'Speichern'} cancelButtonText="Abbrechen" />
+          <FormGeneratorForm attributes={profileAttributes} data={userData} mode="edit" onSubmit={handleSubmit} onCancel={onClose} submitButtonText={isSaving ? t('settings.speichern') : t('settings.speichern')} cancelButtonText={t('settings.abbrechen')} />
         </div>
       </div>
     </div>
@@ -96,6 +91,7 @@ const ProfileEditModal: React.FC<ProfileEditModalProps> = ({ isOpen, onClose, us
 interface VoiceMapEntry { language: string; voiceName: string; }
 
 const VoiceSettingsTab: React.FC = () => {
+  const { t } = useLanguage();
   const { request } = useApiRequest();
 
   const [loading, setLoading] = useState(true);
@@ -181,7 +177,7 @@ const VoiceSettingsTab: React.FC = () => {
         method: 'put',
         data: { sttLanguage, ttsLanguage: sttLanguage, ttsVoiceMap: mapObj },
       });
-      setSuccess('Einstellungen gespeichert');
+      setSuccess(t('settings.einstellungenGespeichert'));
       setTimeout(() => setSuccess(null), 3000);
       await _loadSettings();
     } catch (err: any) {
@@ -203,7 +199,7 @@ const VoiceSettingsTab: React.FC = () => {
         const audio = new Audio(`data:audio/mp3;base64,${result.audio}`);
         audio.play();
       }
-    } catch { setError('Stimmtest fehlgeschlagen'); }
+    } catch { setError(t('settings.stimmtestFehlgeschlagen')); }
     finally { setTesting(null); }
   }, [request]);
 
@@ -219,7 +215,7 @@ const VoiceSettingsTab: React.FC = () => {
   ];
   const _displayLanguages = languages.length > 0 ? languages : _defaultLangs;
 
-  if (loading) return <div style={{ padding: '1rem', color: '#888' }}>Einstellungen werden geladen...</div>;
+  if (loading) return <div style={{ padding: '1rem', color: '#888' }}>{t('settings.einstellungenWerdenGeladen')}</div>;
 
   return (
     <>
@@ -227,11 +223,11 @@ const VoiceSettingsTab: React.FC = () => {
       {success && <div style={{ background: '#f0fdf4', border: '1px solid #bbf7d0', color: '#16a34a', padding: '0.75rem 1rem', borderRadius: 6, marginBottom: '1rem', fontSize: '0.875rem' }}>{success}</div>}
 
       <section className={styles.section}>
-        <h2 className={styles.sectionTitle}>STT-Sprache (Spracheingabe)</h2>
+        <h2 className={styles.sectionTitle}>{t('settings.sttspracheSpracheingabe')}</h2>
         <div className={styles.settingRow}>
           <div className={styles.settingInfo}>
-            <label className={styles.settingLabel}>Sprache fuer Spracherkennung</label>
-            <p className={styles.settingDescription}>Wird fuer die Sprache-zu-Text-Erkennung verwendet.</p>
+            <label className={styles.settingLabel}>{t('settings.spracheFuerSpracherkennung')}</label>
+            <p className={styles.settingDescription}>{t('settings.wirdFuerDieSprachezutexterkennungVerwendet')}</p>
           </div>
           <div className={styles.settingControl}>
             <select className={styles.select} value={sttLanguage} onChange={e => setSttLanguage(e.target.value)}>
@@ -244,7 +240,7 @@ const VoiceSettingsTab: React.FC = () => {
       </section>
 
       <section className={styles.section}>
-        <h2 className={styles.sectionTitle}>TTS-Stimmen (Sprachausgabe)</h2>
+        <h2 className={styles.sectionTitle}>{t('settings.ttsstimmenSprachausgabe')}</h2>
         <p className={styles.settingDescription} style={{ marginBottom: '1rem' }}>
           Die Sprache wird automatisch erkannt. Hier kann pro Sprache eine bevorzugte Stimme festgelegt werden.
         </p>
@@ -255,7 +251,7 @@ const VoiceSettingsTab: React.FC = () => {
           </div>
         ) : (
           <table style={{ width: '100%', borderCollapse: 'collapse', fontSize: '0.875rem' }}>
-            <thead><tr style={{ borderBottom: '1px solid var(--border-color, #e0e0e0)' }}><th style={{ textAlign: 'left', padding: '0.5rem' }}>Sprache</th><th style={{ textAlign: 'left', padding: '0.5rem' }}>Stimme</th><th /><th /></tr></thead>
+            <thead><tr style={{ borderBottom: '1px solid var(--border-color, #e0e0e0)' }}><th style={{ textAlign: 'left', padding: '0.5rem' }}>{t('settings.sprache')}</th><th style={{ textAlign: 'left', padding: '0.5rem' }}>{t('settings.stimme')}</th><th /><th /></tr></thead>
             <tbody>
               {voiceMap.map(entry => (
                 <tr key={entry.language} style={{ borderBottom: '1px solid var(--border-color, #eee)' }}>
@@ -267,7 +263,7 @@ const VoiceSettingsTab: React.FC = () => {
                     </button>
                   </td>
                   <td style={{ padding: '0.5rem' }}>
-                    <button className={styles.button} style={{ padding: '0.25rem 0.5rem', fontSize: '0.75rem', color: '#dc2626' }} onClick={() => _handleRemoveEntry(entry.language)}>Entfernen</button>
+                    <button className={styles.button} style={{ padding: '0.25rem 0.5rem', fontSize: '0.75rem', color: '#dc2626' }} onClick={() => _handleRemoveEntry(entry.language)}>{t('settings.entfernen')}</button>
                   </td>
                 </tr>
               ))}
@@ -277,7 +273,7 @@ const VoiceSettingsTab: React.FC = () => {
 
         <div style={{ marginTop: '1rem', display: 'flex', gap: '0.5rem', alignItems: 'flex-end', flexWrap: 'wrap' }}>
           <div>
-            <label className={styles.settingLabel} style={{ fontSize: '0.8rem' }}>Sprache</label>
+            <label className={styles.settingLabel} style={{ fontSize: '0.8rem' }}>{t('settings.sprache')}</label>
             <select className={styles.select} value={addLanguage} onChange={e => setAddLanguage(e.target.value)}>
               {_displayLanguages.map((lang: any) => (
                 <option key={lang.code || lang} value={lang.code || lang}>{lang.name || lang.code || lang}</option>
@@ -285,15 +281,15 @@ const VoiceSettingsTab: React.FC = () => {
             </select>
           </div>
           <div>
-            <label className={styles.settingLabel} style={{ fontSize: '0.8rem' }}>Stimme</label>
+            <label className={styles.settingLabel} style={{ fontSize: '0.8rem' }}>{t('settings.stimme')}</label>
             <select className={styles.select} value={addVoiceName} onChange={e => setAddVoiceName(e.target.value)} disabled={loadingVoices}>
-              <option value="">Standard</option>
+              <option value="">{t('settings.standard')}</option>
               {addVoices.map((v: any) => (
                 <option key={v.name || v} value={v.name || v}>{v.displayName || v.name || v}</option>
               ))}
             </select>
           </div>
-          <button className={styles.button} onClick={_handleAddEntry} style={{ padding: '0.5rem 1rem' }}>Zuweisen</button>
+          <button className={styles.button} onClick={_handleAddEntry} style={{ padding: '0.5rem 1rem' }}>{t('settings.zuweisen')}</button>
           <button className={styles.button} onClick={() => _handleTestVoice(addLanguage, addVoiceName)} disabled={testing !== null} style={{ padding: '0.5rem 1rem' }}>
             {testing === addLanguage ? '...' : 'Testen'}
           </button>
@@ -301,7 +297,7 @@ const VoiceSettingsTab: React.FC = () => {
       </section>
 
       <button className={styles.button} onClick={_handleSave} disabled={saving} style={{ background: 'var(--primary-color, #2563eb)', color: '#fff', border: 'none', padding: '0.625rem 1.5rem', fontWeight: 600, borderRadius: 6 }}>
-        {saving ? 'Speichern...' : 'Einstellungen speichern'}
+        {saving ? t('settings.speichern') : t('settings.einstellungenSpeichern')}
       </button>
     </>
   );
@@ -320,6 +316,7 @@ interface NeutralizationMapping {
 }
 
 const NeutralizationMappingsTab: React.FC = () => {
+  const { t } = useLanguage();
   const { request } = useApiRequest();
   const [mappings, setMappings] = useState<NeutralizationMapping[]>([]);
   const [loading, setLoading] = useState(true);
@@ -361,14 +358,14 @@ const NeutralizationMappingsTab: React.FC = () => {
     return text.slice(0, 2) + '*'.repeat(Math.min(text.length - 4, 20)) + text.slice(-2);
   };
 
-  if (loading) return <div style={{ padding: '1rem', color: '#888' }}>Mappings werden geladen...</div>;
+  if (loading) return <div style={{ padding: '1rem', color: '#888' }}>{t('settings.mappingsWerdenGeladen')}</div>;
 
   return (
     <>
       {error && <div className={styles.errorMessage}>{error}</div>}
 
       <section className={styles.section}>
-        <h2 className={styles.sectionTitle}>Platzhalter-Mappings (lokal)</h2>
+        <h2 className={styles.sectionTitle}>{t('settings.platzhaltermappingsLokal')}</h2>
         <div
           style={{
             marginBottom: '1rem',
@@ -382,7 +379,7 @@ const NeutralizationMappingsTab: React.FC = () => {
           }}
         >
           <strong>AI-Workspace:</strong> Neutralisierter Chat-Text, Dokumente und Platzhalter-Mappings finden Sie unter{' '}
-          <strong>Mandant → AI-Workspace-Instanz → Einstellungen → Tab „Neutralisierung“</strong> (nicht auf dieser
+          <strong>{t('settings.mandantAiworkspaceinstanzEinstellungenTabNeutralisierung')}</strong> (nicht auf dieser
           Seite). Dieser Tab zeigt nur die <strong>lokale</strong> Liste über <code>/api/local/neutralization-mappings</code>.
         </div>
         <p className={styles.settingDescription} style={{ marginBottom: '1rem' }}>
@@ -439,7 +436,7 @@ const NeutralizationMappingsTab: React.FC = () => {
 // =============================================================================
 
 export const SettingsPage: React.FC = () => {
-  const { currentLanguage, setLanguage, availableLanguages, refreshAvailableLanguages } = useLanguage();
+  const { t, currentLanguage, setLanguage, availableLanguages, refreshAvailableLanguages } = useLanguage();
   const { user: currentUser, refetch: refetchUser } = useCurrentUser();
   const { updateUser } = useUser();
 
@@ -491,12 +488,12 @@ export const SettingsPage: React.FC = () => {
   return (
     <div className={styles.settings}>
       <header className={styles.header}>
-        <h1>Einstellungen</h1>
-        <p className={styles.subtitle}>Persoenliche Einstellungen und Praeferenzen</p>
+        <h1>{t('settings.einstellungen')}</h1>
+        <p className={styles.subtitle}>{t('settings.persoenlicheEinstellungenUndPraeferenzen')}</p>
       </header>
 
       <nav style={{ display: 'flex', gap: 0, borderBottom: '1px solid var(--border-color, #e0e0e0)', marginBottom: '1.5rem' }}>
-        {_TABS.map(tab => (
+        {_getTabs(t).map(tab => (
           <button key={tab.key} onClick={() => setActiveTab(tab.key)} style={{
             padding: '10px 20px', border: 'none', borderBottom: activeTab === tab.key ? '2px solid var(--primary-color, #2563eb)' : '2px solid transparent',
             background: 'none', cursor: 'pointer', fontSize: 14, fontWeight: activeTab === tab.key ? 600 : 400,
@@ -511,14 +508,14 @@ export const SettingsPage: React.FC = () => {
         {activeTab === 'profile' && (
           <>
             <section className={styles.section}>
-              <h2 className={styles.sectionTitle}>Konto</h2>
+              <h2 className={styles.sectionTitle}>{t('settings.konto')}</h2>
               <div className={styles.settingRow}>
                 <div className={styles.settingInfo}>
-                  <label className={styles.settingLabel}>Profil bearbeiten</label>
-                  <p className={styles.settingDescription}>Aendern Sie Ihren Namen und Ihre E-Mail-Adresse.</p>
+                  <label className={styles.settingLabel}>{t('settings.profilBearbeiten')}</label>
+                  <p className={styles.settingDescription}>{t('settings.aendernSieIhrenNamenUnd')}</p>
                 </div>
                 <div className={styles.settingControl}>
-                  <button className={styles.button} onClick={async () => { await refetchUser(); setIsProfileModalOpen(true); }}>Profil oeffnen</button>
+                  <button className={styles.button} onClick={async () => { await refetchUser(); setIsProfileModalOpen(true); }}>{t('settings.profilOeffnen')}</button>
                 </div>
               </div>
               {currentUser && (
@@ -541,34 +538,27 @@ export const SettingsPage: React.FC = () => {
 
         {activeTab === 'appearance' && (
           <section className={styles.section}>
-            <h2 className={styles.sectionTitle}>Darstellung</h2>
+            <h2 className={styles.sectionTitle}>{t('settings.darstellung')}</h2>
             <div className={styles.settingRow}>
-              <div className={styles.settingInfo}><label className={styles.settingLabel}>Theme</label><p className={styles.settingDescription}>Waehlen Sie zwischen hellem und dunklem Design.</p></div>
+              <div className={styles.settingInfo}><label className={styles.settingLabel}>Theme</label><p className={styles.settingDescription}>{t('settings.waehlenSieZwischenHellemUnd')}</p></div>
               <div className={styles.settingControl}>
                 <div className={styles.themeToggle}>
-                  <button className={`${styles.themeButton} ${theme === 'light' ? styles.active : ''}`} onClick={() => handleThemeChange('light')}>Hell</button>
-                  <button className={`${styles.themeButton} ${theme === 'dark' ? styles.active : ''}`} onClick={() => handleThemeChange('dark')}>Dunkel</button>
+                  <button className={`${styles.themeButton} ${theme === 'light' ? styles.active : ''}`} onClick={() => handleThemeChange('light')}>{t('settings.themeHell')}</button>
+                  <button className={`${styles.themeButton} ${theme === 'dark' ? styles.active : ''}`} onClick={() => handleThemeChange('dark')}>{t('settings.themeDunkel')}</button>
                 </div>
               </div>
             </div>
             <div className={styles.settingRow}>
-              <div className={styles.settingInfo}><label className={styles.settingLabel}>Anzeigesprache</label><p className={styles.settingDescription}>Waehlen Sie die Sprache der Benutzeroberflaeche.{languageError && <span className={styles.errorText}> {languageError}</span>}</p></div>
+              <div className={styles.settingInfo}><label className={styles.settingLabel}>{t('settings.anzeigesprache')}</label><p className={styles.settingDescription}>{t('settings.spracheBeschreibung')}{languageError && <span className={styles.errorText}> {languageError}</span>}</p></div>
               <div className={styles.settingControl}>
                 <select className={styles.select} value={currentLanguage} onChange={(e) => handleLanguageChange(e.target.value)} disabled={isSavingLanguage}>
-                  {(availableLanguages.length > 0
-                    ? availableLanguages
-                    : [
-                        { code: 'de', label: 'Deutsch' },
-                        { code: 'en', label: 'English' },
-                        { code: 'fr', label: 'Français' },
-                      ]
-                  ).map((l) => (
+                  {availableLanguages.map((l) => (
                     <option key={l.code} value={l.code}>
                       {l.label || l.code}
                     </option>
                   ))}
                 </select>
-                {isSavingLanguage && <span className={styles.savingIndicator}>Speichern...</span>}
+                {isSavingLanguage && <span className={styles.savingIndicator}>{t('settings.speichern')}</span>}
               </div>
             </div>
           </section>
@@ -580,15 +570,13 @@ export const SettingsPage: React.FC = () => {
 
         {activeTab === 'privacy' && (
           <section className={styles.section}>
-            <h2 className={styles.sectionTitle}>Datenschutz</h2>
+            <h2 className={styles.sectionTitle}>{t('settings.datenschutz')}</h2>
             <p className={styles.settingDescription} style={{ marginBottom: '1rem' }}>
-              Feature-Daten (z.&nbsp;B. Workspace, CommCoach, Automation) liegen mandantenbezogen; Zugriff richtet sich
-              nach Ihren Rollen im Mandanten und an Feature-Instanzen. Allgemeine Rechte (Auskunft, Export,
-              Löschung) finden Sie unter GDPR.
+              {t('settings.datenschutzBeschreibung')}
             </p>
             <div className={styles.settingRow}>
-              <div className={styles.settingInfo}><label className={styles.settingLabel}>GDPR / Privacy</label><p className={styles.settingDescription}>Datenexport, Portabilität und Kontolöschung.</p></div>
-              <div className={styles.settingControl}><Link className={`${styles.button} ${styles.linkButton}`} to="/gdpr">GDPR öffnen</Link></div>
+              <div className={styles.settingInfo}><label className={styles.settingLabel}>{t('settings.gdprPrivacy')}</label><p className={styles.settingDescription}>{t('settings.datenexportPortabilitaetUndKontoloeschung')}</p></div>
+              <div className={styles.settingControl}><Link className={`${styles.button} ${styles.linkButton}`} to="/gdpr">{t('settings.gdprOeffnen')}</Link></div>
             </div>
           </section>
         )}
diff --git a/src/pages/Store.tsx b/src/pages/Store.tsx
index 04c5b7d..0a82230 100644
--- a/src/pages/Store.tsx
+++ b/src/pages/Store.tsx
@@ -75,6 +75,7 @@ const FeatureCard: React.FC<FeatureCardProps> = ({
   onActivate,
   onDeactivate,
 }) => {
+  const { t } = useLanguage();
   const isProcessing = actionLoading === feature.featureCode;
   const icon = FEATURE_ICONS[feature.featureCode];
   const activeInstances = feature.instances.filter(inst => inst.isActive);
@@ -137,7 +138,7 @@ const FeatureCard: React.FC<FeatureCardProps> = ({
             disabled={isProcessing}
           >
             {isProcessing
-              ? (language === 'de' ? 'Wird aktiviert...' : 'Activating...')
+              ? (language === 'de' ? t('store.wirdAktiviert') : t('store.activating'))
               : (language === 'de'
                   ? `Aktivieren fuer ${m.label || m.name}`
                   : language === 'fr'
@@ -151,19 +152,19 @@ const FeatureCard: React.FC<FeatureCardProps> = ({
 };
 
 const StorePage: React.FC = () => {
-  const { currentLanguage } = useLanguage();
+  const { t, currentLanguage } = useLanguage();
   const { features, mandates, subscriptionInfo, loading, actionLoading, error, activate, deactivate } = useStore();
 
   return (
     <div className={styles.store}>
       <div className={styles.header}>
-        <h1>{currentLanguage === 'de' ? 'Feature Store' : currentLanguage === 'fr' ? 'Feature Store' : 'Feature Store'}</h1>
+        <h1>{currentLanguage === 'de' ? 'Feature Store' : currentLanguage === 'fr' ? t('store.featureStore') : t('store.featureStore')}</h1>
         <p className={styles.subtitle}>
           {currentLanguage === 'de'
             ? 'Aktiviere Features fuer dein Konto. Deine Daten sind isoliert und nur fuer dich sichtbar.'
             : currentLanguage === 'fr'
-              ? 'Activez des fonctionnalites pour votre compte. Vos donnees sont isolees et visibles uniquement par vous.'
-              : 'Activate features for your account. Your data is isolated and only visible to you.'}
+              ? t('store.activezDesFonctionnalitesPourVotre')
+              : t('store.activateFeaturesForYourAccount')}
         </p>
       </div>
 
@@ -188,7 +189,7 @@ const StorePage: React.FC = () => {
           )}
           {subscriptionInfo.status === 'TRIALING' && subscriptionInfo.trialEndsAt && (
             <span className={styles.bannerSeparator}>
-              {currentLanguage === 'de' ? 'Trial endet' : 'Trial ends'}: {new Date(subscriptionInfo.trialEndsAt).toLocaleDateString()}
+              {currentLanguage === 'de' ? t('store.trialEndet') : t('store.trialEnds')}: {new Date(subscriptionInfo.trialEndsAt).toLocaleDateString()}
             </span>
           )}
         </div>
@@ -198,13 +199,13 @@ const StorePage: React.FC = () => {
 
       {loading ? (
         <div className={styles.loading}>
-          {currentLanguage === 'de' ? 'Lade Features...' : 'Loading features...'}
+          {currentLanguage === 'de' ? t('store.ladeFeatures') : t('store.loadingFeatures')}
         </div>
       ) : features.length === 0 ? (
         <div className={styles.empty}>
           {currentLanguage === 'de'
-            ? 'Keine Features im Store verfuegbar.'
-            : 'No features available in the store.'}
+            ? t('store.keineFeaturesImStoreVerfuegbar')
+            : t('store.noFeaturesAvailableInThe')}
         </div>
       ) : (
         <div className={styles.grid}>
diff --git a/src/pages/admin/AccessManagementHub.tsx b/src/pages/admin/AccessManagementHub.tsx
index 21554f1..167e584 100644
--- a/src/pages/admin/AccessManagementHub.tsx
+++ b/src/pages/admin/AccessManagementHub.tsx
@@ -23,6 +23,8 @@ import { InstanceDetailModal } from './InstanceDetailModal';
 import { FeatureInstanceWizard } from './wizards/FeatureInstanceWizard';
 import { InstanceHierarchyView } from './InstanceHierarchyView';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 function getMandateName(mandate: Mandate): string {
   if (mandate.label) return mandate.label;
   if (typeof mandate.name === 'object') {
@@ -44,6 +46,8 @@ export interface InstanceWithStats extends FeatureInstance {
 }
 
 export const AccessManagementHub: React.FC = () => {
+    const { t } = useLanguage();
+
   const {
     features,
     instances,
@@ -339,7 +343,7 @@ export const AccessManagementHub: React.FC = () => {
                 value={selectedMandateId}
                 onChange={(e) => setSelectedMandateId(e.target.value)}
               >
-                <option value="">-- Mandant wählen --</option>
+                <option value="">{t('accessManagementHub.mandantWaehlen')}</option>
                 {mandates.map((m) => (
                   <option key={m.id} value={m.id}>
                     {getMandateName(m)}
@@ -357,7 +361,7 @@ export const AccessManagementHub: React.FC = () => {
                 value={selectedFeatureCode}
                 onChange={(e) => setSelectedFeatureCode(e.target.value)}
               >
-                <option value="">Alle</option>
+                <option value="">{t('accessManagementHub.alle')}</option>
                 {features.map((f) => (
                   <option key={f.code} value={f.code}>
                     {getFeatureLabel(f)}
@@ -428,7 +432,7 @@ export const AccessManagementHub: React.FC = () => {
       ) : !selectedMandateId ? (
         <div className={styles.emptyState}>
           <FaBuilding className={styles.emptyIcon} />
-          <h3 className={styles.emptyTitle}>Kein Mandant ausgewählt</h3>
+          <h3 className={styles.emptyTitle}>{t('accessManagementHub.keinMandantAusgewaehlt')}</h3>
           <p className={styles.emptyDescription}>
             Wählen Sie einen Mandanten, um dessen Feature-Instanzen und Zugriffe zu verwalten.
           </p>
@@ -451,7 +455,7 @@ export const AccessManagementHub: React.FC = () => {
                 <span className={hubStyles.statsValue}>
                   {loading || statsLoading ? '…' : overviewStats.users}
                 </span>
-                <span className={hubStyles.statsLabel}>Benutzer</span>
+                <span className={hubStyles.statsLabel}>{t('accessManagementHub.benutzer')}</span>
               </div>
             </div>
             <div className={hubStyles.statsCard}>
@@ -460,7 +464,7 @@ export const AccessManagementHub: React.FC = () => {
                 <span className={hubStyles.statsValue}>
                   {loading || statsLoading ? '…' : overviewStats.roles}
                 </span>
-                <span className={hubStyles.statsLabel}>Rollen (max)</span>
+                <span className={hubStyles.statsLabel}>{t('accessManagementHub.rollenMax')}</span>
               </div>
             </div>
             {relationshipData && relationshipData.instances.length > 0 && (
@@ -493,12 +497,12 @@ export const AccessManagementHub: React.FC = () => {
             {loading && filteredInstances.length === 0 ? (
               <div className={styles.loadingContainer}>
                 <div className={styles.spinner} />
-                <span>Lade Instanzen...</span>
+                <span>{t('accessManagementHub.ladeInstanzen')}</span>
               </div>
             ) : filteredInstances.length === 0 ? (
               <div className={styles.emptyState}>
                 <FaCube className={styles.emptyIcon} />
-                <h3 className={styles.emptyTitle}>Keine Feature-Instanzen</h3>
+                <h3 className={styles.emptyTitle}>{t('accessManagementHub.keineFeatureinstanzen')}</h3>
                 <p className={styles.emptyDescription}>
                   Erstellen Sie eine neue Instanz oder wählen Sie ein anderes Feature.
                 </p>
@@ -519,7 +523,7 @@ export const AccessManagementHub: React.FC = () => {
                       <span
                         className={`${hubStyles.instanceBadge} ${inst.enabled ? hubStyles.badgeActive : hubStyles.badgeInactive}`}
                       >
-                        {inst.enabled ? 'Aktiv' : 'Inaktiv'}
+                        {inst.enabled ? t('accessManagementHub.aktiv') : t('accessManagementHub.inaktiv')}
                       </span>
                     </div>
                     <div className={hubStyles.instanceMeta}>
@@ -540,7 +544,7 @@ export const AccessManagementHub: React.FC = () => {
                         className={hubStyles.cardAction}
                         onClick={() => handleSyncRoles(inst)}
                         disabled={!inst.enabled}
-                        title="Rollen synchronisieren"
+                        title={t('accessManagementHub.rollenSynchronisieren')}
                       >
                         <FaCogs /> Rollen sync
                       </button>
diff --git a/src/pages/admin/AdminFeatureAccessPage.tsx b/src/pages/admin/AdminFeatureAccessPage.tsx
index b009662..23d7ea1 100644
--- a/src/pages/admin/AdminFeatureAccessPage.tsx
+++ b/src/pages/admin/AdminFeatureAccessPage.tsx
@@ -19,7 +19,11 @@ import { DropdownSelect } from '../../components/UiComponents/DropdownSelect';
 import { TextField } from '../../components/UiComponents/TextField';
 import styles from './Admin.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 export const AdminFeatureAccessPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const {
     features,
     instances,
@@ -84,8 +88,8 @@ export const AdminFeatureAccessPage: React.FC = () => {
 
   // Table columns
   const columns = useMemo(() => [
-    { key: 'label', label: 'Name', type: 'string' as const, sortable: true, filterable: true, searchable: true, width: 200 },
-    { key: 'featureCode', label: 'Feature', type: 'string' as const, sortable: true, filterable: true, width: 150,
+    { key: 'label', label: t('adminFeatureAccess.name'), type: 'string' as const, sortable: true, filterable: true, searchable: true, width: 200 },
+    { key: 'featureCode', label: t('adminFeatureAccess.feature'), type: 'string' as const, sortable: true, filterable: true, width: 150,
       render: (value: string) => {
         const feature = features.find(f => f.code === value);
         if (feature) {
@@ -97,8 +101,8 @@ export const AdminFeatureAccessPage: React.FC = () => {
         return value;
       }
     },
-    { key: 'enabled', label: 'Aktiv', type: 'boolean' as const, sortable: true, filterable: true, width: 80 },
-  ], [features]);
+    { key: 'enabled', label: t('adminFeatureAccess.aktiv'), type: 'boolean' as const, sortable: true, filterable: true, width: 80 },
+  ], [features, t]);
 
   // Form attributes from backend - merge with dynamic feature options
   // Exclude featureCode, config, and label since we handle them separately
@@ -349,7 +353,7 @@ export const AdminFeatureAccessPage: React.FC = () => {
       <div className={styles.pageHeader}>
         <div>
           <h1 className={styles.pageTitle}>Feature-Instanzen</h1>
-          <p className={styles.pageSubtitle}>Verwalten Sie Feature-Instanzen für jeden Mandanten</p>
+          <p className={styles.pageSubtitle}>{t('adminFeatureAccess.verwaltenSieFeatureinstanzenFuerJeden')}</p>
         </div>
       </div>
 
@@ -365,7 +369,7 @@ export const AdminFeatureAccessPage: React.FC = () => {
             value={selectedMandateId}
             onChange={(e) => setSelectedMandateId(e.target.value)}
           >
-            <option value="">-- Mandant wählen --</option>
+            <option value="">{t('adminFeatureAccess.mandantWaehlen')}</option>
             {mandates.map(m => (
               <option key={m.id} value={m.id}>
                 {getMandateName(m)}
@@ -399,7 +403,7 @@ export const AdminFeatureAccessPage: React.FC = () => {
       {features.length > 0 ? (
         <div className={styles.infoBox}>
           <FaCube style={{ marginRight: 8 }} />
-          <span>Verfügbare Features: </span>
+          <span>{t('adminFeatureAccess.verfuegbareFeatures')} </span>
           {features.map((f, i) => (
             <span key={f.code}>
               {i > 0 && ', '}
@@ -429,7 +433,7 @@ export const AdminFeatureAccessPage: React.FC = () => {
       {!selectedMandateId ? (
         <div className={styles.emptyState}>
           <FaBuilding className={styles.emptyIcon} />
-          <h3 className={styles.emptyTitle}>Kein Mandant ausgewählt</h3>
+          <h3 className={styles.emptyTitle}>{t('adminFeatureAccess.keinMandantAusgewaehlt')}</h3>
           <p className={styles.emptyDescription}>
             Wählen Sie einen Mandanten aus, um dessen Feature-Instanzen zu verwalten.
           </p>
@@ -450,7 +454,7 @@ export const AdminFeatureAccessPage: React.FC = () => {
             actionButtons={[
               {
                 type: 'delete' as const,
-                title: 'Instanz löschen',
+                title: t('adminFeatureAccessPage.deleteInstance'),
               }
             ]}
             customActions={[
@@ -458,13 +462,13 @@ export const AdminFeatureAccessPage: React.FC = () => {
                 id: 'edit',
                 icon: <FaEdit />,
                 onClick: handleEditClick,
-                title: 'Instanz bearbeiten',
+                title: t('adminFeatureAccessPage.editInstance'),
               },
               {
                 id: 'syncRoles',
                 icon: <FaCogs />,
                 onClick: handleSyncRoles,
-                title: 'Rollen synchronisieren',
+                title: t('adminFeatureAccessPage.syncRoles'),
                 loading: (row: FeatureInstance) => syncingInstance === row.id,
                 disabled: (row: FeatureInstance) => !row.enabled,
               }
@@ -474,7 +478,7 @@ export const AdminFeatureAccessPage: React.FC = () => {
               pagination: instancesPagination,
               handleDelete: handleDeleteInstance,
             }}
-            emptyMessage="Keine Feature-Instanzen gefunden"
+            emptyMessage={t('adminFeatureAccess.keineFeatureinstanzenGefunden')}
           />
         </div>
       )}
@@ -484,7 +488,7 @@ export const AdminFeatureAccessPage: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => setShowCreateModal(false)}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Neue Feature-Instanz erstellen</h2>
+              <h2 className={styles.modalTitle}>{t('adminFeatureAccess.neueFeatureinstanzErstellen')}</h2>
               <button
                 className={styles.modalClose}
                 onClick={() => setShowCreateModal(false)}
@@ -494,11 +498,11 @@ export const AdminFeatureAccessPage: React.FC = () => {
             </div>
             <div className={styles.modalContent}>
               {features.length === 0 ? (
-                <p>Keine Features verfügbar. Bitte wenden Sie sich an den System-Administrator.</p>
+                <p>{t('adminFeatureAccess.keineFeaturesVerfuegbarBitteWenden')}</p>
               ) : createFields.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('adminFeatureAccess.ladeFormular')}</span>
                 </div>
               ) : (
                 <div>
@@ -525,7 +529,7 @@ export const AdminFeatureAccessPage: React.FC = () => {
                         setChatbotEnableWebResearch(true);
                         setChatbotAllowedProviders([]);
                       }}
-                      placeholder="Feature auswählen (erforderlich)"
+                      placeholder={t('adminFeatureAccess.featureAuswaehlenErforderlich')}
                       className={styles.configSelect}
                     />
                     {!createFeatureCode && (
@@ -552,7 +556,7 @@ export const AdminFeatureAccessPage: React.FC = () => {
                         type="text"
                         value={createLabel}
                         onChange={(value) => setCreateLabel(value)}
-                        placeholder="Instanz-Bezeichnung eingeben..."
+                        placeholder={t('adminFeatureAccess.instanzbezeichnungEingeben')}
                         className={styles.configSelect}
                         size="md"
                         required={true}
@@ -591,8 +595,8 @@ export const AdminFeatureAccessPage: React.FC = () => {
                           setChatbotEnableWebResearch(true);
                           setChatbotAllowedProviders([]);
                         }}
-                        submitButtonText="Erstellen"
-                        cancelButtonText="Abbrechen"
+                        submitButtonText={t('adminFeatureAccess.erstellen')}
+                        cancelButtonText={t('adminFeatureAccess.abbrechen')}
                       />
                     </div>
                   )}
@@ -608,7 +612,7 @@ export const AdminFeatureAccessPage: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => { setShowEditModal(false); setEditingInstance(null); }}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Feature-Instanz bearbeiten</h2>
+              <h2 className={styles.modalTitle}>{t('adminFeatureAccess.featureinstanzBearbeiten')}</h2>
               <button
                 className={styles.modalClose}
                 onClick={() => { setShowEditModal(false); setEditingInstance(null); }}
@@ -622,14 +626,14 @@ export const AdminFeatureAccessPage: React.FC = () => {
                   {
                     name: 'label',
                     type: 'string' as const,
-                    label: 'Bezeichnung',
+                    label: t('adminFeatureAccessPage.bezeichnung'),
                     required: true,
                     editable: true,
                   },
                   {
                     name: 'enabled',
                     type: 'boolean' as const,
-                    label: 'Aktiviert',
+                    label: t('adminFeatureAccessPage.aktiviert'),
                     required: false,
                     editable: true,
                   }
@@ -645,8 +649,8 @@ export const AdminFeatureAccessPage: React.FC = () => {
                   setChatbotEnableWebResearch(true);
                   setChatbotAllowedProviders([]);
                 }}
-                submitButtonText="Speichern"
-                cancelButtonText="Abbrechen"
+                submitButtonText={t('adminFeatureAccess.speichern')}
+                cancelButtonText={t('adminFeatureAccess.abbrechen')}
               />
               
               {/* Chatbot Configuration Section */}
diff --git a/src/pages/admin/AdminFeatureInstanceUsersPage.tsx b/src/pages/admin/AdminFeatureInstanceUsersPage.tsx
index 6f1ffe5..6fe73de 100644
--- a/src/pages/admin/AdminFeatureInstanceUsersPage.tsx
+++ b/src/pages/admin/AdminFeatureInstanceUsersPage.tsx
@@ -10,13 +10,17 @@ import { useFeatureAccess, type FeatureAccessUser, type FeatureInstanceRole, typ
 import { useUserMandates } from '../../hooks/useUserMandates';
 import { FormGeneratorTable } from '../../components/FormGenerator/FormGeneratorTable';
 import { FormGeneratorForm, type AttributeDefinition } from '../../components/FormGenerator/FormGeneratorForm';
-import { FaPlus, FaSync, FaUsers, FaBuilding, FaCube } from 'react-icons/fa';
+import { FaPlus, FaSync, FaBuilding, FaCube } from 'react-icons/fa';
 import { useToast } from '../../contexts/ToastContext';
 import { useFeatureStore } from '../../stores/featureStore';
 import api from '../../api';
 import styles from './Admin.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 export const AdminFeatureInstanceUsersPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const {
     features,
     instances,
@@ -198,7 +202,7 @@ export const AdminFeatureInstanceUsersPage: React.FC = () => {
   const columns = useMemo(() => [
     {
       key: 'username',
-      label: 'Benutzername',
+      label: t('adminFeatureInstanceUsers.benutzername'),
       type: 'text' as const,
       sortable: true,
       filterable: true,
@@ -207,7 +211,7 @@ export const AdminFeatureInstanceUsersPage: React.FC = () => {
     },
     {
       key: 'email',
-      label: 'E-Mail',
+      label: t('adminFeatureInstanceUsers.email'),
       type: 'text' as const,
       sortable: true,
       filterable: true,
@@ -216,7 +220,7 @@ export const AdminFeatureInstanceUsersPage: React.FC = () => {
     },
     {
       key: 'fullName',
-      label: 'Vollständiger Name',
+      label: t('adminFeatureInstanceUsers.vollstaendigerName'),
       type: 'text' as const,
       sortable: true,
       filterable: true,
@@ -225,7 +229,7 @@ export const AdminFeatureInstanceUsersPage: React.FC = () => {
     },
     {
       key: 'roleLabels',
-      label: 'Rollen',
+      label: t('adminFeatureInstanceUsers.rollen'),
       type: 'text' as const,
       sortable: false,
       filterable: false,
@@ -238,14 +242,14 @@ export const AdminFeatureInstanceUsersPage: React.FC = () => {
     },
     {
       key: 'enabled',
-      label: 'Aktiv',
+      label: t('adminFeatureInstanceUsers.aktiv'),
       type: 'boolean' as const,
       sortable: true,
       filterable: true,
       searchable: false,
       width: 80,
     },
-  ], []);
+  ], [t]);
 
   // Dynamic options for forms (users and roles)
   const userOptions = useMemo(() => 
@@ -265,39 +269,39 @@ export const AdminFeatureInstanceUsersPage: React.FC = () => {
     return [
       {
         name: 'userId',
-        label: 'Benutzer',
+        label: t('adminFeatureInstanceUsersPage.benutzer'),
         type: 'enum' as const,
         required: true,
         options: userOptions,
       },
       {
         name: 'roleIds',
-        label: 'Rollen',
+        label: t('adminFeatureInstanceUsersPage.rollen'),
         type: 'multiselect' as const,
         required: true,
         options: roleOptions,
       }
     ];
-  }, [userOptions, roleOptions]);
+  }, [userOptions, roleOptions, t]);
 
   // Form attributes for editing user roles and active flag
   const editRolesFields: AttributeDefinition[] = useMemo(() => {
     return [
       {
         name: 'roleIds',
-        label: 'Rollen',
+        label: t('adminFeatureInstanceUsersPage.rollen'),
         type: 'multiselect' as const,
         required: true,
         options: roleOptions,
       },
       {
         name: 'enabled',
-        label: 'Aktiv',
+        label: t('adminFeatureInstanceUsersPage.aktiv'),
         type: 'checkbox' as const,
         required: false,
       },
     ];
-  }, [roleOptions]);
+  }, [roleOptions, t]);
 
   // Handle add user submit
   const handleAddUser = async (data: { userId: string; roleIds: string[] }) => {
@@ -406,8 +410,8 @@ export const AdminFeatureInstanceUsersPage: React.FC = () => {
     <div className={`${styles.adminPage} ${styles.adminPageFill}`}>
       <div className={styles.pageHeader}>
         <div>
-          <h1 className={styles.pageTitle}>Feature Instanz Benutzer</h1>
-          <p className={styles.pageSubtitle}>Verwalten Sie Benutzerzugriffe auf Feature-Instanzen</p>
+          <h1 className={styles.pageTitle}>{t('adminFeatureInstanceUsers.featureInstanzBenutzer')}</h1>
+          <p className={styles.pageSubtitle}>{t('adminFeatureInstanceUsers.verwaltenSieBenutzerzugriffeAufFeatureinstanzen')}</p>
         </div>
       </div>
 
@@ -424,7 +428,7 @@ export const AdminFeatureInstanceUsersPage: React.FC = () => {
             onChange={(e) => setSelectedCombinedKey(e.target.value)}
             disabled={loading || combinedOptions.length === 0}
           >
-            <option value="">-- Mandant / Feature-Instanz wählen --</option>
+            <option value="">{t('adminFeatureInstanceUsers.mandantFeatureinstanzWaehlen')}</option>
             {/* Group options by mandate */}
             {(() => {
               const groupedByMandate: Record<string, CombinedInstanceOption[]> = {};
@@ -482,7 +486,7 @@ export const AdminFeatureInstanceUsersPage: React.FC = () => {
       {/* Roles info box */}
       {selectedInstance && instanceRoles.length > 0 && (
         <div className={styles.infoBox}>
-          <span>Verfügbare Rollen: </span>
+          <span>{t('adminFeatureInstanceUsers.verfuegbareRollen')} </span>
           {instanceRoles.map((r, i) => (
             <span key={r.id}>
               {i > 0 && ', '}
@@ -496,7 +500,7 @@ export const AdminFeatureInstanceUsersPage: React.FC = () => {
       {selectedInstance && instanceRoles.length === 0 && !usersLoading && (
         <div className={styles.warningBox || styles.infoBox}>
           <span>⚠️ </span>
-          <span>Diese Instanz hat noch keine Rollen. Bitte synchronisieren Sie die Rollen zuerst unter "Feature-Instanzen".</span>
+          <span>{t('adminFeatureInstanceUsers.dieseInstanzHatNochKeine')}</span>
         </div>
       )}
 
@@ -504,11 +508,11 @@ export const AdminFeatureInstanceUsersPage: React.FC = () => {
       {!selectedCombinedKey ? (
         <div className={styles.emptyState}>
           <FaCube className={styles.emptyIcon} />
-          <h3 className={styles.emptyTitle}>Keine Feature-Instanz ausgewählt</h3>
+          <h3 className={styles.emptyTitle}>{t('adminFeatureInstanceUsers.keineFeatureinstanzAusgewaehlt')}</h3>
           <p className={styles.emptyDescription}>
             {combinedOptions.length === 0 
-              ? 'Es gibt noch keine Feature-Instanzen. Erstellen Sie zuerst Feature-Instanzen unter "Feature-Instanzen".' 
-              : 'Wählen Sie eine Feature-Instanz aus, um deren Benutzer zu verwalten.'}
+              ? t('adminFeatureInstanceUsers.esGibtNochKeineFeatureinstanzen') 
+              : t('adminFeatureInstanceUsers.waehlenSieEineFeatureinstanzAus')}
           </p>
         </div>
       ) : (
@@ -528,11 +532,11 @@ export const AdminFeatureInstanceUsersPage: React.FC = () => {
               {
                 type: 'edit' as const,
                 onAction: handleEditClick,
-                title: 'Rollen bearbeiten',
+                title: t('adminFeatureInstanceUsersPage.editRoles'),
               },
               {
                 type: 'delete' as const,
-                title: 'Aus Instanz entfernen',
+                title: t('adminFeatureInstanceUsersPage.removeFromInstance'),
               }
             ]}
             onDelete={handleRemoveUser}
@@ -549,7 +553,7 @@ export const AdminFeatureInstanceUsersPage: React.FC = () => {
                 return false;
               },
             }}
-            emptyMessage="Keine Benutzer gefunden"
+            emptyMessage={t('adminFeatureInstanceUsers.keineBenutzerGefunden')}
           />
         </div>
       )}
@@ -559,7 +563,7 @@ export const AdminFeatureInstanceUsersPage: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => setShowAddModal(false)}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Benutzer zur Feature-Instanz hinzufügen</h2>
+              <h2 className={styles.modalTitle}>{t('adminFeatureInstanceUsers.benutzerZurFeatureinstanzHinzufuegen')}</h2>
               <button
                 className={styles.modalClose}
                 onClick={() => setShowAddModal(false)}
@@ -569,17 +573,17 @@ export const AdminFeatureInstanceUsersPage: React.FC = () => {
             </div>
             <div className={styles.modalContent}>
               {availableUsers.length === 0 ? (
-                <p>Alle Benutzer haben bereits Zugriff auf diese Feature-Instanz.</p>
+                <p>{t('adminFeatureInstanceUsers.alleBenutzerHabenBereitsZugriff')}</p>
               ) : instanceRoles.length === 0 ? (
-                <p>Diese Feature-Instanz hat keine Rollen. Bitte synchronisieren Sie zuerst die Rollen.</p>
+                <p>{t('adminFeatureInstanceUsers.dieseFeatureinstanzHatKeineRollen')}</p>
               ) : (
                 <FormGeneratorForm
                   attributes={addUserFields}
                   mode="create"
                   onSubmit={handleAddUser}
                   onCancel={() => setShowAddModal(false)}
-                  submitButtonText="Hinzufügen"
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={t('adminFeatureInstanceUsers.hinzufuegen')}
+                  cancelButtonText={t('adminFeatureInstanceUsers.abbrechen')}
                 />
               )}
             </div>
@@ -607,8 +611,8 @@ export const AdminFeatureInstanceUsersPage: React.FC = () => {
                 mode="edit"
                 onSubmit={handleEditRoles}
                 onCancel={() => setEditingUser(null)}
-                submitButtonText="Speichern"
-                cancelButtonText="Abbrechen"
+                submitButtonText={t('adminFeatureInstanceUsers.speichern')}
+                cancelButtonText={t('adminFeatureInstanceUsers.abbrechen')}
               />
             </div>
           </div>
diff --git a/src/pages/admin/AdminFeatureRolesPage.tsx b/src/pages/admin/AdminFeatureRolesPage.tsx
index b98ee7c..1ac8c8e 100644
--- a/src/pages/admin/AdminFeatureRolesPage.tsx
+++ b/src/pages/admin/AdminFeatureRolesPage.tsx
@@ -19,6 +19,8 @@ import { useToast } from '../../contexts/ToastContext';
 import api from '../../api';
 import styles from './Admin.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 interface Feature {
   id?: string;
   code: string;  // Backend uses 'code' not 'featureCode'
@@ -40,6 +42,8 @@ interface FeatureRole {
 }
 
 export const AdminFeatureRolesPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const { showError } = useToast();
   // State
   const [features, setFeatures] = useState<Feature[]>([]);
@@ -66,7 +70,7 @@ export const AdminFeatureRolesPage: React.FC = () => {
         }
       } catch (err: any) {
         console.error('Error loading features:', err);
-        setError('Fehler beim Laden der Features');
+        setError(t('adminFeatureRoles.fehlerBeimLadenDerFeatures'));
       }
     };
     loadFeatures();
@@ -108,7 +112,7 @@ export const AdminFeatureRolesPage: React.FC = () => {
       }
     } catch (err: any) {
       console.error('Error loading feature roles:', err);
-      setError('Fehler beim Laden der Feature-Rollen');
+      setError(t('adminFeatureRoles.fehlerBeimLadenDerFeaturerollen'));
       setRoles([]);
       setPagination(null);
     } finally {
@@ -131,7 +135,7 @@ export const AdminFeatureRolesPage: React.FC = () => {
   const columns = useMemo(() => [
     { 
       key: 'roleLabel', 
-      label: 'Rollen-Label', 
+      label: t('adminFeatureRoles.rollenLabel'), 
       type: 'string' as const, 
       sortable: true, 
       filterable: true, 
@@ -140,7 +144,7 @@ export const AdminFeatureRolesPage: React.FC = () => {
     },
     { 
       key: 'description', 
-      label: 'Beschreibung', 
+      label: t('adminFeatureRoles.beschreibung'), 
       type: 'string' as const, 
       sortable: false, 
       width: 300,
@@ -148,7 +152,7 @@ export const AdminFeatureRolesPage: React.FC = () => {
     },
     { 
       key: 'featureCode', 
-      label: 'Feature', 
+      label: t('adminFeatureRoles.feature'), 
       type: 'string' as const, 
       sortable: true, 
       filterable: true, 
@@ -159,49 +163,49 @@ export const AdminFeatureRolesPage: React.FC = () => {
         </span>
       )
     },
-  ], []);
+  ], [t]);
 
   // Form attributes for create
   const createFields: AttributeDefinition[] = useMemo(() => {
     const fields: AttributeDefinition[] = [
       {
         name: 'roleLabel',
-        label: 'Rollen-Label',
+        label: t('adminFeatureRolesPage.rollenLabel'),
         type: 'string',
         required: true,
-        description: 'Eindeutiger Bezeichner der Rolle (z.B. trustee-admin)'
+        description: t('adminFeatureRolesPage.rollenLabelBeschreibung')
       },
       {
         name: 'description',
-        label: 'Beschreibung',
+        label: t('adminFeatureRolesPage.beschreibung'),
         type: 'multilingual',
         required: false,
-        description: 'Mehrsprachige Beschreibung der Rolle'
+        description: t('adminFeatureRolesPage.mehrsprachigeBeschreibung')
       }
     ];
     return fields;
-  }, []);
+  }, [t]);
 
   // Form attributes for edit
   const editFields: AttributeDefinition[] = useMemo(() => {
     return [
       {
         name: 'roleLabel',
-        label: 'Rollen-Label',
+        label: t('adminFeatureRolesPage.rollenLabel'),
         type: 'string',
         required: true,
-        readonly: true, // Label should not be changed after creation
-        description: 'Eindeutiger Bezeichner der Rolle'
+        readonly: true,
+        description: t('adminFeatureRolesPage.rollenLabelReadonly')
       },
       {
         name: 'description',
-        label: 'Beschreibung',
+        label: t('adminFeatureRolesPage.beschreibung'),
         type: 'multilingual',
         required: false,
-        description: 'Mehrsprachige Beschreibung der Rolle'
+        description: t('adminFeatureRolesPage.mehrsprachigeBeschreibung')
       }
     ];
-  }, []);
+  }, [t]);
 
   // Handle create role
   const handleCreateRole = async (data: { roleLabel: string; description?: { [key: string]: string } }) => {
@@ -280,8 +284,8 @@ export const AdminFeatureRolesPage: React.FC = () => {
     <div className={`${styles.adminPage} ${styles.adminPageFill}`}>
       <div className={styles.pageHeader}>
         <div>
-          <h1 className={styles.pageTitle}>Feature Rollen & Rechte</h1>
-          <p className={styles.pageSubtitle}>Template-Rollen und deren Berechtigungen für Feature-Instanzen verwalten</p>
+          <h1 className={styles.pageTitle}>{t('adminFeatureRoles.featureRollenRechte')}</h1>
+          <p className={styles.pageSubtitle}>{t('adminFeatureRoles.templaterollenUndDerenBerechtigungenFuer')}</p>
         </div>
       </div>
 
@@ -297,7 +301,7 @@ export const AdminFeatureRolesPage: React.FC = () => {
             value={selectedFeatureCode}
             onChange={(e) => setSelectedFeatureCode(e.target.value)}
           >
-            <option value="">-- Feature wählen --</option>
+            <option value="">{t('adminFeatureRoles.featureWaehlen')}</option>
             {features.map(f => {
               const featureCode = f.code || f.featureCode || '';
               return (
@@ -343,7 +347,7 @@ export const AdminFeatureRolesPage: React.FC = () => {
       {!selectedFeatureCode ? (
         <div className={styles.emptyState}>
           <FaCube className={styles.emptyIcon} />
-          <h3 className={styles.emptyTitle}>Kein Feature ausgewählt</h3>
+          <h3 className={styles.emptyTitle}>{t('adminFeatureRoles.keinFeatureAusgewaehlt')}</h3>
           <p className={styles.emptyDescription}>
             Wählen Sie ein Feature aus, um dessen Template-Rollen zu verwalten.
           </p>
@@ -365,11 +369,11 @@ export const AdminFeatureRolesPage: React.FC = () => {
               {
                 type: 'edit' as const,
                 onAction: handleEditClick,
-                title: 'Rolle bearbeiten',
+                title: t('adminFeatureRolesPage.editRole'),
               },
               {
                 type: 'delete' as const,
-                title: 'Rolle löschen',
+                title: t('adminFeatureRolesPage.deleteRole'),
               }
             ]}
             customActions={[
@@ -377,7 +381,7 @@ export const AdminFeatureRolesPage: React.FC = () => {
                 id: 'permissions',
                 icon: <FaShieldAlt />,
                 onClick: (role: FeatureRole) => setPermissionsRole(role),
-                title: 'Berechtigungen verwalten',
+                title: t('adminFeatureRolesPage.managePermissions'),
               }
             ]}
             onDelete={handleDeleteRole}
@@ -386,7 +390,7 @@ export const AdminFeatureRolesPage: React.FC = () => {
               pagination,
               handleDelete: handleDeleteRole,
             }}
-            emptyMessage="Keine Feature-Rollen gefunden"
+            emptyMessage={t('adminFeatureRoles.keineFeaturerollenGefunden')}
           />
         </div>
       )}
@@ -396,7 +400,7 @@ export const AdminFeatureRolesPage: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => setShowCreateModal(false)}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Neue Feature-Rolle erstellen</h2>
+              <h2 className={styles.modalTitle}>{t('adminFeatureRoles.neueFeaturerolleErstellen')}</h2>
               <button
                 className={styles.modalClose}
                 onClick={() => setShowCreateModal(false)}
@@ -415,7 +419,7 @@ export const AdminFeatureRolesPage: React.FC = () => {
                 onSubmit={handleCreateRole}
                 onCancel={() => setShowCreateModal(false)}
                 submitButtonText={isSubmitting ? 'Erstelle...' : 'Rolle erstellen'}
-                cancelButtonText="Abbrechen"
+                cancelButtonText={t('adminFeatureRoles.abbrechen')}
               />
             </div>
           </div>
@@ -427,7 +431,7 @@ export const AdminFeatureRolesPage: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => setEditingRole(null)}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Feature-Rolle bearbeiten</h2>
+              <h2 className={styles.modalTitle}>{t('adminFeatureRoles.featurerolleBearbeiten')}</h2>
               <button
                 className={styles.modalClose}
                 onClick={() => setEditingRole(null)}
@@ -446,8 +450,8 @@ export const AdminFeatureRolesPage: React.FC = () => {
                 mode="edit"
                 onSubmit={handleEditRole}
                 onCancel={() => setEditingRole(null)}
-                submitButtonText={isSubmitting ? 'Speichern...' : 'Speichern'}
-                cancelButtonText="Abbrechen"
+                submitButtonText={isSubmitting ? t('adminFeatureRoles.speichern') : t('adminFeatureRoles.speichern')}
+                cancelButtonText={t('adminFeatureRoles.abbrechen')}
               />
             </div>
           </div>
@@ -474,7 +478,7 @@ export const AdminFeatureRolesPage: React.FC = () => {
               <div className={styles.infoBox} style={{ marginBottom: '1rem' }}>
                 <FaCube style={{ marginRight: 8 }} />
                 <span>Feature: <strong>{permissionsRole.featureCode}</strong></span>
-                <span style={{ marginLeft: '1rem' }}>Template-Rolle (global)</span>
+                <span style={{ marginLeft: '1rem' }}>{t('adminFeatureRoles.templaterolleGlobal')}</span>
               </div>
               <AccessRulesEditor
                 roleId={permissionsRole.id}
diff --git a/src/pages/admin/AdminInvitationsPage.tsx b/src/pages/admin/AdminInvitationsPage.tsx
index e254991..7ce5416 100644
--- a/src/pages/admin/AdminInvitationsPage.tsx
+++ b/src/pages/admin/AdminInvitationsPage.tsx
@@ -10,12 +10,16 @@ import { useInvitations, type Invitation, type InvitationCreate } from '../../ho
 import { useUserMandates, type Mandate, type Role } from '../../hooks/useUserMandates';
 import { FormGeneratorTable } from '../../components/FormGenerator/FormGeneratorTable';
 import { FormGeneratorForm, type AttributeDefinition } from '../../components/FormGenerator/FormGeneratorForm';
-import { FaPlus, FaSync, FaEnvelopeOpenText, FaBuilding, FaCopy, FaLink } from 'react-icons/fa';
+import { FaPlus, FaSync, FaBuilding, FaCopy, FaLink } from 'react-icons/fa';
 import { useToast } from '../../contexts/ToastContext';
 import api from '../../api';
 import styles from './Admin.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 export const AdminInvitationsPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const { showError } = useToast();
   const {
     invitations,
@@ -83,7 +87,7 @@ export const AdminInvitationsPage: React.FC = () => {
   const columns = useMemo(() => [
     { 
       key: 'targetUsername', 
-      label: 'Benutzername', 
+      label: t('adminInvitations.benutzername'), 
       type: 'string' as const, 
       sortable: true, 
       filterable: true, 
@@ -92,7 +96,7 @@ export const AdminInvitationsPage: React.FC = () => {
     },
     { 
       key: 'email', 
-      label: 'E-Mail', 
+      label: t('adminInvitations.email'), 
       type: 'string' as const, 
       sortable: true, 
       filterable: true, 
@@ -101,7 +105,7 @@ export const AdminInvitationsPage: React.FC = () => {
         const emailText = value || '-';
         const emailSent = (row as any).emailSent;
         return (
-          <span title={emailSent ? 'Email wurde gesendet' : 'Email nicht gesendet'}>
+          <span title={emailSent ? t('adminInvitations.emailWurdeGesendet') : t('adminInvitations.emailNichtGesendet')}>
             {emailText} {emailSent && '✓'}
           </span>
         );
@@ -109,7 +113,7 @@ export const AdminInvitationsPage: React.FC = () => {
     },
     { 
       key: 'roleIds', 
-      label: 'Rollen', 
+      label: t('adminInvitations.rollen'), 
       type: 'string', // Array rendered as string
       sortable: false, 
       filterable: false, 
@@ -124,7 +128,7 @@ export const AdminInvitationsPage: React.FC = () => {
     } as any,
     { 
       key: 'expiresAt', 
-      label: 'Gültig bis', 
+      label: t('adminInvitations.gueltigBis'), 
       type: 'number' as const, 
       sortable: true, 
       width: 150,
@@ -140,7 +144,7 @@ export const AdminInvitationsPage: React.FC = () => {
     },
     { 
       key: 'currentUses', 
-      label: 'Verwendet', 
+      label: t('adminInvitations.verwendet'), 
       type: 'string' as const, 
       sortable: true, 
       width: 100,
@@ -148,13 +152,13 @@ export const AdminInvitationsPage: React.FC = () => {
     },
     { 
       key: 'createdAt', 
-      label: 'Erstellt', 
+      label: t('adminInvitations.erstellt'), 
       type: 'number' as const, 
       sortable: true, 
       width: 150,
       render: (value: number) => formatDate(value)
     },
-  ], [roles]);
+  ], [roles, t]);
 
   // Form attributes - same role options as AdminUserMandatesPage (user, viewer, admin)
   const createFields: AttributeDefinition[] = useMemo(() => {
@@ -174,7 +178,7 @@ export const AdminInvitationsPage: React.FC = () => {
     
     // Add helper field expiresInHours if not in model but fields exist
     if (fields.length > 0 && !fields.find(f => f.name === 'expiresInHours')) {
-      fields.push({ name: 'expiresInHours', label: 'Gültigkeitsdauer (Stunden)', type: 'number', 
+      fields.push({ name: 'expiresInHours', label: t('adminInvitationsPage.gueltigkeitsdauerStunden'), type: 'number', 
         required: true, default: 72 } as any);
     }
     // Override required for targetUsername and email (both required for invitations)
@@ -258,8 +262,8 @@ export const AdminInvitationsPage: React.FC = () => {
     <div className={`${styles.adminPage} ${styles.adminPageFill}`}>
       <div className={styles.pageHeader}>
         <div>
-          <h1 className={styles.pageTitle}>Einladungen</h1>
-          <p className={styles.pageSubtitle}>Erstellen und verwalten Sie Einladungen für neue Benutzer</p>
+          <h1 className={styles.pageTitle}>{t('adminInvitations.einladungen')}</h1>
+          <p className={styles.pageSubtitle}>{t('adminInvitations.erstellenUndVerwaltenSieEinladungen')}</p>
         </div>
       </div>
 
@@ -275,7 +279,7 @@ export const AdminInvitationsPage: React.FC = () => {
             value={selectedMandateId}
             onChange={(e) => setSelectedMandateId(e.target.value)}
           >
-            <option value="">-- Mandant wählen --</option>
+            <option value="">{t('adminInvitations.mandantWaehlen')}</option>
             {mandates.map(m => (
               <option key={m.id} value={m.id}>
                 {getMandateName(m)}
@@ -326,7 +330,7 @@ export const AdminInvitationsPage: React.FC = () => {
       {!selectedMandateId ? (
         <div className={styles.emptyState}>
           <FaBuilding className={styles.emptyIcon} />
-          <h3 className={styles.emptyTitle}>Kein Mandant ausgewählt</h3>
+          <h3 className={styles.emptyTitle}>{t('adminInvitations.keinMandantAusgewaehlt')}</h3>
           <p className={styles.emptyDescription}>
             Wählen Sie einen Mandanten aus, um dessen Einladungen zu verwalten.
           </p>
@@ -347,7 +351,7 @@ export const AdminInvitationsPage: React.FC = () => {
             actionButtons={[
               {
                 type: 'delete' as const,
-                title: 'Einladung widerrufen',
+                title: t('adminInvitationsPage.revokeInvitation'),
               }
             ]}
             customActions={[
@@ -355,7 +359,7 @@ export const AdminInvitationsPage: React.FC = () => {
                 id: 'showUrl',
                 icon: <FaLink />,
                 onClick: handleShowUrl,
-                title: 'Einladungs-Link anzeigen',
+                title: t('adminInvitationsPage.showInvitationLink'),
               }
             ]}
             hookData={{
@@ -363,7 +367,7 @@ export const AdminInvitationsPage: React.FC = () => {
               refetch: (params?: any) => fetchInvitations(params || selectedMandateId, { includeExpired: showExpired, includeUsed: showUsed }),
               pagination,
             }}
-            emptyMessage="Keine Einladungen gefunden"
+            emptyMessage={t('adminInvitations.keineEinladungenGefunden')}
           />
         </div>
       )}
@@ -373,7 +377,7 @@ export const AdminInvitationsPage: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => setShowCreateModal(false)}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Neue Einladung erstellen</h2>
+              <h2 className={styles.modalTitle}>{t('adminInvitations.neueEinladungErstellen')}</h2>
               <button
                 className={styles.modalClose}
                 onClick={() => setShowCreateModal(false)}
@@ -385,12 +389,12 @@ export const AdminInvitationsPage: React.FC = () => {
               {roles.filter(r => !r.featureInstanceId).length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Rollen...</span>
+                  <span>{t('adminInvitations.ladeRollen')}</span>
                 </div>
               ) : createFields.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('adminInvitations.ladeFormular')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -398,8 +402,8 @@ export const AdminInvitationsPage: React.FC = () => {
                   mode="create"
                   onSubmit={handleCreateInvitation}
                   onCancel={() => setShowCreateModal(false)}
-                  submitButtonText="Einladung erstellen"
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={t('adminInvitations.einladungErstellen')}
+                  cancelButtonText={t('adminInvitations.abbrechen')}
                 />
               )}
             </div>
@@ -435,7 +439,7 @@ export const AdminInvitationsPage: React.FC = () => {
                 <button
                   className={styles.copyButton}
                   onClick={() => handleCopyUrl(showUrlModal.inviteUrl)}
-                  title="In Zwischenablage kopieren"
+                  title={t('adminInvitations.inZwischenablageKopieren')}
                 >
                   <FaCopy />
                   {copySuccess ? ' Kopiert!' : ' Kopieren'}
diff --git a/src/pages/admin/AdminLanguagesPage.tsx b/src/pages/admin/AdminLanguagesPage.tsx
index b6e8bfe..b84ad67 100644
--- a/src/pages/admin/AdminLanguagesPage.tsx
+++ b/src/pages/admin/AdminLanguagesPage.tsx
@@ -23,14 +23,24 @@ type ProgressInfo = {
   total: number;
   error?: string;
   done?: boolean;
+  /** Keys in language set before sync (from sync-diff). */
+  keysCurrent?: number;
+  /** New keys vs xx before PUT (from sync-diff). */
+  keysPending?: number;
+  /** Master (xx) key count (from sync-diff). */
+  keysMasterTotal?: number;
+  /** Keys AI-translated in last PUT (optional). */
+  keysTranslated?: number;
 };
 
-const _columns: ColumnConfig[] = [
-  { key: 'id', label: 'Code', type: 'text', sortable: true, filterable: true, width: 90 },
-  { key: 'label', label: 'Bezeichnung', type: 'text', sortable: true, filterable: true, width: 200 },
-  { key: 'status', label: 'Status', type: 'text', sortable: true, filterable: true, width: 120 },
-  { key: 'entriesCount', label: 'Einträge', type: 'number', sortable: true, width: 100 },
-];
+function _getColumns(t: (key: string) => string): ColumnConfig[] {
+  return [
+    { key: 'id', label: t('adminLanguages.code'), type: 'text', sortable: true, filterable: true, width: 90 },
+    { key: 'label', label: t('adminLanguages.bezeichnung'), type: 'text', sortable: true, filterable: true, width: 200 },
+    { key: 'status', label: t('adminLanguages.status'), type: 'text', sortable: true, filterable: true, width: 120 },
+    { key: 'entriesCount', label: t('adminLanguages.eintraege'), type: 'number', sortable: true, width: 100 },
+  ];
+}
 
 const _PRIORITY_CODES = ['de', 'en', 'fr', 'it'];
 
@@ -86,7 +96,28 @@ const _isoChoices: { value: string; label: string }[] = [
 // ---------------------------------------------------------------------------
 
 const _ProgressOverlay: React.FC<{ progress: ProgressInfo }> = ({ progress }) => {
+  const { t } = useLanguage();
   const pct = progress.total > 0 ? Math.round((progress.current / progress.total) * 100) : 0;
+  const master = progress.keysMasterTotal;
+  let keysLine: string | null = null;
+  if (master != null && master > 0) {
+    const pending = progress.keysPending ?? 0;
+    if (pending > 0 && progress.keysTranslated !== undefined) {
+      keysLine = t('{tr} / {pending} neue Schlüssel übersetzt · Basis {m}', {
+        tr: String(progress.keysTranslated),
+        pending: String(pending),
+        m: String(master),
+      });
+    } else if (pending > 0) {
+      keysLine = t('{pending} / {m} (neu / Basis-Schlüssel)', {
+        pending: String(pending),
+        m: String(master),
+      });
+    } else {
+      const cur = progress.keysCurrent ?? 0;
+      keysLine = t('{cur} / {m} Schlüssel abgedeckt', { cur: String(cur), m: String(master) });
+    }
+  }
   return (
     <div
       style={{
@@ -138,10 +169,18 @@ const _ProgressOverlay: React.FC<{ progress: ProgressInfo }> = ({ progress }) =>
             }}
           />
         </div>
-        <p style={{ fontSize: '0.85rem', opacity: 0.7 }}>
-          {progress.current} / {progress.total}
-          {progress.done && !progress.error && ' — fertig'}
-        </p>
+        {progress.total > 1 && (
+          <p style={{ fontSize: '0.85rem', opacity: 0.7 }}>
+            {t('Schritt {cur} von {tot}', { cur: String(progress.current), tot: String(progress.total) })}
+            {progress.done && !progress.error && ` — ${t('fertig')}`}
+          </p>
+        )}
+        {progress.total === 1 && progress.done && !progress.error && (
+          <p style={{ fontSize: '0.85rem', opacity: 0.7 }}>{t('fertig')}</p>
+        )}
+        {keysLine && (
+          <p style={{ fontSize: '0.8rem', opacity: 0.75, marginTop: '0.35rem' }}>{keysLine}</p>
+        )}
         {progress.error && (
           <p style={{ color: 'var(--error-color, #c53030)', fontSize: '0.85rem', marginTop: '0.5rem' }}>
             {progress.error}
@@ -269,10 +308,39 @@ export const AdminLanguagesPage: React.FC = () => {
     busyRef.current = true;
     setError(null);
     const label = rows.find((r) => r.id === code)?.label || code;
-    setProgress({ message: t('Aktualisiere {lang}…', { lang: label }), current: 0, total: 1 });
+    let keysCurrent: number | undefined;
+    let keysPending: number | undefined;
+    let keysMasterTotal: number | undefined;
     try {
-      await api.put(`/api/i18n/sets/${encodeURIComponent(code)}`);
-      setProgress({ message: t('{lang} aktualisiert.', { lang: label }), current: 1, total: 1, done: true });
+      const dr = await api.get(`/api/i18n/sets/${encodeURIComponent(code)}/sync-diff`);
+      keysCurrent = dr.data?.currentEntryCount;
+      keysPending = dr.data?.addedCount;
+      keysMasterTotal = dr.data?.masterEntryCount;
+    } catch {
+      /* sync-diff optional */
+    }
+    setProgress({
+      message: t('Aktualisiere {lang}…', { lang: label }),
+      current: 0,
+      total: 1,
+      keysCurrent,
+      keysPending,
+      keysMasterTotal,
+    });
+    try {
+      const putRes = await api.put(`/api/i18n/sets/${encodeURIComponent(code)}`);
+      const d = putRes.data || {};
+      const pendingAfterPut = Array.isArray(d.added) ? d.added.length : (keysPending ?? 0);
+      setProgress({
+        message: t('{lang} aktualisiert.', { lang: label }),
+        current: 1,
+        total: 1,
+        done: true,
+        keysCurrent: typeof d.entriesCount === 'number' ? d.entriesCount : keysCurrent,
+        keysPending: pendingAfterPut,
+        keysMasterTotal,
+        keysTranslated: typeof d.translated === 'number' ? d.translated : undefined,
+      });
       await _load();
       await refreshAvailableLanguages();
       await reloadLanguage();
@@ -318,13 +386,38 @@ export const AdminLanguagesPage: React.FC = () => {
     const errors: string[] = [];
     for (const code of langCodes) {
       const label = rows.find((r) => r.id === code)?.label || code;
+      let keysCurrent: number | undefined;
+      let keysPending: number | undefined;
+      let keysMasterTotal: number | undefined;
+      try {
+        const dr = await api.get(`/api/i18n/sets/${encodeURIComponent(code)}/sync-diff`);
+        keysCurrent = dr.data?.currentEntryCount;
+        keysPending = dr.data?.addedCount;
+        keysMasterTotal = dr.data?.masterEntryCount;
+      } catch {
+        /* sync-diff optional */
+      }
       setProgress({
-        message: t('Aktualisiere {lang}… ({n}/{total})', { lang: label, n: String(step + 1), total: String(totalSteps) }),
-        current: step,
+        message: t('Aktualisiere {lang}…', { lang: label }),
+        current: step + 1,
         total: totalSteps,
+        keysCurrent,
+        keysPending,
+        keysMasterTotal,
       });
       try {
-        await api.put(`/api/i18n/sets/${encodeURIComponent(code)}`);
+        const putRes = await api.put(`/api/i18n/sets/${encodeURIComponent(code)}`);
+        const d = putRes.data || {};
+        const pendingAfterPut = Array.isArray(d.added) ? d.added.length : (keysPending ?? 0);
+        setProgress({
+          message: t('Aktualisiere {lang}…', { lang: label }),
+          current: step + 1,
+          total: totalSteps,
+          keysCurrent: typeof d.entriesCount === 'number' ? d.entriesCount : keysCurrent,
+          keysPending: pendingAfterPut,
+          keysMasterTotal,
+          keysTranslated: typeof d.translated === 'number' ? d.translated : undefined,
+        });
       } catch (e: any) {
         errors.push(`${code}: ${e.response?.data?.detail || e.message}`);
       }
@@ -530,7 +623,7 @@ export const AdminLanguagesPage: React.FC = () => {
       <div style={{ flex: 1, minHeight: 0, position: 'relative' }}>
         <FormGeneratorTable
           data={rows}
-          columns={_columns}
+          columns={_getColumns(t)}
           loading={loading}
           pagination={false}
           selectable={false}
diff --git a/src/pages/admin/AdminLogsPage.tsx b/src/pages/admin/AdminLogsPage.tsx
index e8034ba..65593c0 100644
--- a/src/pages/admin/AdminLogsPage.tsx
+++ b/src/pages/admin/AdminLogsPage.tsx
@@ -12,6 +12,8 @@ import api from '../../api';
 import styles from './Admin.module.css';
 import logStyles from './AdminLogsPage.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 const LOG_LEVEL_COLORS: Record<string, string> = {
   ERROR: 'var(--log-error, #e53e3e)',
   WARNING: 'var(--log-warning, #d69e2e)',
@@ -27,6 +29,8 @@ function _parseLogLevel(line: string): string | null {
 }
 
 export const AdminLogsPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const [lines, setLines] = useState<string[]>([]);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
@@ -104,7 +108,7 @@ export const AdminLogsPage: React.FC = () => {
     <div className={styles.adminPage}>
       <div className={styles.pageHeader}>
         <div>
-          <h1 className={styles.pageTitle}>Gateway Logs</h1>
+          <h1 className={styles.pageTitle}>{t('adminLogs.gatewayLogs')}</h1>
           <p className={styles.pageSubtitle}>
             {lines.length > 0
               ? `${lines.length} Einträge`
@@ -117,7 +121,7 @@ export const AdminLogsPage: React.FC = () => {
             className={styles.secondaryButton}
             onClick={_handleDownload}
             disabled={lines.length === 0}
-            title="Log herunterladen"
+            title={t('adminLogs.logHerunterladen')}
           >
             <FaDownload /> Download
           </button>
@@ -136,7 +140,7 @@ export const AdminLogsPage: React.FC = () => {
             min={1}
             max={50000}
           />
-          <label className={logStyles.controlLabel}>Einträge</label>
+          <label className={logStyles.controlLabel}>{t('adminLogs.eintraege')}</label>
           <button
             className={styles.primaryButton}
             onClick={_handleLoad}
@@ -179,7 +183,7 @@ export const AdminLogsPage: React.FC = () => {
         {lines.length === 0 && !loading && (
           <div className={styles.emptyState}>
             <div className={styles.emptyIcon}>📋</div>
-            <p className={styles.emptyTitle}>Keine Logs geladen</p>
+            <p className={styles.emptyTitle}>{t('adminLogs.keineLogsGeladen')}</p>
             <p className={styles.emptyDescription}>
               Gib die gewünschte Anzahl Einträge ein und klicke auf "Laden".
             </p>
@@ -188,7 +192,7 @@ export const AdminLogsPage: React.FC = () => {
         {loading && lines.length === 0 && (
           <div className={styles.loadingContainer}>
             <div className={styles.spinner} />
-            <span>Logs werden geladen...</span>
+            <span>{t('adminLogs.logsWerdenGeladen')}</span>
           </div>
         )}
         {lines.map((line, idx) => {
diff --git a/src/pages/admin/AdminMandateRolePermissionsPage.tsx b/src/pages/admin/AdminMandateRolePermissionsPage.tsx
index 400d48d..66856d1 100644
--- a/src/pages/admin/AdminMandateRolePermissionsPage.tsx
+++ b/src/pages/admin/AdminMandateRolePermissionsPage.tsx
@@ -35,6 +35,8 @@ import {
 } from 'react-icons/fa';
 import styles from './Admin.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 // Types for cleanup result
 interface DuplicateGroup {
   roleId: string;
@@ -73,6 +75,8 @@ interface TemplateFixResult {
 }
 
 export const AdminMandateRolePermissionsPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const {
     roles,
     loading,
@@ -212,10 +216,10 @@ export const AdminMandateRolePermissionsPage: React.FC = () => {
 
   // Filter options for scope
   const scopeOptions = useMemo(() => [
-    { value: 'mandate', label: 'Mandanten-Rollen' },
-    { value: 'all', label: 'Alle (inkl. Templates)' },
-    { value: 'global', label: 'Nur Templates' },
-  ], []);
+    { value: 'mandate', label: t('adminMandateRolePermissionsPage.mandantenRollen') },
+    { value: 'all', label: t('adminMandateRolePermissionsPage.alleInklTemplates') },
+    { value: 'global', label: t('adminMandateRolePermissionsPage.nurTemplates') },
+  ], [t]);
 
   if (error) {
     return (
@@ -249,7 +253,7 @@ export const AdminMandateRolePermissionsPage: React.FC = () => {
             className={styles.secondaryButton} 
             onClick={_openCleanupModal}
             disabled={loading}
-            title="Doppelte Regeln finden und bereinigen"
+            title={t('adminMandateRolePermissions.doppelteRegelnFindenUndBereinigen')}
           >
             <FaBroom /> Duplikate bereinigen
           </button>
@@ -266,7 +270,7 @@ export const AdminMandateRolePermissionsPage: React.FC = () => {
       {/* Filters */}
       <div className={styles.filterBar}>
           <div className={styles.filterGroup}>
-            <label className={styles.filterLabel}>Mandant:</label>
+            <label className={styles.filterLabel}>{t('adminMandateRolePermissions.mandant')}</label>
             <select
               className={styles.filterSelect}
               value={selectedMandateId}
@@ -310,7 +314,7 @@ export const AdminMandateRolePermissionsPage: React.FC = () => {
       {loading && (
         <div className={styles.loadingContainer}>
           <div className={styles.spinner} />
-          <span>Lade Rollen...</span>
+          <span>{t('adminMandateRolePermissions.ladeRollen')}</span>
         </div>
       )}
 
@@ -318,13 +322,13 @@ export const AdminMandateRolePermissionsPage: React.FC = () => {
       {!loading && roles.length === 0 && (
         <div className={styles.emptyState}>
           <FaUserShield className={styles.emptyIcon} />
-          <p>Keine Rollen gefunden</p>
+          <p>{t('adminMandateRolePermissions.keineRollenGefunden')}</p>
           <p className={styles.emptyHint}>
             {scopeFilter === 'mandate' 
               ? 'Es gibt noch keine Mandanten-Rollen. System-Rollen werden bei der Mandant-Erstellung automatisch kopiert.'
               : scopeFilter === 'global'
-              ? 'Es gibt noch keine Rollen-Templates.'
-              : 'Es gibt noch keine Rollen für diesen Mandanten.'}
+              ? t('adminMandateRolePermissions.esGibtNochKeineRollentemplates')
+              : t('adminMandateRolePermissions.esGibtNochKeineRollen')}
           </p>
         </div>
       )}
@@ -399,7 +403,7 @@ export const AdminMandateRolePermissionsPage: React.FC = () => {
               {cleanupLoading && (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>{cleanupPhase === 'idle' ? 'Analysiere Duplikate...' : 'Bereinige Duplikate...'}</span>
+                  <span>{cleanupPhase === 'idle' ? t('adminMandateRolePermissions.analysiereDuplikate') : t('adminMandateRolePermissions.bereinigeDuplikate')}</span>
                 </div>
               )}
 
@@ -418,11 +422,11 @@ export const AdminMandateRolePermissionsPage: React.FC = () => {
                   <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(140px, 1fr))', gap: '0.75rem', marginBottom: '1.25rem' }}>
                     <div style={{ padding: '0.75rem', background: 'var(--bg-secondary)', borderRadius: '8px', textAlign: 'center', border: '1px solid var(--border-color)' }}>
                       <div style={{ fontSize: '1.5rem', fontWeight: 700, color: 'var(--text-primary)' }}>{cleanupResult.totalRules}</div>
-                      <div style={{ fontSize: '0.75rem', color: 'var(--text-secondary)' }}>Regeln total</div>
+                      <div style={{ fontSize: '0.75rem', color: 'var(--text-secondary)' }}>{t('adminMandateRolePermissions.regelnTotal')}</div>
                     </div>
                     <div style={{ padding: '0.75rem', background: 'var(--bg-secondary)', borderRadius: '8px', textAlign: 'center', border: '1px solid var(--border-color)' }}>
                       <div style={{ fontSize: '1.5rem', fontWeight: 700, color: 'var(--text-primary)' }}>{cleanupResult.uniqueSignatures}</div>
-                      <div style={{ fontSize: '0.75rem', color: 'var(--text-secondary)' }}>Eindeutige Regeln</div>
+                      <div style={{ fontSize: '0.75rem', color: 'var(--text-secondary)' }}>{t('adminMandateRolePermissions.eindeutigeRegeln')}</div>
                     </div>
                     <div style={{ padding: '0.75rem', background: cleanupResult.duplicateGroups > 0 ? '#fff5f5' : '#f0fff4', borderRadius: '8px', textAlign: 'center', border: `1px solid ${cleanupResult.duplicateGroups > 0 ? '#fc8181' : '#9ae6b4'}` }}>
                       <div style={{ fontSize: '1.5rem', fontWeight: 700, color: cleanupResult.duplicateGroups > 0 ? '#c53030' : '#2f855a' }}>{cleanupResult.duplicateGroups}</div>
@@ -442,14 +446,14 @@ export const AdminMandateRolePermissionsPage: React.FC = () => {
                   {cleanupPhase === 'done' && (
                     <div style={{ padding: '0.75rem 1rem', background: '#f0fff4', borderRadius: '6px', color: '#2f855a', marginBottom: '1rem', display: 'flex', alignItems: 'center', gap: '0.5rem', border: '1px solid #9ae6b4' }}>
                       <FaCheckCircle />
-                      <span><strong>{cleanupResult.deletedCount}</strong> doppelte Regeln wurden erfolgreich entfernt.</span>
+                      <span><strong>{cleanupResult.deletedCount}</strong> {t('adminMandateRolePermissions.doppelteRegelnWurdenErfolgreichEntfernt')}</span>
                     </div>
                   )}
 
                   {cleanupPhase === 'preview' && cleanupResult.duplicateGroups === 0 && (
                     <div style={{ padding: '0.75rem 1rem', background: '#f0fff4', borderRadius: '6px', color: '#2f855a', marginBottom: '1rem', display: 'flex', alignItems: 'center', gap: '0.5rem', border: '1px solid #9ae6b4' }}>
                       <FaCheckCircle />
-                      <span>Keine Duplikate gefunden. Alles sauber!</span>
+                      <span>{t('adminMandateRolePermissions.keineDuplikateGefundenAllesSauber')}</span>
                     </div>
                   )}
 
@@ -501,11 +505,11 @@ export const AdminMandateRolePermissionsPage: React.FC = () => {
                       <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(140px, 1fr))', gap: '0.75rem', marginBottom: '1rem' }}>
                         <div style={{ padding: '0.75rem', background: 'var(--bg-secondary)', borderRadius: '8px', textAlign: 'center', border: '1px solid var(--border-color)' }}>
                           <div style={{ fontSize: '1.5rem', fontWeight: 700, color: 'var(--text-primary)' }}>{templateFixResult.totalUserMandateRoles}</div>
-                          <div style={{ fontSize: '0.75rem', color: 'var(--text-secondary)' }}>Rollen-Zuweisungen total</div>
+                          <div style={{ fontSize: '0.75rem', color: 'var(--text-secondary)' }}>{t('adminMandateRolePermissions.rollenzuweisungenTotal')}</div>
                         </div>
                         <div style={{ padding: '0.75rem', background: templateFixResult.invalidAssignments > 0 ? '#fff5f5' : '#f0fff4', borderRadius: '8px', textAlign: 'center', border: `1px solid ${templateFixResult.invalidAssignments > 0 ? '#fc8181' : '#9ae6b4'}` }}>
                           <div style={{ fontSize: '1.5rem', fontWeight: 700, color: templateFixResult.invalidAssignments > 0 ? '#c53030' : '#2f855a' }}>{templateFixResult.invalidAssignments}</div>
-                          <div style={{ fontSize: '0.75rem', color: 'var(--text-secondary)' }}>Template statt Instanz</div>
+                          <div style={{ fontSize: '0.75rem', color: 'var(--text-secondary)' }}>{t('adminMandateRolePermissions.templateStattInstanz')}</div>
                         </div>
                         <div style={{ padding: '0.75rem', background: 'var(--bg-secondary)', borderRadius: '8px', textAlign: 'center', border: '1px solid var(--border-color)' }}>
                           <div style={{ fontSize: '1.5rem', fontWeight: 700, color: templateFixResult.fixedCount > 0 ? '#2f855a' : 'var(--text-primary)' }}>
@@ -522,8 +526,8 @@ export const AdminMandateRolePermissionsPage: React.FC = () => {
                           <table style={{ width: '100%', borderCollapse: 'collapse', fontSize: '0.8125rem' }}>
                             <thead>
                               <tr style={{ background: 'var(--bg-secondary)', position: 'sticky', top: 0 }}>
-                                <th style={{ padding: '0.5rem 0.75rem', textAlign: 'left', fontWeight: 600, borderBottom: '1px solid var(--border-color)' }}>Rolle</th>
-                                <th style={{ padding: '0.5rem 0.75rem', textAlign: 'left', fontWeight: 600, borderBottom: '1px solid var(--border-color)' }}>Mandant</th>
+                                <th style={{ padding: '0.5rem 0.75rem', textAlign: 'left', fontWeight: 600, borderBottom: '1px solid var(--border-color)' }}>{t('adminMandateRolePermissions.rolle')}</th>
+                                <th style={{ padding: '0.5rem 0.75rem', textAlign: 'left', fontWeight: 600, borderBottom: '1px solid var(--border-color)' }}>{t('adminMandateRolePermissions.mandant')}</th>
                                 <th style={{ padding: '0.5rem 0.75rem', textAlign: 'center', fontWeight: 600, borderBottom: '1px solid var(--border-color)' }}>Aktion</th>
                               </tr>
                             </thead>
@@ -563,7 +567,7 @@ export const AdminMandateRolePermissionsPage: React.FC = () => {
                   {templateFixResult && templateFixResult.invalidAssignments === 0 && (
                     <div style={{ marginTop: '1rem', padding: '0.5rem 0.75rem', background: '#f0fff4', borderRadius: '6px', color: '#2f855a', fontSize: '0.875rem', display: 'flex', alignItems: 'center', gap: '0.5rem', border: '1px solid #9ae6b4' }}>
                       <FaCheckCircle />
-                      <span>Keine fehlerhaften Template-Rollen-Zuweisungen.</span>
+                      <span>{t('adminMandateRolePermissions.keineFehlerhaftenTemplaterollenzuweisungen')}</span>
                     </div>
                   )}
                 </>
@@ -572,7 +576,7 @@ export const AdminMandateRolePermissionsPage: React.FC = () => {
 
             <div className={styles.modalFooter}>
               <button className={styles.secondaryButton} onClick={_closeCleanupModal}>
-                {cleanupPhase === 'done' ? 'Schliessen' : 'Abbrechen'}
+                {cleanupPhase === 'done' ? t('adminMandateRolePermissions.schliessen') : t('adminMandateRolePermissions.abbrechen')}
               </button>
               {cleanupPhase === 'preview' && cleanupResult && (cleanupResult.duplicateRulesToDelete > 0 || (templateFixResult && templateFixResult.invalidAssignments > 0)) && (
                 <button 
diff --git a/src/pages/admin/AdminMandateRolesPage.tsx b/src/pages/admin/AdminMandateRolesPage.tsx
index f5b30ce..67611c5 100644
--- a/src/pages/admin/AdminMandateRolesPage.tsx
+++ b/src/pages/admin/AdminMandateRolesPage.tsx
@@ -24,7 +24,11 @@ import { useToast } from '../../contexts/ToastContext';
 import api from '../../api';
 import styles from './Admin.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 export const AdminMandateRolesPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const navigate = useNavigate();
   const { showError, showWarning } = useToast();
   const {
@@ -99,7 +103,7 @@ export const AdminMandateRolesPage: React.FC = () => {
   const columns = useMemo(() => [
     { 
       key: 'roleLabel', 
-      label: 'Bezeichnung', 
+      label: t('adminMandateRoles.bezeichnung'), 
       type: 'string' as const, 
       sortable: true, 
       filterable: true, 
@@ -108,7 +112,7 @@ export const AdminMandateRolesPage: React.FC = () => {
     },
     { 
       key: 'description', 
-      label: 'Beschreibung', 
+      label: t('adminMandateRoles.beschreibung'), 
       type: 'string' as const, 
       sortable: false, 
       filterable: false,
@@ -117,7 +121,7 @@ export const AdminMandateRolesPage: React.FC = () => {
     },
     { 
       key: 'scopeType', 
-      label: 'Geltungsbereich', 
+      label: t('adminMandateRoles.geltungsbereich'), 
       type: 'string' as const, 
       sortable: true, 
       filterable: true, 
@@ -144,7 +148,7 @@ export const AdminMandateRolesPage: React.FC = () => {
         );
       }
     },
-  ], []);
+  ], [t]);
 
   // Form attributes from backend - for create form
   const createFields: AttributeDefinition[] = useMemo(() => {
@@ -158,13 +162,13 @@ export const AdminMandateRolesPage: React.FC = () => {
     if (fields.length > 0) {
       fields.push({
         name: 'scope',
-        label: 'Geltungsbereich',
+        label: t('adminMandateRolesPage.geltungsbereich'),
         type: 'enum' as any,
         required: true,
         default: 'mandate',
         options: [
-          { value: 'mandate', label: 'Nur dieser Mandant' },
-          { value: 'global', label: 'Template (wird bei neuen Mandanten kopiert)' },
+          { value: 'mandate', label: t('adminMandateRolesPage.nurDieserMandant') },
+          { value: 'global', label: t('adminMandateRolesPage.templateBeiNeuenMandanten') },
         ]
       });
     }
@@ -310,8 +314,8 @@ export const AdminMandateRolesPage: React.FC = () => {
     <div className={`${styles.adminPage} ${styles.adminPageFill}`}>
       <div className={styles.pageHeader}>
         <div>
-          <h1 className={styles.pageTitle}>Rollen</h1>
-          <p className={styles.pageSubtitle}>Verwalten Sie System-, globale und mandantenspezifische Rollen</p>
+          <h1 className={styles.pageTitle}>{t('adminMandateRoles.rollen')}</h1>
+          <p className={styles.pageSubtitle}>{t('adminMandateRoles.verwaltenSieSystemGlobaleUnd')}</p>
         </div>
         <div className={styles.headerActions}>
           <button
@@ -343,7 +347,7 @@ export const AdminMandateRolesPage: React.FC = () => {
             value={selectedMandateId}
             onChange={(e) => setSelectedMandateId(e.target.value)}
           >
-            <option value="">-- Mandant wählen --</option>
+            <option value="">{t('adminMandateRoles.mandantWaehlen')}</option>
             {mandates.map(m => (
               <option key={m.id} value={m.id}>
                 {getMandateName(m)}
@@ -353,7 +357,7 @@ export const AdminMandateRolesPage: React.FC = () => {
         </div>
 
         <div className={styles.filterGroup}>
-          <label className={styles.filterLabel}>Filter:</label>
+          <label className={styles.filterLabel}>{t('adminMandateRoles.filter')}</label>
           <select
             className={styles.filterSelect}
             value={scopeFilter}
@@ -361,8 +365,8 @@ export const AdminMandateRolesPage: React.FC = () => {
             style={{ minWidth: 150 }}
           >
             <option value="mandate">Mandanten-Rollen</option>
-            <option value="all">Alle (inkl. Templates)</option>
-            <option value="global">Nur Templates</option>
+            <option value="all">{t('adminMandateRoles.alleInklTemplates')}</option>
+            <option value="global">{t('adminMandateRoles.nurTemplates')}</option>
           </select>
         </div>
         
@@ -401,7 +405,7 @@ export const AdminMandateRolesPage: React.FC = () => {
       {!selectedMandateId ? (
         <div className={styles.emptyState}>
           <FaBuilding className={styles.emptyIcon} />
-          <h3 className={styles.emptyTitle}>Kein Mandant ausgewählt</h3>
+          <h3 className={styles.emptyTitle}>{t('adminMandateRoles.keinMandantAusgewaehlt')}</h3>
           <p className={styles.emptyDescription}>
             Wählen Sie einen Mandanten aus, um dessen Rollen zu verwalten.
           </p>
@@ -423,12 +427,12 @@ export const AdminMandateRolesPage: React.FC = () => {
               {
                 type: 'edit' as const,
                 onAction: handleEditClick,
-                title: 'Rolle bearbeiten',
+                title: t('adminMandateRolesPage.editRole'),
                 disabled: (row: Role) => row.isSystemRole ? { disabled: true, message: 'System-Rollen können nicht bearbeitet werden' } : false
               },
               {
                 type: 'delete' as const,
-                title: 'Rolle löschen',
+                title: t('adminMandateRolesPage.deleteRole'),
                 disabled: (row: Role) => row.isSystemRole ? { disabled: true, message: 'System-Rollen können nicht gelöscht werden' } : false
               }
             ]}
@@ -438,7 +442,7 @@ export const AdminMandateRolesPage: React.FC = () => {
               pagination: pagination,
               handleDelete: handleDeleteRole,
             }}
-            emptyMessage="Keine Rollen gefunden"
+            emptyMessage={t('adminMandateRoles.keineRollenGefunden')}
           />
         </div>
       )}
@@ -448,7 +452,7 @@ export const AdminMandateRolesPage: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => setShowCreateModal(false)}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Neue Rolle erstellen</h2>
+              <h2 className={styles.modalTitle}>{t('adminMandateRoles.neueRolleErstellen')}</h2>
               <button
                 className={styles.modalClose}
                 onClick={() => setShowCreateModal(false)}
@@ -460,7 +464,7 @@ export const AdminMandateRolesPage: React.FC = () => {
               {createFields.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('adminMandateRoles.ladeFormular')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -469,7 +473,7 @@ export const AdminMandateRolesPage: React.FC = () => {
                   onSubmit={handleCreateRole}
                   onCancel={() => setShowCreateModal(false)}
                   submitButtonText={isSubmitting ? 'Erstelle...' : 'Rolle erstellen'}
-                  cancelButtonText="Abbrechen"
+                  cancelButtonText={t('adminMandateRoles.abbrechen')}
                 />
               )}
             </div>
@@ -494,7 +498,7 @@ export const AdminMandateRolesPage: React.FC = () => {
               {editFields.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('adminMandateRoles.ladeFormular')}</span>
                 </div>
               ) : (
                 <>
@@ -511,8 +515,8 @@ export const AdminMandateRolesPage: React.FC = () => {
                     mode="edit"
                     onSubmit={handleEditRole}
                     onCancel={() => setEditingRole(null)}
-                    submitButtonText={isSubmitting ? 'Speichern...' : 'Speichern'}
-                    cancelButtonText="Abbrechen"
+                    submitButtonText={isSubmitting ? t('adminMandateRoles.speichern') : t('adminMandateRoles.speichern')}
+                    cancelButtonText={t('adminMandateRoles.abbrechen')}
                   />
                 </>
               )}
diff --git a/src/pages/admin/AdminMandatesPage.tsx b/src/pages/admin/AdminMandatesPage.tsx
index f35c6ba..50c9426 100644
--- a/src/pages/admin/AdminMandatesPage.tsx
+++ b/src/pages/admin/AdminMandatesPage.tsx
@@ -17,10 +17,14 @@ import { useToast } from '../../contexts/ToastContext';
 import { usePrompt } from '../../hooks/usePrompt';
 import { FormGeneratorTable } from '../../components/FormGenerator/FormGeneratorTable';
 import { FormGeneratorForm } from '../../components/FormGenerator/FormGeneratorForm';
-import { FaPlus, FaSync, FaBuilding, FaUsers, FaLock, FaSkullCrossbones } from 'react-icons/fa';
+import { FaPlus, FaSync, FaUsers, FaLock, FaSkullCrossbones } from 'react-icons/fa';
 import styles from './Admin.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 export const AdminMandatesPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const navigate = useNavigate();
   const { request } = useApiRequest();
   const { showWarning, showSuccess } = useToast();
@@ -120,7 +124,7 @@ export const AdminMandatesPage: React.FC = () => {
     }
     const entered = await prompt(
       `Um den Mandanten "${mandate.name}" zu deaktivieren (Soft-Delete), geben Sie den Namen ein:`,
-      { title: 'Mandant deaktivieren', confirmLabel: 'Deaktivieren', variant: 'danger', placeholder: mandate.name },
+      { title: t('adminMandatesPage.deactivateMandate'), confirmLabel: t('adminMandatesPage.deactivate'), variant: 'danger', placeholder: mandate.name },
     );
     if (entered === null) return;
     if (entered !== mandate.name) {
@@ -137,7 +141,7 @@ export const AdminMandatesPage: React.FC = () => {
     }
     const entered = await prompt(
       `ACHTUNG: Dies löscht den Mandanten "${mandate.name}" unwiderruflich inkl. aller Subscriptions, Features, Benutzer-Zuweisungen und Daten. Geben Sie den exakten Namen ein:`,
-      { title: 'Hard Delete (irreversibel)', confirmLabel: 'Endgültig löschen', variant: 'danger', placeholder: mandate.name },
+      { title: t('adminMandatesPage.hardDeleteIrreversible'), confirmLabel: t('adminMandatesPage.deletePermanently'), variant: 'danger', placeholder: mandate.name },
     );
     if (entered === null) return;
     if (entered !== mandate.name) {
@@ -169,7 +173,7 @@ export const AdminMandatesPage: React.FC = () => {
       <div className={styles.pageHeader}>
         <div>
           <h1 className={styles.pageTitle}>Mandanten</h1>
-          <p className={styles.pageSubtitle}>Verwalten Sie alle Mandanten im System</p>
+          <p className={styles.pageSubtitle}>{t('adminMandates.verwaltenSieAlleMandantenIm')}</p>
         </div>
         <div className={styles.headerActions}>
           <button
@@ -213,11 +217,11 @@ export const AdminMandatesPage: React.FC = () => {
               ...(canUpdate ? [{
                 type: 'edit' as const,
                 onAction: handleEditClick,
-                title: 'Bearbeiten',
+                title: t('adminMandatesPage.edit'),
               }] : []),
               ...(canDelete ? [{
                 type: 'delete' as const,
-                title: 'Deaktivieren (Soft-Delete)',
+                title: t('adminMandatesPage.deactivateSoftDelete'),
                 disabled: (row: Mandate) => row.isSystem 
                   ? { disabled: true, message: 'System-Mandanten können nicht gelöscht werden' } 
                   : false
@@ -227,7 +231,7 @@ export const AdminMandatesPage: React.FC = () => {
               id: 'hard-delete',
               icon: <FaSkullCrossbones />,
               onClick: handleHardDeleteMandate,
-              title: 'Hard Delete (irreversibel)',
+              title: t('adminMandatesPage.hardDeleteIrreversible'),
               disabled: (row: Mandate) => row.isSystem
                 ? { disabled: true, message: 'System-Mandanten können nicht gelöscht werden' }
                 : false,
@@ -241,7 +245,7 @@ export const AdminMandatesPage: React.FC = () => {
               handleInlineUpdate,
               updateOptimistically,
             }}
-            emptyMessage="Keine Mandanten gefunden"
+            emptyMessage={t('adminMandates.keineMandantenGefunden')}
           />
       </div>
 
@@ -250,7 +254,7 @@ export const AdminMandatesPage: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => setShowCreateModal(false)}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Neuer Mandant</h2>
+              <h2 className={styles.modalTitle}>{t('adminMandates.neuerMandant')}</h2>
               <button 
                 className={styles.modalClose}
                 onClick={() => setShowCreateModal(false)}
@@ -266,7 +270,7 @@ export const AdminMandatesPage: React.FC = () => {
               {mandateAttrsLoading || createFormAttributes.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('adminMandates.ladeFormular')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -274,8 +278,8 @@ export const AdminMandatesPage: React.FC = () => {
                   mode="create"
                   onSubmit={handleCreateSubmit}
                   onCancel={() => setShowCreateModal(false)}
-                  submitButtonText="Erstellen"
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={t('adminMandates.erstellen')}
+                  cancelButtonText={t('adminMandates.abbrechen')}
                 />
               )}
             </div>
@@ -296,7 +300,7 @@ export const AdminMandatesPage: React.FC = () => {
         >
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Mandant bearbeiten</h2>
+              <h2 className={styles.modalTitle}>{t('adminMandates.mandantBearbeiten')}</h2>
               <button
                 className={styles.modalClose}
                 onClick={() => {
@@ -327,7 +331,7 @@ export const AdminMandatesPage: React.FC = () => {
               {formAttributes.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('adminMandates.ladeFormular')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -339,8 +343,8 @@ export const AdminMandatesPage: React.FC = () => {
                     setEditingFormData(null);
                     setEditingBillingWarning(null);
                   }}
-                  submitButtonText="Speichern"
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={t('adminMandates.speichern')}
+                  cancelButtonText={t('adminMandates.abbrechen')}
                 />
               )}
             </div>
diff --git a/src/pages/admin/AdminUserAccessOverviewPage.tsx b/src/pages/admin/AdminUserAccessOverviewPage.tsx
index fdea742..d7ebc76 100644
--- a/src/pages/admin/AdminUserAccessOverviewPage.tsx
+++ b/src/pages/admin/AdminUserAccessOverviewPage.tsx
@@ -10,6 +10,8 @@ import { FaSync, FaUserShield, FaEye, FaDatabase, FaCube, FaChevronDown, FaChevr
 import api from '../../api';
 import styles from './Admin.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 interface UserOption {
   id: string;
   username: string;
@@ -84,6 +86,8 @@ interface UserAccessOverview {
 type TabId = 'overview' | 'ui' | 'data' | 'resources';
 
 export const AdminUserAccessOverviewPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const [users, setUsers] = useState<UserOption[]>([]);
   const [selectedUserId, setSelectedUserId] = useState<string>('');
   const [overview, setOverview] = useState<UserAccessOverview | null>(null);
@@ -201,10 +205,10 @@ export const AdminUserAccessOverviewPage: React.FC = () => {
           </div>
         )}
 
-        <h3 style={{ marginBottom: '1rem', color: 'var(--text-primary)' }}>Zugriff nach Mandant</h3>
+        <h3 style={{ marginBottom: '1rem', color: 'var(--text-primary)' }}>{t('adminUserAccessOverview.zugriffNachMandant')}</h3>
 
         {overview.mandates.length === 0 ? (
-          <p className={styles.emptyHint}>Keine Mandate-Zuordnungen vorhanden.</p>
+          <p className={styles.emptyHint}>{t('adminUserAccessOverview.keineMandatezuordnungenVorhanden')}</p>
         ) : (
           <div className={styles.rolesList} style={{ flex: 'none', overflow: 'visible' }}>
             {overview.mandates.map((mandate) => {
@@ -228,7 +232,7 @@ export const AdminUserAccessOverviewPage: React.FC = () => {
                   {expandedMandates.has(mandate.id) && (
                     <div className={styles.roleContent}>
                       {mandateRoles.length === 0 ? (
-                        <p className={styles.emptyHint}>Keine Rollen direkt am Mandanten.</p>
+                        <p className={styles.emptyHint}>{t('adminUserAccessOverview.keineRollenDirektAmMandanten')}</p>
                       ) : (
                         <ul className={styles.accessOverviewRoleBullets}>
                           {mandateRoles.map((r) => (
@@ -253,7 +257,7 @@ export const AdminUserAccessOverviewPage: React.FC = () => {
 
                       <div className={styles.accessOverviewSubheading}>Feature-Instanzen</div>
                       {mandate.featureInstances.length === 0 ? (
-                        <p className={styles.emptyHint}>Keine Feature-Instanzen zugewiesen.</p>
+                        <p className={styles.emptyHint}>{t('adminUserAccessOverview.keineFeatureinstanzenZugewiesen')}</p>
                       ) : (
                         <div className={styles.accessOverviewInstanceStack}>
                           {mandate.featureInstances.map((instance) => {
@@ -334,7 +338,7 @@ export const AdminUserAccessOverviewPage: React.FC = () => {
                     <div className={styles.roleContent}>
                       <div style={{ fontSize: '0.875rem' }}>
                         <p>
-                          <strong>Beschreibung:</strong> {_roleDescriptionLine(role) || '—'}
+                          <strong>{t('adminUserAccessOverview.beschreibung')}</strong> {_roleDescriptionLine(role) || '—'}
                         </p>
                       </div>
                     </div>
@@ -355,13 +359,13 @@ export const AdminUserAccessOverviewPage: React.FC = () => {
       <div className={styles.scrollableContent}>
         <div className={styles.infoBox}>
           <FaInfoCircle style={{ marginRight: '0.5rem', color: 'var(--primary-color)' }} />
-          <span>UI-Zugriffsrechte bestimmen, welche Seiten und Views der Benutzer sehen kann.</span>
+          <span>{t('adminUserAccessOverview.uizugriffsrechteBestimmenWelcheSeitenUnd')}</span>
         </div>
         
         {overview.uiAccess.length === 0 ? (
           <div className={styles.emptyState}>
             <FaEye className={styles.emptyIcon} />
-            <h3 className={styles.emptyTitle}>Keine UI-Berechtigungen</h3>
+            <h3 className={styles.emptyTitle}>{t('adminUserAccessOverview.keineUiberechtigungen')}</h3>
             <p className={styles.emptyDescription}>
               Diesem Benutzer wurden keine expliziten UI-Berechtigungen zugewiesen.
             </p>
@@ -372,7 +376,7 @@ export const AdminUserAccessOverviewPage: React.FC = () => {
               <tr style={{ borderBottom: '2px solid var(--border-color)' }}>
                 <th style={{ textAlign: 'left', padding: '0.75rem', color: 'var(--text-secondary)' }}>UI-Element</th>
                 <th style={{ textAlign: 'center', padding: '0.75rem', color: 'var(--text-secondary)', width: '80px' }}>Sichtbar</th>
-                <th style={{ textAlign: 'left', padding: '0.75rem', color: 'var(--text-secondary)' }}>Gewährt durch</th>
+                <th style={{ textAlign: 'left', padding: '0.75rem', color: 'var(--text-secondary)' }}>{t('adminUserAccessOverview.gewaehrtDurch')}</th>
               </tr>
             </thead>
             <tbody>
@@ -422,7 +426,7 @@ export const AdminUserAccessOverviewPage: React.FC = () => {
         {overview.dataAccess.length === 0 ? (
           <div className={styles.emptyState}>
             <FaDatabase className={styles.emptyIcon} />
-            <h3 className={styles.emptyTitle}>Keine Daten-Berechtigungen</h3>
+            <h3 className={styles.emptyTitle}>{t('adminUserAccessOverview.keineDatenberechtigungen')}</h3>
             <p className={styles.emptyDescription}>
               Diesem Benutzer wurden keine expliziten Daten-Berechtigungen zugewiesen.
             </p>
@@ -433,10 +437,10 @@ export const AdminUserAccessOverviewPage: React.FC = () => {
               <tr style={{ borderBottom: '2px solid var(--border-color)' }}>
                 <th style={{ textAlign: 'left', padding: '0.75rem', color: 'var(--text-secondary)' }}>Tabelle/Feld</th>
                 <th style={{ textAlign: 'center', padding: '0.75rem', color: 'var(--text-secondary)', width: '70px' }}>Lesen</th>
-                <th style={{ textAlign: 'center', padding: '0.75rem', color: 'var(--text-secondary)', width: '70px' }}>Erstellen</th>
+                <th style={{ textAlign: 'center', padding: '0.75rem', color: 'var(--text-secondary)', width: '70px' }}>{t('adminUserAccessOverview.erstellen')}</th>
                 <th style={{ textAlign: 'center', padding: '0.75rem', color: 'var(--text-secondary)', width: '70px' }}>Update</th>
-                <th style={{ textAlign: 'center', padding: '0.75rem', color: 'var(--text-secondary)', width: '70px' }}>Löschen</th>
-                <th style={{ textAlign: 'left', padding: '0.75rem', color: 'var(--text-secondary)' }}>Gewährt durch</th>
+                <th style={{ textAlign: 'center', padding: '0.75rem', color: 'var(--text-secondary)', width: '70px' }}>{t('adminUserAccessOverview.loeschen')}</th>
+                <th style={{ textAlign: 'left', padding: '0.75rem', color: 'var(--text-secondary)' }}>{t('adminUserAccessOverview.gewaehrtDurch')}</th>
               </tr>
             </thead>
             <tbody>
@@ -518,13 +522,13 @@ export const AdminUserAccessOverviewPage: React.FC = () => {
       <div className={styles.scrollableContent}>
         <div className={styles.infoBox}>
           <FaInfoCircle style={{ marginRight: '0.5rem', color: 'var(--primary-color)' }} />
-          <span>Ressourcen-Zugriffsrechte bestimmen, welche System-Ressourcen (z.B. AI-Modelle) der Benutzer verwenden kann.</span>
+          <span>{t('adminUserAccessOverview.ressourcenzugriffsrechteBestimmenWelcheSystemressourcenZb')}</span>
         </div>
         
         {overview.resourceAccess.length === 0 ? (
           <div className={styles.emptyState}>
             <FaCube className={styles.emptyIcon} />
-            <h3 className={styles.emptyTitle}>Keine Ressourcen-Berechtigungen</h3>
+            <h3 className={styles.emptyTitle}>{t('adminUserAccessOverview.keineRessourcenberechtigungen')}</h3>
             <p className={styles.emptyDescription}>
               Diesem Benutzer wurden keine expliziten Ressourcen-Berechtigungen zugewiesen.
             </p>
@@ -535,7 +539,7 @@ export const AdminUserAccessOverviewPage: React.FC = () => {
               <tr style={{ borderBottom: '2px solid var(--border-color)' }}>
                 <th style={{ textAlign: 'left', padding: '0.75rem', color: 'var(--text-secondary)' }}>Ressource</th>
                 <th style={{ textAlign: 'center', padding: '0.75rem', color: 'var(--text-secondary)', width: '80px' }}>Zugriff</th>
-                <th style={{ textAlign: 'left', padding: '0.75rem', color: 'var(--text-secondary)' }}>Gewährt durch</th>
+                <th style={{ textAlign: 'left', padding: '0.75rem', color: 'var(--text-secondary)' }}>{t('adminUserAccessOverview.gewaehrtDurch')}</th>
               </tr>
             </thead>
             <tbody>
@@ -590,8 +594,8 @@ export const AdminUserAccessOverviewPage: React.FC = () => {
     <div className={`${styles.adminPage} ${styles.adminPageFill}`}>
       <div className={styles.pageHeader}>
         <div>
-          <h1 className={styles.pageTitle}>Benutzer-Zugriffsübersicht</h1>
-          <p className={styles.pageSubtitle}>Zeigt alle Berechtigungen eines Benutzers an</p>
+          <h1 className={styles.pageTitle}>{t('adminUserAccessOverview.benutzerzugriffsuebersicht')}</h1>
+          <p className={styles.pageSubtitle}>{t('adminUserAccessOverview.zeigtAlleBerechtigungenEinesBenutzers')}</p>
         </div>
       </div>
 
@@ -609,7 +613,7 @@ export const AdminUserAccessOverviewPage: React.FC = () => {
             disabled={loadingUsers}
             style={{ minWidth: '300px' }}
           >
-            <option value="">-- Benutzer wählen --</option>
+            <option value="">{t('adminUserAccessOverview.benutzerWaehlen')}</option>
             {users.map(user => (
               <option key={user.id} value={user.id}>
                 {user.fullName || user.username} ({user.email})
@@ -634,7 +638,7 @@ export const AdminUserAccessOverviewPage: React.FC = () => {
       {!selectedUserId ? (
         <div className={styles.emptyState}>
           <FaUserShield className={styles.emptyIcon} />
-          <h3 className={styles.emptyTitle}>Benutzer auswählen</h3>
+          <h3 className={styles.emptyTitle}>{t('adminUserAccessOverview.benutzerAuswaehlen')}</h3>
           <p className={styles.emptyDescription}>
             Wählen Sie einen Benutzer aus, um dessen Zugriffsberechtigungen anzuzeigen.
           </p>
@@ -642,7 +646,7 @@ export const AdminUserAccessOverviewPage: React.FC = () => {
       ) : loading ? (
         <div className={styles.loadingContainer}>
           <div className={styles.spinner} />
-          <span>Lade Zugriffsübersicht...</span>
+          <span>{t('adminUserAccessOverview.ladeZugriffsuebersicht')}</span>
         </div>
       ) : overview ? (
         <>
diff --git a/src/pages/admin/AdminUserMandatesPage.tsx b/src/pages/admin/AdminUserMandatesPage.tsx
index 754919e..8370166 100644
--- a/src/pages/admin/AdminUserMandatesPage.tsx
+++ b/src/pages/admin/AdminUserMandatesPage.tsx
@@ -9,12 +9,16 @@ import React, { useState, useEffect, useMemo, useCallback, useRef } from 'react'
 import { useUserMandates, type MandateUser, type Mandate, type Role, type PaginationParams } from '../../hooks/useUserMandates';
 import { FormGeneratorTable } from '../../components/FormGenerator/FormGeneratorTable';
 import { FormGeneratorForm, type AttributeDefinition } from '../../components/FormGenerator/FormGeneratorForm';
-import { FaPlus, FaSync, FaUsers, FaBuilding } from 'react-icons/fa';
+import { FaPlus, FaSync, FaBuilding } from 'react-icons/fa';
 import { useToast } from '../../contexts/ToastContext';
 import api from '../../api';
 import styles from './Admin.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 export const AdminUserMandatesPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const { showError } = useToast();
   const {
     users,
@@ -97,7 +101,7 @@ export const AdminUserMandatesPage: React.FC = () => {
     return [
       {
         key: 'username',
-        label: 'Benutzername',
+        label: t('adminUserMandates.benutzername'),
         type: 'text' as any,
         sortable: true,
         filterable: true,
@@ -106,7 +110,7 @@ export const AdminUserMandatesPage: React.FC = () => {
       },
       {
         key: 'email',
-        label: 'E-Mail',
+        label: t('adminUserMandates.email'),
         type: 'text' as any,
         sortable: true,
         filterable: true,
@@ -115,7 +119,7 @@ export const AdminUserMandatesPage: React.FC = () => {
       },
       {
         key: 'fullName',
-        label: 'Vollständiger Name',
+        label: t('adminUserMandates.vollstaendigerName'),
         type: 'text' as any,
         sortable: true,
         filterable: true,
@@ -124,7 +128,7 @@ export const AdminUserMandatesPage: React.FC = () => {
       },
       {
         key: 'roleLabels',
-        label: 'Rollen',
+        label: t('adminUserMandates.rollen'),
         type: 'text' as any,
         sortable: false,
         filterable: false,
@@ -137,7 +141,7 @@ export const AdminUserMandatesPage: React.FC = () => {
       },
       {
         key: 'enabled',
-        label: 'Aktiv',
+        label: t('adminUserMandates.aktiv'),
         type: 'boolean' as any,
         sortable: true,
         filterable: true,
@@ -145,7 +149,7 @@ export const AdminUserMandatesPage: React.FC = () => {
         width: 80,
       },
     ];
-  }, []); // No dependencies - columns are static, roleLabels come from backend
+  }, [t]);
 
   // Dynamic options for forms (users and roles)
   const userOptions = useMemo(() => 
@@ -274,7 +278,7 @@ export const AdminUserMandatesPage: React.FC = () => {
       <div className={styles.pageHeader}>
         <div>
           <h1 className={styles.pageTitle}>Mandanten-Mitglieder</h1>
-          <p className={styles.pageSubtitle}>Verwalten Sie, welche Benutzer Zugriff auf welche Mandanten haben</p>
+          <p className={styles.pageSubtitle}>{t('adminUserMandates.verwaltenSieWelcheBenutzerZugriff')}</p>
         </div>
       </div>
 
@@ -290,7 +294,7 @@ export const AdminUserMandatesPage: React.FC = () => {
             value={selectedMandateId}
             onChange={(e) => setSelectedMandateId(e.target.value)}
           >
-            <option value="">-- Mandant wählen --</option>
+            <option value="">{t('adminUserMandates.mandantWaehlen')}</option>
             {mandates.map(m => (
               <option key={m.id} value={m.id}>
                 {getMandateName(m)}
@@ -323,7 +327,7 @@ export const AdminUserMandatesPage: React.FC = () => {
       {!selectedMandateId ? (
         <div className={styles.emptyState}>
           <FaBuilding className={styles.emptyIcon} />
-          <h3 className={styles.emptyTitle}>Kein Mandant ausgewählt</h3>
+          <h3 className={styles.emptyTitle}>{t('adminUserMandates.keinMandantAusgewaehlt')}</h3>
           <p className={styles.emptyDescription}>
             Wählen Sie einen Mandanten aus, um dessen Mitglieder zu verwalten.
           </p>
@@ -345,11 +349,11 @@ export const AdminUserMandatesPage: React.FC = () => {
               {
                 type: 'edit' as const,
                 onAction: handleEditClick,
-                title: 'Rollen bearbeiten',
+                title: t('adminUserMandatesPage.editRoles'),
               },
               {
                 type: 'delete' as const,
-                title: 'Aus Mandant entfernen',
+                title: t('adminUserMandatesPage.removeFromMandate'),
               }
             ]}
             onDelete={handleRemoveUser}
@@ -366,7 +370,7 @@ export const AdminUserMandatesPage: React.FC = () => {
                 return false;
               },
             }}
-            emptyMessage="Keine Mitglieder gefunden"
+            emptyMessage={t('adminUserMandates.keineMitgliederGefunden')}
           />
         </div>
       )}
@@ -376,7 +380,7 @@ export const AdminUserMandatesPage: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => setShowAddModal(false)}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Benutzer zum Mandanten hinzufügen</h2>
+              <h2 className={styles.modalTitle}>{t('adminUserMandates.benutzerZumMandantenHinzufuegen')}</h2>
               <button
                 className={styles.modalClose}
                 onClick={() => setShowAddModal(false)}
@@ -386,11 +390,11 @@ export const AdminUserMandatesPage: React.FC = () => {
             </div>
             <div className={styles.modalContent}>
               {availableUsers.length === 0 ? (
-                <p>Alle Benutzer sind bereits diesem Mandanten zugewiesen.</p>
+                <p>{t('adminUserMandates.alleBenutzerSindBereitsDiesem')}</p>
               ) : roleOptions.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Rollen...</span>
+                  <span>{t('adminUserMandates.ladeRollen')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -398,8 +402,8 @@ export const AdminUserMandatesPage: React.FC = () => {
                   mode="create"
                   onSubmit={handleAddUser}
                   onCancel={() => setShowAddModal(false)}
-                  submitButtonText={isSubmitting ? 'Hinzufügen...' : 'Hinzufügen'}
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={isSubmitting ? t('adminUserMandates.hinzufuegen') : t('adminUserMandates.hinzufuegen')}
+                  cancelButtonText={t('adminUserMandates.abbrechen')}
                 />
               )}
             </div>
@@ -427,8 +431,8 @@ export const AdminUserMandatesPage: React.FC = () => {
                 mode="edit"
                 onSubmit={handleEditRoles}
                 onCancel={() => setEditingUser(null)}
-                submitButtonText={isSubmitting ? 'Speichern...' : 'Speichern'}
-                cancelButtonText="Abbrechen"
+                submitButtonText={isSubmitting ? t('adminUserMandates.speichern') : t('adminUserMandates.speichern')}
+                cancelButtonText={t('adminUserMandates.abbrechen')}
               />
             </div>
           </div>
diff --git a/src/pages/admin/AdminUsersPage.tsx b/src/pages/admin/AdminUsersPage.tsx
index 3f4f8f5..bf9cec6 100644
--- a/src/pages/admin/AdminUsersPage.tsx
+++ b/src/pages/admin/AdminUsersPage.tsx
@@ -9,9 +9,11 @@ import { useNavigate } from 'react-router-dom';
 import { useOrgUsers, useUserOperations } from '../../hooks/useUsers';
 import { FormGeneratorTable } from '../../components/FormGenerator/FormGeneratorTable';
 import { FormGeneratorForm } from '../../components/FormGenerator/FormGeneratorForm';
-import { FaPlus, FaSync, FaUsers, FaKey, FaEnvelopeOpenText, FaUserShield } from 'react-icons/fa';
+import { FaPlus, FaSync, FaKey, FaEnvelopeOpenText, FaUserShield } from 'react-icons/fa';
 import styles from './Admin.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 interface User {
   id: string;
   username: string;
@@ -23,6 +25,8 @@ interface User {
 }
 
 export const AdminUsersPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const navigate = useNavigate();
   // Use two hooks: one for data, one for operations
   const {
@@ -141,8 +145,8 @@ export const AdminUsersPage: React.FC = () => {
     <div className={`${styles.adminPage} ${styles.adminPageFill}`}>
       <div className={styles.pageHeader}>
         <div>
-          <h1 className={styles.pageTitle}>Benutzer</h1>
-          <p className={styles.pageSubtitle}>Verwalten Sie alle Benutzer im System</p>
+          <h1 className={styles.pageTitle}>{t('adminUsers.benutzer')}</h1>
+          <p className={styles.pageSubtitle}>{t('adminUsers.verwaltenSieAlleBenutzerIm')}</p>
         </div>
         <div className={styles.headerActions}>
           <button
@@ -193,11 +197,11 @@ export const AdminUsersPage: React.FC = () => {
               ...(canUpdate ? [{
                 type: 'edit' as const,
                 onAction: handleEditClick,
-                title: 'Bearbeiten',
+                title: t('adminUsersPage.edit'),
               }] : []),
               ...(canDelete ? [{
                 type: 'delete' as const,
-                title: 'Löschen',
+                title: t('adminUsersPage.delete'),
               }] : []),
             ]}
             customActions={canUpdate ? [
@@ -205,7 +209,7 @@ export const AdminUsersPage: React.FC = () => {
                 id: 'sendPasswordLink',
                 icon: <FaKey />,
                 onClick: handleSendPassword,
-                title: 'Passwort-Link senden',
+                title: t('adminUsersPage.sendPasswordLink'),
                 loading: (row: User) => sendingPasswordLinkState.has(row.id),
               }
             ] : []}
@@ -218,7 +222,7 @@ export const AdminUsersPage: React.FC = () => {
               handleInlineUpdate,
               updateOptimistically,
             }}
-            emptyMessage="Keine Benutzer gefunden"
+            emptyMessage={t('adminUsers.keineBenutzerGefunden')}
           />
       </div>
 
@@ -227,7 +231,7 @@ export const AdminUsersPage: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => setShowCreateModal(false)}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Neuer Benutzer</h2>
+              <h2 className={styles.modalTitle}>{t('adminUsers.neuerBenutzer')}</h2>
               <button 
                 className={styles.modalClose}
                 onClick={() => setShowCreateModal(false)}
@@ -239,7 +243,7 @@ export const AdminUsersPage: React.FC = () => {
               {formAttributes.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('adminUsers.ladeFormular')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -247,8 +251,8 @@ export const AdminUsersPage: React.FC = () => {
                   mode="create"
                   onSubmit={handleCreateSubmit}
                   onCancel={() => setShowCreateModal(false)}
-                  submitButtonText="Erstellen"
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={t('adminUsers.erstellen')}
+                  cancelButtonText={t('adminUsers.abbrechen')}
                 />
               )}
             </div>
@@ -261,7 +265,7 @@ export const AdminUsersPage: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => setEditingUser(null)}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Benutzer bearbeiten</h2>
+              <h2 className={styles.modalTitle}>{t('adminUsers.benutzerBearbeiten')}</h2>
               <button 
                 className={styles.modalClose}
                 onClick={() => setEditingUser(null)}
@@ -273,7 +277,7 @@ export const AdminUsersPage: React.FC = () => {
               {formAttributes.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('adminUsers.ladeFormular')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -282,8 +286,8 @@ export const AdminUsersPage: React.FC = () => {
                   mode="edit"
                   onSubmit={handleEditSubmit}
                   onCancel={() => setEditingUser(null)}
-                  submitButtonText="Speichern"
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={t('adminUsers.speichern')}
+                  cancelButtonText={t('adminUsers.abbrechen')}
                 />
               )}
             </div>
diff --git a/src/pages/admin/ChatbotConfigSection.tsx b/src/pages/admin/ChatbotConfigSection.tsx
index 7d208b8..6a7e5a2 100644
--- a/src/pages/admin/ChatbotConfigSection.tsx
+++ b/src/pages/admin/ChatbotConfigSection.tsx
@@ -10,6 +10,8 @@ import { TextField } from '../../components/UiComponents/TextField';
 import { useBilling } from '../../hooks/useBilling';
 import styles from './Admin.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 const PROVIDER_LABELS: Record<string, string> = {
   anthropic: 'Anthropic (Claude)',
   openai: 'OpenAI (GPT)',
@@ -35,8 +37,7 @@ export interface ChatbotConfigSectionProps {
   onAllowedProvidersChange: (providers: string[]) => void;
 }
 
-export const ChatbotConfigSection: React.FC<ChatbotConfigSectionProps> = ({
-  connectors,
+export const ChatbotConfigSection: React.FC<ChatbotConfigSectionProps> = ({ connectors,
   systemPrompt,
   enableWebResearch,
   allowedProviders,
@@ -45,6 +46,7 @@ export const ChatbotConfigSection: React.FC<ChatbotConfigSectionProps> = ({
   onEnableWebResearchChange,
   onAllowedProvidersChange,
 }) => {
+  const { t } = useLanguage();
   const { allowedProviders: availableProviders, loadAllowedProviders, loading: providersLoading } = useBilling();
 
   useEffect(() => {
@@ -54,7 +56,7 @@ export const ChatbotConfigSection: React.FC<ChatbotConfigSectionProps> = ({
   }, []);
 
   const availableConnectors = [
-    { id: 'preprocessor', label: 'Althaus Preprocessor', value: 'preprocessor' }
+    { id: 'preprocessor', label: t('chatbotConfigSection.althausPreprocessor'), value: 'preprocessor' }
   ];
   
   const handleConnectorToggle = (connectorValue: string) => {
@@ -110,7 +112,7 @@ export const ChatbotConfigSection: React.FC<ChatbotConfigSectionProps> = ({
             onChange={(e) => onEnableWebResearchChange(e.target.checked)}
             className={styles.multiselectCheckbox}
           />
-          <span>Web Research aktivieren (Tavily)</span>
+          <span>{t('chatbotConfigSection.webResearchAktivierenTavily')}</span>
         </label>
         <p className={styles.configHelpText}>
           Wenn aktiviert, führt der Chatbot zusätzlich Web-Recherchen mit Tavily durch, um aktuelle Informationen aus dem Internet zu finden.
@@ -123,7 +125,7 @@ export const ChatbotConfigSection: React.FC<ChatbotConfigSectionProps> = ({
         </label>
         <div className={styles.multiselectContainer}>
           {providersLoading ? (
-            <span style={{ fontSize: '0.85rem', color: 'var(--text-secondary)' }}>Lade Anbieter...</span>
+            <span style={{ fontSize: '0.85rem', color: 'var(--text-secondary)' }}>{t('chatbotConfigSection.ladeAnbieter')}</span>
           ) : (
             availableProviders.map(provider => (
               <label key={provider} className={styles.multiselectOption}>
@@ -155,7 +157,7 @@ export const ChatbotConfigSection: React.FC<ChatbotConfigSectionProps> = ({
           type="text"
           value={systemPrompt}
           onChange={onSystemPromptChange}
-          placeholder="Benutzerdefinierter System-Prompt für den Chatbot..."
+          placeholder={t('chatbotConfigSection.benutzerdefinierterSystempromptFuerDenChatbot')}
           className={styles.configTextArea}
           size="md"
           rows={6}
diff --git a/src/pages/admin/InstanceDetailModal.tsx b/src/pages/admin/InstanceDetailModal.tsx
index 810634d..0a96e02 100644
--- a/src/pages/admin/InstanceDetailModal.tsx
+++ b/src/pages/admin/InstanceDetailModal.tsx
@@ -15,6 +15,8 @@ import { PermissionMatrix } from './PermissionMatrix';
 import styles from './Admin.module.css';
 import modalStyles from './InstanceDetailModal.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 export interface InstanceDetailModalProps {
   instance: FeatureInstance;
   mandateId: string;
@@ -24,8 +26,7 @@ export interface InstanceDetailModalProps {
   onSaved: () => void;
 }
 
-export const InstanceDetailModal: React.FC<InstanceDetailModalProps> = ({
-  instance,
+export const InstanceDetailModal: React.FC<InstanceDetailModalProps> = ({ instance,
   mandateId,
   mandateName,
   featureLabel,
@@ -42,6 +43,7 @@ export const InstanceDetailModal: React.FC<InstanceDetailModalProps> = ({
     updateInstance,
   } = useFeatureAccess();
   const { showSuccess, showError } = useToast();
+  const { t } = useLanguage();
 
   const [users, setUsers] = useState<FeatureAccessUser[]>([]);
   const [roles, setRoles] = useState<Array<{ id: string; roleLabel: string }>>([]);
@@ -182,7 +184,7 @@ export const InstanceDetailModal: React.FC<InstanceDetailModalProps> = ({
     () => [
       {
         name: 'userId',
-        label: 'Benutzer',
+        label: t('instanceDetailModal.benutzer'),
         type: 'enum' as const,
         required: true,
         options: availableUsers.map((u) => ({
@@ -192,7 +194,7 @@ export const InstanceDetailModal: React.FC<InstanceDetailModalProps> = ({
       },
       {
         name: 'roleIds',
-        label: 'Rollen',
+        label: t('instanceDetailModal.rollen'),
         type: 'multiselect' as const,
         required: true,
         options: roleOptions as AttributeDefinition['options'],
@@ -205,14 +207,14 @@ export const InstanceDetailModal: React.FC<InstanceDetailModalProps> = ({
     () => [
       {
         name: 'roleIds',
-        label: 'Rollen',
+        label: t('instanceDetailModal.rollen'),
         type: 'multiselect' as const,
         required: true,
         options: roleOptions as AttributeDefinition['options'],
       },
       {
         name: 'enabled',
-        label: 'Aktiv',
+        label: t('instanceDetailModal.aktiv'),
         type: 'checkbox' as const,
         required: false,
       },
@@ -223,13 +225,13 @@ export const InstanceDetailModal: React.FC<InstanceDetailModalProps> = ({
   const tabs = [
     {
       id: 'users',
-      label: 'Benutzer',
+      label: t('instanceDetailModal.benutzer'),
       content: (
         <div className={modalStyles.tabContent}>
           {loading ? (
             <div className={styles.loadingContainer}>
               <div className={styles.spinner} />
-              <span>Lade Benutzer...</span>
+              <span>{t('instanceDetailModal.ladeBenutzer')}</span>
             </div>
           ) : (
             <PermissionMatrix
@@ -245,7 +247,7 @@ export const InstanceDetailModal: React.FC<InstanceDetailModalProps> = ({
     },
     {
       id: 'roles',
-      label: 'Rollen',
+      label: t('instanceDetailModal.rollen'),
       content: (
         <div className={modalStyles.tabContent}>
           <p className={modalStyles.rolesIntro}>
@@ -269,19 +271,19 @@ export const InstanceDetailModal: React.FC<InstanceDetailModalProps> = ({
     },
     {
       id: 'settings',
-      label: 'Einstellungen',
+      label: t('instanceDetailModal.einstellungen'),
       content: (
         <div className={modalStyles.tabContent}>
           <FormGeneratorForm
             attributes={[
-              { name: 'label', type: 'string' as const, label: 'Bezeichnung', required: true, editable: true },
-              { name: 'enabled', type: 'boolean' as const, label: 'Aktiviert', required: false, editable: true },
+              { name: 'label', type: 'string' as const, label: t('instanceDetailModal.bezeichnung'), required: true, editable: true },
+              { name: 'enabled', type: 'boolean' as const, label: t('instanceDetailModal.aktiviert'), required: false, editable: true },
             ]}
             data={instance}
             mode="edit"
             onSubmit={handleUpdateInstance}
-            submitButtonText="Speichern"
-            cancelButtonText="Abbrechen"
+            submitButtonText={t('instanceDetailModal.speichern')}
+            cancelButtonText={t('instanceDetailModal.abbrechen')}
             onCancel={() => {}}
           />
         </div>
@@ -299,7 +301,7 @@ export const InstanceDetailModal: React.FC<InstanceDetailModalProps> = ({
               {mandateName} · {featureLabel}
             </p>
           </div>
-          <button type="button" className={styles.modalClose} onClick={onClose} aria-label="Schließen">
+          <button type="button" className={styles.modalClose} onClick={onClose} aria-label={t('instanceDetailModal.schliessen')}>
             ✕
           </button>
         </div>
@@ -312,24 +314,24 @@ export const InstanceDetailModal: React.FC<InstanceDetailModalProps> = ({
         <div className={styles.modalOverlay} onClick={() => setShowAddModal(false)}>
           <div className={styles.modal} onClick={(e) => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Benutzer hinzufügen</h2>
+              <h2 className={styles.modalTitle}>{t('instanceDetailModal.benutzerHinzufuegen')}</h2>
               <button type="button" className={styles.modalClose} onClick={() => setShowAddModal(false)}>
                 ✕
               </button>
             </div>
             <div className={styles.modalContent}>
               {availableUsers.length === 0 ? (
-                <p>Alle Mandanten-Benutzer haben bereits Zugriff.</p>
+                <p>{t('instanceDetailModal.alleMandantenbenutzerHabenBereitsZugriff')}</p>
               ) : addUserFields.length < 2 || !roleOptions?.length ? (
-                <p>Laden...</p>
+                <p>{t('instanceDetailModal.laden')}</p>
               ) : (
                 <FormGeneratorForm
                   attributes={addUserFields}
                   mode="create"
                   onSubmit={handleAddUser}
                   onCancel={() => setShowAddModal(false)}
-                  submitButtonText="Hinzufügen"
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={t('instanceDetailModal.hinzufuegen')}
+                  cancelButtonText={t('instanceDetailModal.abbrechen')}
                 />
               )}
             </div>
@@ -353,8 +355,8 @@ export const InstanceDetailModal: React.FC<InstanceDetailModalProps> = ({
                 mode="edit"
                 onSubmit={handleUpdateRoles}
                 onCancel={() => setEditingUser(null)}
-                submitButtonText="Speichern"
-                cancelButtonText="Abbrechen"
+                submitButtonText={t('instanceDetailModal.speichern')}
+                cancelButtonText={t('instanceDetailModal.abbrechen')}
               />
             </div>
           </div>
diff --git a/src/pages/admin/InstanceHierarchyView.tsx b/src/pages/admin/InstanceHierarchyView.tsx
index 0bb9842..51d8e0d 100644
--- a/src/pages/admin/InstanceHierarchyView.tsx
+++ b/src/pages/admin/InstanceHierarchyView.tsx
@@ -14,6 +14,8 @@ import type { Mandate } from '../../hooks/useUserMandates';
 import hubStyles from './AccessManagementHub.module.css';
 import hierarchyStyles from './InstanceHierarchyView.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 export interface InstanceHierarchyViewProps {
   mandates: Mandate[];
   getMandateName: (mandate: Mandate) => string;
@@ -53,6 +55,7 @@ function MandateContent({
   getFeatureLabel,
   onOpenDetail,
 }: MandateContentProps) {
+  const { t } = useLanguage();
   const [expandedInstanceIds, setExpandedInstanceIds] = useState<Set<string>>(new Set());
 
   const byFeature = useMemo(() => {
@@ -64,7 +67,6 @@ function MandateContent({
     return map;
   }, [instances]);
 
-
   const toggleInstance = (instanceId: string) => {
     setExpandedInstanceIds((prev) => {
       const next = new Set(prev);
@@ -113,7 +115,7 @@ function MandateContent({
                       <span
                         className={`${hubStyles.instanceBadge} ${inst.enabled ? hubStyles.badgeActive : hubStyles.badgeInactive}`}
                       >
-                        {inst.enabled ? 'Aktiv' : 'Inaktiv'}
+                        {inst.enabled ? t('instanceHierarchy.aktiv') : t('instanceHierarchy.inaktiv')}
                       </span>
                       <span className={hierarchyStyles.instanceUserCount}>
                         <FaUsers /> {users.length}
@@ -126,7 +128,7 @@ function MandateContent({
                         e.stopPropagation();
                         onOpenDetail(inst, mandateId);
                       }}
-                      title="Benutzer verwalten"
+                      title={t('instanceHierarchy.benutzerVerwalten')}
                     >
                       <FaUsers /> Benutzer verwalten
                     </button>
@@ -170,6 +172,7 @@ export const InstanceHierarchyView: React.FC<InstanceHierarchyViewProps> = ({
   loading,
   onOpenDetail,
 }) => {
+  const { t } = useLanguage();
   const [expandedMandateIds, setExpandedMandateIds] = useState<Set<string>>(new Set());
 
   const toggleMandate = (mandateId: string) => {
@@ -186,7 +189,7 @@ export const InstanceHierarchyView: React.FC<InstanceHierarchyViewProps> = ({
       <section className={hubStyles.section}>
         <div className={hierarchyStyles.hierarchyLoading}>
           <span className={hierarchyStyles.spinner} />
-          <span>Lade Hierarchie und Benutzer...</span>
+          <span>{t('instanceHierarchy.ladeHierarchieUndBenutzer')}</span>
         </div>
       </section>
     );
@@ -195,7 +198,7 @@ export const InstanceHierarchyView: React.FC<InstanceHierarchyViewProps> = ({
   if (mandates.length === 0) {
     return (
       <section className={hubStyles.section}>
-        <h2 className={hubStyles.sectionTitle}>Hierarchie</h2>
+        <h2 className={hubStyles.sectionTitle}>{t('instanceHierarchy.hierarchie')}</h2>
         <div className={hierarchyStyles.emptyHierarchy}>
           Keine Mandanten vorhanden. Legen Sie unter &quot;Mandanten verwalten&quot; einen Mandanten an.
         </div>
@@ -205,7 +208,7 @@ export const InstanceHierarchyView: React.FC<InstanceHierarchyViewProps> = ({
 
   return (
     <section className={hubStyles.section}>
-      <h2 className={hubStyles.sectionTitle}>Hierarchie</h2>
+      <h2 className={hubStyles.sectionTitle}>{t('instanceHierarchy.hierarchie')}</h2>
       <div className={hierarchyStyles.hierarchyRoot}>
         {mandates.map((mandate) => {
           const mandateId = mandate.id;
@@ -259,12 +262,13 @@ interface UserRowProps {
 }
 
 function UserRow({ user }: UserRowProps) {
+  const { t } = useLanguage();
   const displayName = user.fullName?.trim() || user.username || user.userId;
   const rolesText =
     user.roleLabels && user.roleLabels.length > 0
       ? user.roleLabels.join(', ')
       : 'Keine Rollen';
-  const statusText = user.enabled ? 'Aktiv' : 'Inaktiv';
+  const statusText = user.enabled ? t('instanceHierarchy.aktiv') : t('instanceHierarchy.inaktiv');
 
   return (
     <div className={hierarchyStyles.userRowWrapper}>
diff --git a/src/pages/admin/PermissionMatrix.tsx b/src/pages/admin/PermissionMatrix.tsx
index d7a9b1b..23f2a66 100644
--- a/src/pages/admin/PermissionMatrix.tsx
+++ b/src/pages/admin/PermissionMatrix.tsx
@@ -12,6 +12,8 @@ import type { FeatureInstanceRole } from '../../hooks/useFeatureAccess';
 import styles from './Admin.module.css';
 import matrixStyles from './PermissionMatrix.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 export interface PermissionMatrixProps {
   users: FeatureAccessUser[];
   roles: FeatureInstanceRole[];
@@ -21,21 +23,21 @@ export interface PermissionMatrixProps {
   disabled?: boolean;
 }
 
-export const PermissionMatrix: React.FC<PermissionMatrixProps> = ({
-  users,
+export const PermissionMatrix: React.FC<PermissionMatrixProps> = ({ users,
   roles,
   onEditUser,
   onRemoveUser,
   onAddUser,
   disabled = false,
 }) => {
+  const { t } = useLanguage();
   const [removingId, setRemovingId] = useState<string | null>(null);
   const { confirm, ConfirmDialog } = useConfirm();
 
   const handleRemove = useCallback(async (user: FeatureAccessUser) => {
     if (removingId) return;
     const ok = await confirm(`"${user.username}" aus dieser Instanz entfernen?`, {
-      title: 'Benutzer entfernen',
+      title: t('permissionMatrix.removeUser'),
       confirmLabel: 'Entfernen',
       variant: 'danger',
     });
@@ -48,7 +50,7 @@ export const PermissionMatrix: React.FC<PermissionMatrixProps> = ({
   if (roles.length === 0) {
     return (
       <div className={matrixStyles.empty}>
-        <p>Keine Rollen in dieser Instanz. Bitte zuerst Rollen synchronisieren.</p>
+        <p>{t('permissionMatrix.keineRollenInDieserInstanz')}</p>
       </div>
     );
   }
@@ -59,13 +61,13 @@ export const PermissionMatrix: React.FC<PermissionMatrixProps> = ({
         <table className={matrixStyles.table}>
           <thead>
             <tr>
-              <th className={matrixStyles.cellUser}>Benutzer</th>
+              <th className={matrixStyles.cellUser}>{t('permissionMatrix.benutzer')}</th>
               {roles.map((r) => (
                 <th key={r.id} className={matrixStyles.cellRole}>
                   {r.roleLabel}
                 </th>
               ))}
-              <th className={matrixStyles.cellActive}>Aktiv</th>
+              <th className={matrixStyles.cellActive}>{t('permissionMatrix.aktiv')}</th>
               <th className={matrixStyles.cellActions}>Aktionen</th>
             </tr>
           </thead>
@@ -111,7 +113,7 @@ export const PermissionMatrix: React.FC<PermissionMatrixProps> = ({
                       className={matrixStyles.actionBtn}
                       onClick={() => onEditUser(user)}
                       disabled={disabled}
-                      title="Rollen bearbeiten"
+                      title={t('permissionMatrix.rollenBearbeiten')}
                     >
                       <FaEdit />
                     </button>
@@ -120,7 +122,7 @@ export const PermissionMatrix: React.FC<PermissionMatrixProps> = ({
                       className={`${matrixStyles.actionBtn} ${matrixStyles.actionBtnDanger}`}
                       onClick={() => handleRemove(user)}
                       disabled={disabled || removingId === user.userId}
-                      title="Aus Instanz entfernen"
+                      title={t('permissionMatrix.ausInstanzEntfernen')}
                     >
                       <FaTrash />
                     </button>
diff --git a/src/pages/admin/wizards/AdminInvitationWizardPage.tsx b/src/pages/admin/wizards/AdminInvitationWizardPage.tsx
index 392706b..36effa2 100644
--- a/src/pages/admin/wizards/AdminInvitationWizardPage.tsx
+++ b/src/pages/admin/wizards/AdminInvitationWizardPage.tsx
@@ -15,6 +15,8 @@ import { useFeatureAccess, type FeatureInstance, type FeatureInstanceRole } from
 import { useToast } from '../../../contexts/ToastContext';
 import styles from '../Admin.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 type InviteType = 'mandate' | 'featureInstance';
 
 interface RoleOption {
@@ -74,6 +76,8 @@ const _cardStyle: React.CSSProperties = {
 // =============================================================================
 
 export const AdminInvitationWizardPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const { showSuccess } = useToast();
   const { createInvitation } = useInvitations();
   const { fetchMandates, fetchRoles, fetchAllUsers, fetchMandateUsers } = useUserMandates();
@@ -169,17 +173,17 @@ export const AdminInvitationWizardPage: React.FC = () => {
     const email = inviteeForm.email.trim();
     const username = inviteeForm.username.trim();
     if (!email && !username) {
-      setError('Bitte mindestens eine E-Mail-Adresse oder einen Benutzernamen angeben.');
+      setError(t('adminInvitationWizard.bitteMindestensEineEmailadresseOder'));
       return;
     }
     const emailLower = email.toLowerCase();
     const userLower = username.toLowerCase();
     if (email && invitees.some(i => !i.isExisting && (i.email || '').toLowerCase() === emailLower)) {
-      setError('Diese E-Mail ist bereits in der Liste');
+      setError(t('adminInvitationWizard.dieseEmailIstBereitsIn'));
       return;
     }
     if (username && invitees.some(i => !i.isExisting && (i.username || '').toLowerCase() === userLower)) {
-      setError('Dieser Benutzername ist bereits in der Liste');
+      setError(t('adminInvitationWizard.dieserBenutzernameIstBereitsIn'));
       return;
     }
     setInvitees(prev => [...prev, {
@@ -194,14 +198,14 @@ export const AdminInvitationWizardPage: React.FC = () => {
 
   const addInviteeExisting = () => {
     if (!selectedExistingUserId) {
-      setError('Bitte wählen Sie einen Benutzer');
+      setError(t('adminInvitationWizard.bitteWaehlenSieEinenBenutzer'));
       return;
     }
     const user = allSystemUsers.find(u => u.id === selectedExistingUserId);
     if (!user) return;
     const email = (user.email || '').trim();
     if (invitees.some(i => i.userId === user.id)) {
-      setError('Dieser Benutzer ist bereits in der Liste');
+      setError(t('adminInvitationWizard.dieserBenutzerIstBereitsIn'));
       return;
     }
     setInvitees(prev => [...prev, {
@@ -231,7 +235,7 @@ export const AdminInvitationWizardPage: React.FC = () => {
   const handleSend = async () => {
     if (!selectedMandate || invitees.length === 0) return;
     if (inviteType === 'featureInstance' && !selectedInstance) {
-      setError('Bitte wählen Sie eine Feature-Instanz aus.');
+      setError(t('adminInvitationWizard.bitteWaehlenSieEineFeatureinstanz'));
       return;
     }
     setIsLoading(true);
@@ -353,7 +357,7 @@ export const AdminInvitationWizardPage: React.FC = () => {
       {/* ── STEP 1: Invite type ── */}
       {step === 1 && (
         <div style={_cardStyle}>
-          <h3 style={{ margin: '0 0 16px 0', fontSize: '16px' }}>Wohin möchten Sie einladen?</h3>
+          <h3 style={{ margin: '0 0 16px 0', fontSize: '16px' }}>{t('adminInvitationWizard.wohinMoechtenSieEinladen')}</h3>
           <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '16px' }}>
             <button
               onClick={() => setInviteType('mandate')}
@@ -363,7 +367,7 @@ export const AdminInvitationWizardPage: React.FC = () => {
                 cursor: 'pointer', textAlign: 'left',
               }}
             >
-              <div style={{ fontWeight: 600, fontSize: '14px', marginBottom: '4px' }}>Zum Mandanten</div>
+              <div style={{ fontWeight: 600, fontSize: '14px', marginBottom: '4px' }}>{t('adminInvitationWizard.zumMandanten')}</div>
               <div style={{ fontSize: '12px', color: 'var(--text-secondary)' }}>
                 Einladung zum Mandanten ohne spezifische Feature-Instanz
               </div>
@@ -376,7 +380,7 @@ export const AdminInvitationWizardPage: React.FC = () => {
                 cursor: 'pointer', textAlign: 'left',
               }}
             >
-              <div style={{ fontWeight: 600, fontSize: '14px', marginBottom: '4px' }}>Zur Feature-Instanz</div>
+              <div style={{ fontWeight: 600, fontSize: '14px', marginBottom: '4px' }}>{t('adminInvitationWizard.zurFeatureinstanz')}</div>
               <div style={{ fontSize: '12px', color: 'var(--text-secondary)' }}>
                 Einladung zu einer bestimmten Feature-Instanz mit Rolle
               </div>
@@ -394,10 +398,10 @@ export const AdminInvitationWizardPage: React.FC = () => {
       {step === 2 && (
         <div style={_cardStyle}>
           <h3 style={{ margin: '0 0 16px 0', fontSize: '16px' }}>
-            {inviteType === 'mandate' ? 'Mandant auswählen' : 'Mandant und Feature-Instanz auswählen'}
+            {inviteType === 'mandate' ? t('adminInvitationWizard.mandantAuswaehlen') : t('adminInvitationWizard.mandantUndFeatureinstanzAuswaehlen')}
           </h3>
           <div style={{ marginBottom: '16px' }}>
-            <label className={styles.formLabel}>Mandant *</label>
+            <label className={styles.formLabel}>{t('adminInvitationWizard.mandant')}</label>
             <select
               className={styles.filterSelect}
               style={{ width: '100%' }}
@@ -408,7 +412,7 @@ export const AdminInvitationWizardPage: React.FC = () => {
                 setSelectedInstance(null);
               }}
             >
-              <option value="">-- Mandant wählen --</option>
+              <option value="">{t('adminInvitationWizard.mandantWaehlen')}</option>
               {mandates.map(m => (
                 <option key={m.id} value={m.id}>{getMandateName(m)}</option>
               ))}
@@ -416,9 +420,9 @@ export const AdminInvitationWizardPage: React.FC = () => {
           </div>
           {inviteType === 'featureInstance' && selectedMandate && (
             <div style={{ marginBottom: '16px' }}>
-              <label className={styles.formLabel}>Feature-Instanz *</label>
+              <label className={styles.formLabel}>{t('adminInvitationWizard.featureinstanz')}</label>
               {instances.length === 0 ? (
-                <p style={{ fontSize: '13px', color: 'var(--text-secondary)' }}>Keine Feature-Instanzen für diesen Mandanten vorhanden.</p>
+                <p style={{ fontSize: '13px', color: 'var(--text-secondary)' }}>{t('adminInvitationWizard.keineFeatureinstanzenFuerDiesenMandanten')}</p>
               ) : (
                 <select
                   className={styles.filterSelect}
@@ -429,7 +433,7 @@ export const AdminInvitationWizardPage: React.FC = () => {
                     setSelectedInstance(inst || null);
                   }}
                 >
-                  <option value="">-- Feature-Instanz wählen --</option>
+                  <option value="">{t('adminInvitationWizard.featureinstanzWaehlen')}</option>
                   {instances.map(inst => {
                     const baseLabel = inst.label || inst.featureCode;
                     const suffix = inst.enabled === false ? ' (deaktiviert)' : '';
@@ -442,7 +446,7 @@ export const AdminInvitationWizardPage: React.FC = () => {
             </div>
           )}
           <div style={{ marginTop: '24px', display: 'flex', justifyContent: 'space-between' }}>
-            <button className={styles.secondaryButton} onClick={() => setStep(1)}>&larr; Zurück</button>
+            <button className={styles.secondaryButton} onClick={() => setStep(1)}>{t('adminInvitationWizard.larrZurueck')}</button>
             <button
               className={styles.primaryButton}
               disabled={!canProceedStep3}
@@ -458,7 +462,7 @@ export const AdminInvitationWizardPage: React.FC = () => {
       {step === 3 && selectedMandate && (
         <div>
           <div style={_cardStyle}>
-            <h3 style={{ margin: '0 0 8px 0', fontSize: '16px' }}>Einladungen hinzufügen</h3>
+            <h3 style={{ margin: '0 0 8px 0', fontSize: '16px' }}>{t('adminInvitationWizard.einladungenHinzufuegen')}</h3>
             <p style={{ color: 'var(--text-secondary)', fontSize: '13px', margin: '0 0 16px 0' }}>
               Für neue Benutzer: mindestens eine E-Mail <em>oder</em> ein Benutzername (vorgegeben). Ohne E-Mail wird kein Link per Mail versendet — der Einladungslink kann manuell geteilt werden. Bestehende Benutzer wählen Sie im zweiten Tab.
             </p>
@@ -484,7 +488,7 @@ export const AdminInvitationWizardPage: React.FC = () => {
             {addMode === 'email' ? (
               <div style={{ padding: '16px', background: 'var(--bg-secondary, #f8fafc)', borderRadius: '8px', marginBottom: '16px', display: 'grid', gap: '12px' }}>
                 <div>
-                  <label className={styles.formLabel}>E-Mail (optional)</label>
+                  <label className={styles.formLabel}>{t('adminInvitationWizard.emailOptional')}</label>
                   <input
                     className={styles.formInput}
                     type="email"
@@ -494,14 +498,14 @@ export const AdminInvitationWizardPage: React.FC = () => {
                   />
                 </div>
                 <div>
-                  <label className={styles.formLabel}>Benutzername (optional)</label>
+                  <label className={styles.formLabel}>{t('adminInvitationWizard.benutzernameOptional')}</label>
                   <input
                     className={styles.formInput}
                     type="text"
                     autoComplete="off"
                     value={inviteeForm.username}
                     onChange={e => setInviteeForm(p => ({ ...p, username: e.target.value }))}
-                    placeholder="z. B. vorname.nachname"
+                    placeholder={t('adminInvitationWizard.zBVornamenachname')}
                   />
                   <p style={{ fontSize: '11px', color: 'var(--text-secondary)', marginTop: '4px' }}>
                     Mindestens eines der beiden Felder ausfüllen. Mit Benutzername muss der Eingeladene genau diesen Namen beim Annehmen verwenden.
@@ -549,25 +553,25 @@ export const AdminInvitationWizardPage: React.FC = () => {
             ) : (
               <div style={{ padding: '16px', background: 'var(--bg-secondary, #f8fafc)', borderRadius: '8px', marginBottom: '16px', display: 'grid', gap: '12px' }}>
                 <div>
-                  <label className={styles.formLabel}>Bestehender Benutzer *</label>
+                  <label className={styles.formLabel}>{t('adminInvitationWizard.bestehenderBenutzer')}</label>
                   <select
                     className={styles.filterSelect}
                     style={{ width: '100%' }}
                     value={selectedExistingUserId}
                     onChange={e => setSelectedExistingUserId(e.target.value)}
                   >
-                    <option value="">-- Benutzer wählen --</option>
+                    <option value="">{t('adminInvitationWizard.benutzerWaehlen')}</option>
                     {availableExistingUsers.map(u => (
                       <option key={u.id} value={u.id}>
                         {u.username} {u.email ? `(${u.email})` : ''}
                       </option>
                     ))}
                   </select>
-                  {availableExistingUsers.length === 0 && <p style={{ fontSize: '12px', color: 'var(--text-secondary)', marginTop: '4px' }}>Keine weiteren Benutzer verfügbar.</p>}
+                  {availableExistingUsers.length === 0 && <p style={{ fontSize: '12px', color: 'var(--text-secondary)', marginTop: '4px' }}>{t('adminInvitationWizard.keineWeiterenBenutzerVerfuegbar')}</p>}
                 </div>
                 {roles.length > 0 && (
                   <div>
-                    <label className={styles.formLabel}>Rolle *</label>
+                    <label className={styles.formLabel}>{t('adminInvitationWizard.rolle')}</label>
                     <div style={{ display: 'flex', flexWrap: 'wrap', gap: '8px' }}>
                       {roles.map(r => (
                         <label key={r.id} className={styles.checkboxLabel} style={{
@@ -608,9 +612,9 @@ export const AdminInvitationWizardPage: React.FC = () => {
               <table style={{ width: '100%', borderCollapse: 'collapse', fontSize: '13px' }}>
                 <thead>
                   <tr style={{ borderBottom: '2px solid var(--border-color, #C5D9E8)' }}>
-                    <th style={{ textAlign: 'left', padding: '8px' }}>E-Mail / Benutzer</th>
+                    <th style={{ textAlign: 'left', padding: '8px' }}>{t('adminInvitationWizard.emailBenutzer')}</th>
                     <th style={{ textAlign: 'left', padding: '8px' }}>Benutzername</th>
-                    <th style={{ textAlign: 'left', padding: '8px' }}>Rollen</th>
+                    <th style={{ textAlign: 'left', padding: '8px' }}>{t('adminInvitationWizard.rollen')}</th>
                     <th style={{ textAlign: 'left', padding: '8px' }}>Typ</th>
                     <th style={{ textAlign: 'right', padding: '8px' }}>Aktion</th>
                   </tr>
@@ -641,12 +645,12 @@ export const AdminInvitationWizardPage: React.FC = () => {
                 </tbody>
               </table>
             ) : (
-              <p style={{ color: 'var(--text-secondary)', fontSize: '13px', marginBottom: '16px' }}>Noch keine Einladungen hinzugefügt.</p>
+              <p style={{ color: 'var(--text-secondary)', fontSize: '13px', marginBottom: '16px' }}>{t('adminInvitationWizard.nochKeineEinladungenHinzugefuegt')}</p>
             )}
           </div>
 
           <div style={{ marginTop: '16px', display: 'flex', justifyContent: 'space-between' }}>
-            <button className={styles.secondaryButton} onClick={() => setStep(2)}>&larr; Zurück</button>
+            <button className={styles.secondaryButton} onClick={() => setStep(2)}>{t('adminInvitationWizard.larrZurueck')}</button>
             <button
               className={styles.primaryButton}
               disabled={invitees.length === 0}
@@ -661,12 +665,12 @@ export const AdminInvitationWizardPage: React.FC = () => {
       {/* ── STEP 4: Summary and send ── */}
       {step === 4 && selectedMandate && !dispatchResults && (
         <div style={_cardStyle}>
-          <h3 style={{ margin: '0 0 16px 0', fontSize: '16px' }}>Zusammenfassung & Versand</h3>
+          <h3 style={{ margin: '0 0 16px 0', fontSize: '16px' }}>{t('adminInvitationWizard.zusammenfassungVersand')}</h3>
           <div style={{ marginBottom: '16px' }}>
-            <strong>Art:</strong> {inviteType === 'mandate' ? 'Einladung zum Mandanten' : 'Einladung zur Feature-Instanz'}
+            <strong>Art:</strong> {inviteType === 'mandate' ? t('adminInvitationWizard.einladungZumMandanten') : t('adminInvitationWizard.einladungZurFeatureinstanz')}
           </div>
           <div style={{ marginBottom: '16px' }}>
-            <strong>Mandant:</strong> {getMandateName(selectedMandate)}
+            <strong>{t('adminInvitationWizard.mandant')}</strong> {getMandateName(selectedMandate)}
           </div>
           {inviteType === 'featureInstance' && selectedInstance && (
             <div style={{ marginBottom: '16px' }}>
@@ -686,7 +690,7 @@ export const AdminInvitationWizardPage: React.FC = () => {
             </ul>
           </div>
           <div style={{ display: 'flex', justifyContent: 'space-between', marginTop: '24px' }}>
-            <button className={styles.secondaryButton} onClick={() => setStep(3)}>&larr; Zurück</button>
+            <button className={styles.secondaryButton} onClick={() => setStep(3)}>{t('adminInvitationWizard.larrZurueck')}</button>
             <button
               className={styles.primaryButton}
               disabled={isLoading}
@@ -701,13 +705,13 @@ export const AdminInvitationWizardPage: React.FC = () => {
       {/* ── Results ── */}
       {dispatchResults && (
         <div style={_cardStyle}>
-          <h3 style={{ margin: '0 0 16px 0', fontSize: '16px' }}>Ergebnis</h3>
+          <h3 style={{ margin: '0 0 16px 0', fontSize: '16px' }}>{t('adminInvitationWizard.ergebnis')}</h3>
           <table style={{ width: '100%', borderCollapse: 'collapse', fontSize: '13px' }}>
             <thead>
               <tr style={{ borderBottom: '2px solid var(--border-color, #C5D9E8)' }}>
-                <th style={{ textAlign: 'left', padding: '8px' }}>E-Mail / Benutzer</th>
-                <th style={{ textAlign: 'left', padding: '8px' }}>Status</th>
-                <th style={{ textAlign: 'left', padding: '8px' }}>E-Mail gesendet</th>
+                <th style={{ textAlign: 'left', padding: '8px' }}>{t('adminInvitationWizard.emailBenutzer')}</th>
+                <th style={{ textAlign: 'left', padding: '8px' }}>{t('adminInvitationWizard.status')}</th>
+                <th style={{ textAlign: 'left', padding: '8px' }}>{t('adminInvitationWizard.emailGesendet')}</th>
               </tr>
             </thead>
             <tbody>
diff --git a/src/pages/admin/wizards/AdminMandateWizardPage.tsx b/src/pages/admin/wizards/AdminMandateWizardPage.tsx
index 1597127..725ee29 100644
--- a/src/pages/admin/wizards/AdminMandateWizardPage.tsx
+++ b/src/pages/admin/wizards/AdminMandateWizardPage.tsx
@@ -21,6 +21,8 @@ import { splitMandateAndBillingFromForm } from '../../../utils/mandateBillingFor
 import { FormGeneratorForm } from '../../../components/FormGenerator/FormGeneratorForm';
 import styles from '../Admin.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 const TOTAL_STEPS = 4;
 const STEP_LABELS = ['Mandant', 'Benutzer', 'Instances', 'Feature-Benutzer'];
 
@@ -30,6 +32,8 @@ interface RoleOption {
 }
 
 export const AdminMandateWizardPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const { showSuccess, showWarning, showError } = useToast();
   const { request } = useApiRequest();
   const {
@@ -133,7 +137,7 @@ export const AdminMandateWizardPage: React.FC = () => {
       const data = await fetchMandatesList();
       setMandates(data);
     } catch {
-      setError('Fehler beim Laden der Mandanten');
+      setError(t('adminMandateWizard.fehlerBeimLadenDerMandanten'));
     }
   }, [fetchMandatesList]);
 
@@ -456,10 +460,10 @@ export const AdminMandateWizardPage: React.FC = () => {
       <table style={{ width: '100%', borderCollapse: 'collapse' }}>
         <thead>
           <tr style={{ background: 'var(--bg-secondary, #f8fafc)' }}>
-            <th style={{ padding: '8px 12px', textAlign: 'left', fontSize: '12px', fontWeight: 600 }}>Benutzer</th>
+            <th style={{ padding: '8px 12px', textAlign: 'left', fontSize: '12px', fontWeight: 600 }}>{t('adminMandateWizard.benutzer')}</th>
             <th style={{ padding: '8px 12px', textAlign: 'left', fontSize: '12px', fontWeight: 600 }}>E-Mail</th>
-            <th style={{ padding: '8px 12px', textAlign: 'left', fontSize: '12px', fontWeight: 600 }}>Rollen</th>
-            <th style={{ padding: '8px 12px', textAlign: 'center', fontSize: '12px', fontWeight: 600 }}>Status</th>
+            <th style={{ padding: '8px 12px', textAlign: 'left', fontSize: '12px', fontWeight: 600 }}>{t('adminMandateWizard.rollen')}</th>
+            <th style={{ padding: '8px 12px', textAlign: 'center', fontSize: '12px', fontWeight: 600 }}>{t('adminMandateWizard.status')}</th>
             <th style={{ padding: '8px 12px', textAlign: 'right', fontSize: '12px', fontWeight: 600 }}>Aktion</th>
           </tr>
         </thead>
@@ -496,7 +500,7 @@ export const AdminMandateWizardPage: React.FC = () => {
                     background: u.enabled !== false ? '#dcfce7' : 'var(--bg-secondary)',
                     color: u.enabled !== false ? '#166534' : 'var(--text-secondary)',
                   }}>
-                    {u.enabled !== false ? 'Aktiv' : 'Inaktiv'}
+                    {u.enabled !== false ? t('adminMandateWizard.aktiv') : t('adminMandateWizard.inaktiv')}
                   </span>
                 </td>
                 <td style={{ padding: '8px 12px', textAlign: 'right' }}>
@@ -532,7 +536,7 @@ export const AdminMandateWizardPage: React.FC = () => {
   ) => (
     <div style={{ padding: '16px', background: 'var(--bg-secondary, #f8fafc)', borderRadius: '8px', marginBottom: '16px', display: 'grid', gap: '12px' }}>
       <div>
-        <label className={styles.formLabel}>Benutzer * (mehrfach möglich)</label>
+        <label className={styles.formLabel}>{t('adminMandateWizard.benutzerMehrfachMoeglich')}</label>
         <div
           style={{
             maxHeight: '220px',
@@ -573,7 +577,7 @@ export const AdminMandateWizardPage: React.FC = () => {
       </div>
       {roles.length > 0 && (
         <div>
-          <label className={styles.formLabel}>Rollen (für alle ausgewählten Benutzer)</label>
+          <label className={styles.formLabel}>{t('adminMandateWizard.rollenFuerAlleAusgewaehltenBenutzer')}</label>
           <div style={{ display: 'flex', flexWrap: 'wrap', gap: '8px' }}>
             {roles.map(r => (
               <label key={r.id} className={styles.checkboxLabel}>
@@ -601,7 +605,7 @@ export const AdminMandateWizardPage: React.FC = () => {
           onClick={onSubmit}
           disabled={isLoading || formValue.userIds.length === 0}
         >
-          {isLoading ? 'Hinzufügen...' : 'Hinzufügen'}
+          {isLoading ? t('adminMandateWizard.hinzufuegen') : t('adminMandateWizard.hinzufuegen')}
         </button>
         <button className={styles.secondaryButton} onClick={onCancel}>
           Abbrechen
@@ -668,7 +672,7 @@ export const AdminMandateWizardPage: React.FC = () => {
       <div className={styles.pageHeader}>
         <div>
           <h1 className={styles.pageTitle}>Mandanten-Verwaltung</h1>
-          <p className={styles.pageSubtitle}>Schritt-für-Schritt Wizard zur Mandanten-Konfiguration</p>
+          <p className={styles.pageSubtitle}>{t('adminMandateWizard.schrittfuerschrittWizardZurMandantenkonfiguration')}</p>
         </div>
       </div>
 
@@ -688,7 +692,7 @@ export const AdminMandateWizardPage: React.FC = () => {
       {/* ── STEP 1: MANDATE ── */}
       {step === 1 && (
         <div style={cardStyle}>
-          <h3 style={{ fontSize: '15px', fontWeight: 600, marginBottom: '16px', marginTop: 0 }}>Mandant auswählen oder erstellen</h3>
+          <h3 style={{ fontSize: '15px', fontWeight: 600, marginBottom: '16px', marginTop: 0 }}>{t('adminMandateWizard.mandantAuswaehlenOderErstellen')}</h3>
 
           {!isCreatingMandate ? (
             <>
@@ -723,7 +727,7 @@ export const AdminMandateWizardPage: React.FC = () => {
               {mandateAttrLoading || createFormAttributes.length === 0 ? (
                 <div className={styles.loadingContainer} style={{ padding: '24px' }}>
                   <div className={styles.spinner} />
-                  <span>Formular wird geladen...</span>
+                  <span>{t('adminMandateWizard.formularWirdGeladen')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -731,8 +735,8 @@ export const AdminMandateWizardPage: React.FC = () => {
                   mode="create"
                   onSubmit={handleCreateMandate}
                   onCancel={() => setIsCreatingMandate(false)}
-                  submitButtonText={isLoading ? 'Erstellen...' : 'Mandant erstellen'}
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={isLoading ? t('adminMandateWizard.erstellen') : t('adminMandateWizard.mandantErstellen')}
+                  cancelButtonText={t('adminMandateWizard.abbrechen')}
                 />
               )}
             </div>
@@ -785,7 +789,7 @@ export const AdminMandateWizardPage: React.FC = () => {
               gap: '12px',
               border: '1px solid var(--border-color, #e5e7eb)',
             }}>
-              <div style={{ fontWeight: 600, fontSize: '14px' }}>Rollen bearbeiten</div>
+              <div style={{ fontWeight: 600, fontSize: '14px' }}>{t('adminMandateWizard.rollenBearbeiten')}</div>
               <div style={{ display: 'flex', flexWrap: 'wrap', gap: '8px' }}>
                 {mandateRoles.map(r => (
                   <label key={r.id} className={styles.checkboxLabel}>
@@ -833,7 +837,7 @@ export const AdminMandateWizardPage: React.FC = () => {
           </div>
 
           <div style={{ marginTop: '24px', display: 'flex', justifyContent: 'space-between' }}>
-            <button className={styles.secondaryButton} onClick={() => setStep(1)}>&larr; Zurück</button>
+            <button className={styles.secondaryButton} onClick={() => setStep(1)}>{t('adminMandateWizard.larrZurueck')}</button>
             <button className={styles.primaryButton} onClick={() => setStep(3)}>
               Weiter &rarr;
             </button>
@@ -855,13 +859,13 @@ export const AdminMandateWizardPage: React.FC = () => {
 
           {/* Feature Filter */}
           <div style={{ marginBottom: '16px' }}>
-            <label className={styles.formLabel}>Feature filtern:</label>
+            <label className={styles.formLabel}>{t('adminMandateWizard.featureFiltern')}</label>
             <select
               className={styles.filterSelect}
               value={selectedFeatureCode}
               onChange={e => setSelectedFeatureCode(e.target.value)}
             >
-              <option value="">Alle Features</option>
+              <option value="">{t('adminMandateWizard.alleFeatures')}</option>
               {features.map(f => (
                 <option key={f.code} value={f.code}>{getFeatureLabel(f.code)}</option>
               ))}
@@ -879,7 +883,7 @@ export const AdminMandateWizardPage: React.FC = () => {
                 <div>
                   <span style={{ fontWeight: 600 }}>{inst.label}</span>
                   <span style={{ fontSize: '11px', color: 'var(--text-secondary)', marginLeft: '8px' }}>
-                    {getFeatureLabel(inst.featureCode)} | {inst.enabled ? 'Aktiv' : 'Inaktiv'}
+                    {getFeatureLabel(inst.featureCode)} | {inst.enabled ? t('adminMandateWizard.aktiv') : t('adminMandateWizard.inaktiv')}
                   </span>
                 </div>
                 <div style={{ display: 'flex', gap: '8px' }}>
@@ -911,26 +915,26 @@ export const AdminMandateWizardPage: React.FC = () => {
           ) : (
             <div style={{ display: 'grid', gap: '12px', padding: '16px', background: 'var(--bg-secondary, #f8fafc)', borderRadius: '8px' }}>
               <div className={styles.formGroup}>
-                <label className={styles.formLabel}>Feature *</label>
+                <label className={styles.formLabel}>{t('adminMandateWizard.feature')}</label>
                 <select
                   className={styles.filterSelect}
                   style={{ width: '100%' }}
                   value={selectedFeatureCode}
                   onChange={e => setSelectedFeatureCode(e.target.value)}
                 >
-                  <option value="">-- Feature wählen --</option>
+                  <option value="">{t('adminMandateWizard.featureWaehlen')}</option>
                   {features.map(f => (
                     <option key={f.code} value={f.code}>{getFeatureLabel(f.code)}</option>
                   ))}
                 </select>
               </div>
               <div className={styles.formGroup}>
-                <label className={`${styles.formLabel} ${styles.required}`}>Bezeichnung</label>
+                <label className={`${styles.formLabel} ${styles.required}`}>{t('adminMandateWizard.bezeichnung')}</label>
                 <input
                   className={styles.formInput}
                   value={instanceForm.label}
                   onChange={e => setInstanceForm(p => ({ ...p, label: e.target.value }))}
-                  placeholder="z.B. Kunde A"
+                  placeholder={t('adminMandateWizard.zbKundeA')}
                 />
               </div>
               <label className={styles.checkboxLabel}>
@@ -943,15 +947,15 @@ export const AdminMandateWizardPage: React.FC = () => {
               </label>
               <div style={{ display: 'flex', gap: '8px' }}>
                 <button className={styles.primaryButton} onClick={handleCreateInstance} disabled={isLoading || !selectedFeatureCode}>
-                  {isLoading ? 'Erstellen...' : 'Erstellen'}
+                  {isLoading ? t('adminMandateWizard.erstellen') : t('adminMandateWizard.erstellen')}
                 </button>
-                <button className={styles.secondaryButton} onClick={() => setIsCreatingInstance(false)}>Abbrechen</button>
+                <button className={styles.secondaryButton} onClick={() => setIsCreatingInstance(false)}>{t('adminMandateWizard.abbrechen')}</button>
               </div>
             </div>
           )}
 
           <div style={{ marginTop: '24px', display: 'flex', justifyContent: 'space-between' }}>
-            <button className={styles.secondaryButton} onClick={() => setStep(2)}>&larr; Zurück</button>
+            <button className={styles.secondaryButton} onClick={() => setStep(2)}>{t('adminMandateWizard.larrZurueck')}</button>
             <button
               className={styles.primaryButton}
               onClick={() => { if (instances.length > 0) { setSelectedInstance(instances[0]); setStep(4); } }}
@@ -1002,7 +1006,7 @@ export const AdminMandateWizardPage: React.FC = () => {
               gap: '12px',
               border: '1px solid var(--border-color, #e5e7eb)',
             }}>
-              <div style={{ fontWeight: 600, fontSize: '14px' }}>Rollen bearbeiten (Feature-Instanz)</div>
+              <div style={{ fontWeight: 600, fontSize: '14px' }}>{t('adminMandateWizard.rollenBearbeitenFeatureinstanz')}</div>
               <div style={{ display: 'flex', flexWrap: 'wrap', gap: '8px' }}>
                 {instanceRoles.map(r => (
                   <label key={r.id} className={styles.checkboxLabel}>
@@ -1055,7 +1059,7 @@ export const AdminMandateWizardPage: React.FC = () => {
           </div>
 
           <div style={{ marginTop: '24px', display: 'flex', justifyContent: 'space-between' }}>
-            <button className={styles.secondaryButton} onClick={() => setStep(3)}>&larr; Zurück</button>
+            <button className={styles.secondaryButton} onClick={() => setStep(3)}>{t('adminMandateWizard.larrZurueck')}</button>
             <button className={styles.primaryButton} onClick={() => {
               showSuccess('Fertig', 'Konfiguration abgeschlossen!');
               setSelectedInstance(null);
diff --git a/src/pages/admin/wizards/FeatureInstanceWizard.tsx b/src/pages/admin/wizards/FeatureInstanceWizard.tsx
index 927c7c6..bfc93c0 100644
--- a/src/pages/admin/wizards/FeatureInstanceWizard.tsx
+++ b/src/pages/admin/wizards/FeatureInstanceWizard.tsx
@@ -14,6 +14,8 @@ import type { Feature } from '../../../hooks/useFeatureAccess';
 import styles from '../Admin.module.css';
 import wizardStyles from './FeatureInstanceWizard.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 function getMandateName(m: Mandate): string {
   if (typeof m.name === 'object') return m.name.de || m.name.en || Object.values(m.name)[0] || m.id;
   return m.name || m.id;
@@ -38,8 +40,7 @@ const STEPS = [
   { id: 'users', title: 'Benutzer (optional)' },
 ];
 
-export const FeatureInstanceWizard: React.FC<FeatureInstanceWizardProps> = ({
-  mandateId: initialMandateId,
+export const FeatureInstanceWizard: React.FC<FeatureInstanceWizardProps> = ({ mandateId: initialMandateId,
   mandates,
   features,
   onClose,
@@ -47,6 +48,7 @@ export const FeatureInstanceWizard: React.FC<FeatureInstanceWizardProps> = ({
 }) => {
   const { createInstance, addUserToInstance, fetchInstanceRoles } = useFeatureAccess();
   const { showSuccess, showError } = useToast();
+  const { t } = useLanguage();
 
   const [step, setStep] = useState(0);
   const [mandateId, setMandateId] = useState(initialMandateId || '');
@@ -71,10 +73,10 @@ export const FeatureInstanceWizard: React.FC<FeatureInstanceWizardProps> = ({
 
   const createFields: AttributeDefinition[] = useMemo(
     () => [
-      { name: 'mandateId', label: 'Mandant', type: 'enum' as const, required: true, options: mandateOptions },
-      { name: 'featureCode', label: 'Feature', type: 'enum' as const, required: true, options: featureOptions },
-      { name: 'label', label: 'Bezeichnung', type: 'string' as const, required: true, editable: true },
-      { name: 'enabled', label: 'Aktiv', type: 'boolean' as const, required: false, editable: true },
+      { name: 'mandateId', label: t('featureInstanceWizard.mandant'), type: 'enum' as const, required: true, options: mandateOptions },
+      { name: 'featureCode', label: t('featureInstanceWizard.feature'), type: 'enum' as const, required: true, options: featureOptions },
+      { name: 'label', label: t('featureInstanceWizard.bezeichnung'), type: 'string' as const, required: true, editable: true },
+      { name: 'enabled', label: t('featureInstanceWizard.aktiv'), type: 'boolean' as const, required: false, editable: true },
     ],
     [mandateOptions, featureOptions]
   );
@@ -172,8 +174,8 @@ export const FeatureInstanceWizard: React.FC<FeatureInstanceWizardProps> = ({
     <div className={styles.modalOverlay} onClick={onClose}>
       <div className={`${styles.modal} ${wizardStyles.modal}`} onClick={(e) => e.stopPropagation()}>
         <div className={styles.modalHeader}>
-          <h2 className={styles.modalTitle}>Neue Feature-Instanz</h2>
-          <button type="button" className={styles.modalClose} onClick={onClose} aria-label="Schließen">
+          <h2 className={styles.modalTitle}>{t('featureInstanceWizard.neueFeatureinstanz')}</h2>
+          <button type="button" className={styles.modalClose} onClick={onClose} aria-label={t('featureInstanceWizard.schliessen')}>
             ✕
           </button>
         </div>
@@ -204,8 +206,8 @@ export const FeatureInstanceWizard: React.FC<FeatureInstanceWizardProps> = ({
                 }}
                 onSubmit={handleStep1Submit}
                 onCancel={onClose}
-                submitButtonText="Weiter"
-                cancelButtonText="Abbrechen"
+                submitButtonText={t('featureInstanceWizard.weiter')}
+                cancelButtonText={t('featureInstanceWizard.abbrechen')}
               />
               <label className={wizardStyles.checkLabel}>
                 <input
@@ -240,7 +242,7 @@ export const FeatureInstanceWizard: React.FC<FeatureInstanceWizardProps> = ({
                 Optional: Weisen Sie Benutzern Rollen zu. Sie können dies auch später in der Zugriffsverwaltung tun.
               </p>
               {mandateUsers.length === 0 ? (
-                <p className={wizardStyles.stepText}>Keine Mandanten-Benutzer vorhanden.</p>
+                <p className={wizardStyles.stepText}>{t('featureInstanceWizard.keineMandantenbenutzerVorhanden')}</p>
               ) : (
                 <div className={wizardStyles.userList}>
                   {mandateUsers.map((u) => {
@@ -258,7 +260,7 @@ export const FeatureInstanceWizard: React.FC<FeatureInstanceWizardProps> = ({
                             handleAddUserRole(u.id, rids);
                           }}
                         >
-                          <option value="">— Keine Rolle —</option>
+                          <option value="">{t('featureInstanceWizard.keineRolle')}</option>
                           {instanceRoles.map((r) => (
                             <option key={r.id} value={r.id}>
                               {r.roleLabel}
diff --git a/src/pages/basedata/ConnectionsPage.tsx b/src/pages/basedata/ConnectionsPage.tsx
index ab42635..f3fd516 100644
--- a/src/pages/basedata/ConnectionsPage.tsx
+++ b/src/pages/basedata/ConnectionsPage.tsx
@@ -9,14 +9,18 @@ import React, { useState, useMemo, useEffect } from 'react';
 import { useConnections, type Connection } from '../../hooks/useConnections';
 import { FormGeneratorTable } from '../../components/FormGenerator/FormGeneratorTable';
 import { FormGeneratorForm } from '../../components/FormGenerator/FormGeneratorForm';
-import { FaSync, FaPlug, FaGoogle, FaMicrosoft, FaLink, FaRedo, FaShieldAlt, FaTasks } from 'react-icons/fa';
+import { FaSync, FaGoogle, FaMicrosoft, FaLink, FaRedo, FaShieldAlt, FaTasks } from 'react-icons/fa';
 import { getApiBaseUrl } from '../../../config/config';
 import styles from '../admin/Admin.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 /** Wenn false: keine neue ClickUp-Verbindung über diese Seite (Buttons inaktiv). */
 const isClickupConnectionUiEnabled = false;
 
 export const ConnectionsPage: React.FC = () => {
+    const { t } = useLanguage();
+
   // Use the consolidated hook
   const {
     data: connections,
@@ -247,7 +251,7 @@ export const ConnectionsPage: React.FC = () => {
     <div className={`${styles.adminPage} ${styles.adminPageFill}`}>
       <div className={styles.pageHeader}>
         <div>
-          <h1 className={styles.pageTitle}>Verbindungen</h1>
+          <h1 className={styles.pageTitle}>{t('connections.verbindungen')}</h1>
           <p className={styles.pageSubtitle}>
             Persönliche Datenanbindungen verwalten (OAuth: Google, Microsoft
             {isClickupConnectionUiEnabled ? ', ClickUp' : ''})
@@ -258,7 +262,7 @@ export const ConnectionsPage: React.FC = () => {
             className={styles.secondaryButton}
             onClick={handleAdminConsent}
             disabled={adminConsentPending}
-            title="Microsoft Admin Consent — erteilt der App die nötigen Berechtigungen für den gesamten Tenant"
+            title={t('connections.microsoftAdminConsentErteiltDer')}
           >
             <FaShieldAlt /> Admin Consent
           </button>
@@ -291,7 +295,7 @@ export const ConnectionsPage: React.FC = () => {
                   className={styles.clickupButton}
                   onClick={handleCreateClickup}
                   disabled={isConnecting}
-                  title="ClickUp-Konto verbinden"
+                  title={t('connections.clickupkontoVerbinden')}
                 >
                   <FaTasks /> ClickUp
                 </button>
@@ -317,11 +321,11 @@ export const ConnectionsPage: React.FC = () => {
               ...(canUpdate ? [{
                 type: 'edit' as const,
                 onAction: handleEditClick,
-                title: 'Bearbeiten',
+                title: t('connectionsPage.edit'),
               }] : []),
               ...(canDelete ? [{
                 type: 'delete' as const,
-                title: 'Löschen',
+                title: t('connectionsPage.delete'),
                 loading: (row: Connection) => deletingConnections.has(row.id),
               }] : []),
             ]}
@@ -330,7 +334,7 @@ export const ConnectionsPage: React.FC = () => {
                 id: 'connect',
                 icon: <FaLink />,
                 onClick: handleConnect,
-                title: 'Verbinden',
+                title: t('connectionsPage.connect'),
                 visible: (row: Connection) =>
                   row.status !== 'active' &&
                   (isClickupConnectionUiEnabled || row.authority !== 'clickup'),
@@ -340,7 +344,7 @@ export const ConnectionsPage: React.FC = () => {
                 id: 'refresh',
                 icon: <FaRedo />,
                 onClick: handleRefresh,
-                title: 'Token erneuern',
+                title: t('connectionsPage.refreshToken'),
                 visible: (row: Connection) => row.status === 'active',
                 loading: (row: Connection) => refreshingConnections.has(row.id),
               },
@@ -354,7 +358,7 @@ export const ConnectionsPage: React.FC = () => {
               handleInlineUpdate,
               updateOptimistically,
             }}
-            emptyMessage="Keine Verbindungen gefunden"
+            emptyMessage={t('connections.keineVerbindungenGefunden')}
           />
       </div>
 
@@ -363,7 +367,7 @@ export const ConnectionsPage: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => setEditingConnection(null)}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Verbindung bearbeiten</h2>
+              <h2 className={styles.modalTitle}>{t('connections.verbindungBearbeiten')}</h2>
               <button 
                 className={styles.modalClose}
                 onClick={() => setEditingConnection(null)}
@@ -375,7 +379,7 @@ export const ConnectionsPage: React.FC = () => {
               {formAttributes.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('connections.ladeFormular')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -384,8 +388,8 @@ export const ConnectionsPage: React.FC = () => {
                   mode="edit"
                   onSubmit={handleEditSubmit}
                   onCancel={() => setEditingConnection(null)}
-                  submitButtonText="Speichern"
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={t('connections.speichern')}
+                  cancelButtonText={t('connections.abbrechen')}
                 />
               )}
             </div>
diff --git a/src/pages/basedata/FilesPage.tsx b/src/pages/basedata/FilesPage.tsx
index 1292e13..7e0239c 100644
--- a/src/pages/basedata/FilesPage.tsx
+++ b/src/pages/basedata/FilesPage.tsx
@@ -14,11 +14,13 @@ import { FormGeneratorForm } from '../../components/FormGenerator/FormGeneratorF
 import FolderTree from '../../components/FolderTree/FolderTree';
 import type { FileNode } from '../../components/FolderTree/FolderTree';
 import { useResizablePanels } from '../../hooks/useResizablePanels';
-import { FaSync, FaFolder, FaUpload, FaDownload, FaEye, FaFolderPlus } from 'react-icons/fa';
+import { FaSync, FaUpload, FaDownload, FaEye, FaFolderPlus } from 'react-icons/fa';
 import { useToast } from '../../contexts/ToastContext';
 import { usePrompt } from '../../hooks/usePrompt';
 import styles from '../admin/Admin.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 interface UserFile {
   id: string;
   fileName: string;
@@ -30,6 +32,8 @@ interface UserFile {
 }
 
 export const FilesPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const fileInputRef = useRef<HTMLInputElement>(null);
   const { showSuccess, showError } = useToast();
   const { prompt: promptInput, PromptDialog } = usePrompt();
@@ -145,7 +149,7 @@ export const FilesPage: React.FC = () => {
 
     cols.push({
       key: 'sysCreatedBy',
-      label: 'Created By',
+      label: t('filesPage.createdBy'),
       type: 'text' as any,
       sortable: true,
       filterable: false,
@@ -225,7 +229,7 @@ export const FilesPage: React.FC = () => {
   };
 
   const _handleNewFolder = useCallback(async () => {
-    const name = await promptInput('Neuer Ordnername:', { title: 'Neuer Ordner', placeholder: 'Ordnername' });
+    const name = await promptInput('Neuer Ordnername:', { title: t('filesPage.newFolder'), placeholder: 'Ordnername' });
     if (name?.trim()) {
       await handleCreateFolder(name.trim(), selectedFolderId);
     }
@@ -321,7 +325,7 @@ export const FilesPage: React.FC = () => {
 
       <div className={styles.pageHeader}>
         <div>
-          <h1 className={styles.pageTitle}>Dateien</h1>
+          <h1 className={styles.pageTitle}>{t('files.dateien')}</h1>
           <p className={styles.pageSubtitle}>Dateiverwaltung</p>
         </div>
         <div className={styles.headerActions}>
@@ -399,7 +403,7 @@ export const FilesPage: React.FC = () => {
             flexShrink: 0, alignItems: 'center', flexWrap: 'wrap',
           }}>
             <button className={styles.secondaryButton} onClick={_handleNewFolder}>
-              <FaFolderPlus /> Neuer Ordner
+              <FaFolderPlus /> {t('filesPage.newFolder')}
             </button>
             {canCreate && (
               <button className={styles.primaryButton} onClick={handleUploadClick} disabled={uploadingFile}>
@@ -431,11 +435,11 @@ export const FilesPage: React.FC = () => {
                   ...(canUpdate ? [{
                     type: 'edit' as const,
                     onAction: handleEditClick,
-                    title: 'Bearbeiten',
+                    title: t('filesPage.edit'),
                   }] : []),
                   ...(canDelete ? [{
                     type: 'delete' as const,
-                    title: 'Löschen',
+                    title: t('filesPage.delete'),
                     loading: (row: UserFile) => deletingFiles.has(row.id),
                   }] : []),
                 ]}
@@ -444,14 +448,14 @@ export const FilesPage: React.FC = () => {
                     id: 'download',
                     icon: <FaDownload />,
                     onClick: handleDownload,
-                    title: 'Herunterladen',
+                    title: t('filesPage.download'),
                     loading: (row: UserFile) => downloadingFiles.has(row.id),
                   },
                   {
                     id: 'preview',
                     icon: <FaEye />,
                     onClick: handlePreview,
-                    title: 'Vorschau',
+                    title: t('filesPage.preview'),
                     loading: (row: UserFile) => previewingFiles.has(row.id),
                   },
                 ]}
@@ -465,7 +469,7 @@ export const FilesPage: React.FC = () => {
                   handleInlineUpdate,
                   updateOptimistically: updateFileOptimistically,
                 }}
-                emptyMessage="Keine Dateien gefunden"
+                emptyMessage={t('files.keineDateienGefunden')}
               />
           </div>
         </div>
@@ -476,14 +480,14 @@ export const FilesPage: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => setEditingFile(null)}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Datei bearbeiten</h2>
+              <h2 className={styles.modalTitle}>{t('files.dateiBearbeiten')}</h2>
               <button className={styles.modalClose} onClick={() => setEditingFile(null)}>✕</button>
             </div>
             <div className={styles.modalContent}>
               {formAttributes.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('files.ladeFormular')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -492,8 +496,8 @@ export const FilesPage: React.FC = () => {
                   mode="edit"
                   onSubmit={handleEditSubmit}
                   onCancel={() => setEditingFile(null)}
-                  submitButtonText="Speichern"
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={t('files.speichern')}
+                  cancelButtonText={t('files.abbrechen')}
                 />
               )}
             </div>
diff --git a/src/pages/basedata/PromptsPage.tsx b/src/pages/basedata/PromptsPage.tsx
index edeca0c..e760207 100644
--- a/src/pages/basedata/PromptsPage.tsx
+++ b/src/pages/basedata/PromptsPage.tsx
@@ -12,6 +12,8 @@ import { FormGeneratorForm } from '../../components/FormGenerator/FormGeneratorF
 import { FaSync, FaPlus } from 'react-icons/fa';
 import styles from '../admin/Admin.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 interface Prompt {
   id: string;
   name: string;
@@ -20,6 +22,8 @@ interface Prompt {
 }
 
 export const PromptsPage: React.FC = () => {
+    const { t } = useLanguage();
+
   // Data hook
   const {
     prompts,
@@ -74,7 +78,7 @@ export const PromptsPage: React.FC = () => {
     // Add sysCreatedBy column with FK resolution to show username
     cols.push({
       key: 'sysCreatedBy',
-      label: 'Created By',
+      label: t('promptsPage.createdBy'),
       type: 'text' as any,
       sortable: true,
       filterable: false,
@@ -171,8 +175,8 @@ export const PromptsPage: React.FC = () => {
     <div className={`${styles.adminPage} ${styles.adminPageFill}`}>
       <div className={styles.pageHeader}>
         <div>
-          <h1 className={styles.pageTitle}>Prompts</h1>
-          <p className={styles.pageSubtitle}>Prompt-Templates verwalten</p>
+          <h1 className={styles.pageTitle}>{t('prompts.prompts')}</h1>
+          <p className={styles.pageSubtitle}>{t('prompts.prompttemplatesVerwalten')}</p>
         </div>
         <div className={styles.headerActions}>
           <button 
@@ -208,17 +212,17 @@ export const PromptsPage: React.FC = () => {
           actionButtons={[
             ...(canCreate ? [{
               type: 'copy' as const,
-              title: 'Duplizieren',
+              title: t('promptsPage.duplicate'),
               onAction: handleDuplicate,
             }] : []),
             ...(canUpdate ? [{
               type: 'edit' as const,
               onAction: handleEditClick,
-              title: 'Bearbeiten',
+              title: t('promptsPage.edit'),
             }] : []),
             ...(canDelete ? [{
               type: 'delete' as const,
-              title: 'Löschen',
+              title: t('promptsPage.delete'),
               loading: (row: Prompt) => deletingPrompts.has(row.id),
             }] : []),
           ]}
@@ -231,7 +235,7 @@ export const PromptsPage: React.FC = () => {
             handleInlineUpdate,
             updateOptimistically,
           }}
-          emptyMessage="Keine Prompts gefunden"
+          emptyMessage={t('prompts.keinePromptsGefunden')}
         />
       </div>
 
@@ -240,7 +244,7 @@ export const PromptsPage: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => setShowCreateModal(false)}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Neuer Prompt</h2>
+              <h2 className={styles.modalTitle}>{t('prompts.neuerPrompt')}</h2>
               <button 
                 className={styles.modalClose}
                 onClick={() => setShowCreateModal(false)}
@@ -252,7 +256,7 @@ export const PromptsPage: React.FC = () => {
               {formAttributes.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('prompts.ladeFormular')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -260,8 +264,8 @@ export const PromptsPage: React.FC = () => {
                   mode="create"
                   onSubmit={handleCreateSubmit}
                   onCancel={() => setShowCreateModal(false)}
-                  submitButtonText="Erstellen"
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={t('prompts.erstellen')}
+                  cancelButtonText={t('prompts.abbrechen')}
                 />
               )}
             </div>
@@ -274,7 +278,7 @@ export const PromptsPage: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => setEditingPrompt(null)}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Prompt bearbeiten</h2>
+              <h2 className={styles.modalTitle}>{t('prompts.promptBearbeiten')}</h2>
               <button 
                 className={styles.modalClose}
                 onClick={() => setEditingPrompt(null)}
@@ -286,7 +290,7 @@ export const PromptsPage: React.FC = () => {
               {formAttributes.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('prompts.ladeFormular')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -295,8 +299,8 @@ export const PromptsPage: React.FC = () => {
                   mode="edit"
                   onSubmit={handleEditSubmit}
                   onCancel={() => setEditingPrompt(null)}
-                  submitButtonText="Speichern"
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={t('prompts.speichern')}
+                  cancelButtonText={t('prompts.abbrechen')}
                 />
               )}
             </div>
diff --git a/src/pages/billing/AdminSubscriptionsPage.tsx b/src/pages/billing/AdminSubscriptionsPage.tsx
index 287b903..aa0d390 100644
--- a/src/pages/billing/AdminSubscriptionsPage.tsx
+++ b/src/pages/billing/AdminSubscriptionsPage.tsx
@@ -5,23 +5,29 @@ import { useConfirm } from '../../hooks/useConfirm';
 import api from '../../api';
 import styles from './Billing.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 const _TERMINAL_STATUSES = new Set(['EXPIRED']);
 
-const _COLUMNS: ColumnConfig[] = [
-  { key: 'mandateName', label: 'Mandant', type: 'text', sortable: true, filterable: true, width: 180 },
-  { key: 'planTitle', label: 'Plan', type: 'text', sortable: true, filterable: true, width: 180 },
-  { key: 'status', label: 'Status', type: 'text', sortable: true, filterable: true, width: 110 },
-  { key: 'recurring', label: 'Wiederkehrend', type: 'boolean', sortable: true, filterable: true, width: 120 },
-  { key: 'activeUsers', label: 'User', type: 'number', sortable: true, width: 70 },
-  { key: 'activeInstances', label: 'Instanzen', type: 'number', sortable: true, width: 90 },
-  { key: 'monthlyRevenueCHF', label: 'Revenue/Mt (CHF)', type: 'number', sortable: true, width: 140 },
-  { key: 'startedAt', label: 'Gestartet', type: 'date', sortable: true, filterable: true, width: 130 },
-  { key: 'currentPeriodEnd', label: 'Periodenende', type: 'date', sortable: true, filterable: true, width: 130 },
-  { key: 'snapshotPricePerUserCHF', label: 'Preis/User', type: 'number', sortable: true, width: 100 },
-  { key: 'snapshotPricePerInstanceCHF', label: 'Preis/Instanz', type: 'number', sortable: true, width: 110 },
-];
+function _getColumns(t: (key: string) => string): ColumnConfig[] {
+  return [
+    { key: 'mandateName', label: t('adminSubscriptions.mandant'), type: 'text', sortable: true, filterable: true, width: 180 },
+    { key: 'planTitle', label: t('adminSubscriptions.plan'), type: 'text', sortable: true, filterable: true, width: 180 },
+    { key: 'status', label: t('adminSubscriptions.status'), type: 'text', sortable: true, filterable: true, width: 110 },
+    { key: 'recurring', label: t('adminSubscriptions.wiederkehrend'), type: 'boolean', sortable: true, filterable: true, width: 120 },
+    { key: 'activeUsers', label: t('adminSubscriptions.user'), type: 'number', sortable: true, width: 70 },
+    { key: 'activeInstances', label: t('adminSubscriptions.instanzen'), type: 'number', sortable: true, width: 90 },
+    { key: 'monthlyRevenueCHF', label: t('adminSubscriptions.revenueProMonat'), type: 'number', sortable: true, width: 140 },
+    { key: 'startedAt', label: t('adminSubscriptions.gestartet'), type: 'date', sortable: true, filterable: true, width: 130 },
+    { key: 'currentPeriodEnd', label: t('adminSubscriptions.periodenende'), type: 'date', sortable: true, filterable: true, width: 130 },
+    { key: 'snapshotPricePerUserCHF', label: t('adminSubscriptions.preisProUser'), type: 'number', sortable: true, width: 100 },
+    { key: 'snapshotPricePerInstanceCHF', label: t('adminSubscriptions.preisProInstanz'), type: 'number', sortable: true, width: 110 },
+  ];
+}
 
 const AdminSubscriptionsPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const { confirm, ConfirmDialog } = useConfirm();
   const { data: subscriptions, pagination, loading, refetch } = useAdminSubscriptions();
 
@@ -43,14 +49,14 @@ const AdminSubscriptionsPage: React.FC = () => {
   return (
     <div className={styles.billingDashboard} style={{ minHeight: 0 }}>
       <header className={styles.pageHeader} style={{ flexShrink: 0 }}>
-        <h1>Subscription-Übersicht</h1>
-        <p className={styles.subtitle}>Alle Abonnements aller Mandanten</p>
+        <h1>{t('adminSubscriptions.subscriptionuebersicht')}</h1>
+        <p className={styles.subtitle}>{t('adminSubscriptions.alleAbonnementsAllerMandanten')}</p>
       </header>
 
       <div style={{ flex: 1, minHeight: 0, overflow: 'auto' }}>
         <FormGeneratorTable
           data={subscriptions}
-          columns={_COLUMNS}
+          columns={_getColumns(t)}
           apiEndpoint="/api/subscription/admin/all"
           loading={loading}
           pagination={true}
@@ -60,13 +66,13 @@ const AdminSubscriptionsPage: React.FC = () => {
           customActions={[
             {
               id: 'forceCancel',
-              title: 'Sofort kündigen',
+              title: t('adminSubscriptionsPage.cancelImmediately'),
               icon: '✕',
               onClick: (row: any) => _handleForceCancel(row),
               visible: (row: any) => !_TERMINAL_STATUSES.has(row._rawStatus),
             },
           ]}
-          emptyMessage="Keine Subscriptions vorhanden."
+          emptyMessage={t('adminSubscriptions.keineSubscriptionsVorhanden')}
         />
       </div>
 
diff --git a/src/pages/billing/BillingAdmin.tsx b/src/pages/billing/BillingAdmin.tsx
index 63ad7f4..86234af 100644
--- a/src/pages/billing/BillingAdmin.tsx
+++ b/src/pages/billing/BillingAdmin.tsx
@@ -64,7 +64,7 @@ const MandateSelector: React.FC<MandateSelectorProps> = ({
       onChange={e => onSelect(e.target.value)}
       disabled={loading}
     >
-      <option value="">-- Mandant wählen --</option>
+      <option value="">{t('billingAdmin.mandantWaehlen')}</option>
       {mandates.map(mandate => (
         <option key={mandate.id} value={mandate.id}>
           {_mandateDisplayLabel(mandate)}
@@ -179,7 +179,7 @@ const SettingsEditor: React.FC<SettingsEditorProps> = ({ settings, onSave, loadi
         {formData.autoRechargeEnabled && (
           <div className={styles.formRow}>
             <div className={styles.formGroup}>
-              <label>Betrag pro Nachladung (CHF)</label>
+              <label>{t('billingAdmin.betragProNachladungChf')}</label>
               <input
                 type="number"
                 className={styles.input}
@@ -418,13 +418,13 @@ const MandateStripeTopUp: React.FC<MandateStripeTopUpProps> = ({ mandateId, crea
       <form onSubmit={_handleSubmit}>
         <div className={styles.formRow}>
           <div className={styles.formGroup}>
-            <label>Betrag (CHF)</label>
+            <label>{t('billingAdmin.betragChf')}</label>
             <input
               type="number"
               className={styles.input}
               value={amount}
               onChange={e => setAmount(e.target.value)}
-              placeholder="z.B. 50"
+              placeholder={t('billingAdmin.zb50')}
               min="0.01"
               step="0.01"
               required
diff --git a/src/pages/billing/BillingDashboard.tsx b/src/pages/billing/BillingDashboard.tsx
index 7525836..ac01252 100644
--- a/src/pages/billing/BillingDashboard.tsx
+++ b/src/pages/billing/BillingDashboard.tsx
@@ -9,6 +9,8 @@ import { useBilling, type BillingBalance, type UsageReport } from '../../hooks/u
 import { BillingNav } from './BillingNav';
 import styles from './Billing.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 // ============================================================================
 // BALANCE CARD COMPONENT
 // ============================================================================
@@ -56,6 +58,7 @@ interface StatisticsChartProps {
 }
 
 const StatisticsChart: React.FC<StatisticsChartProps> = ({ statistics, loading }) => {
+  const { t } = useLanguage();
   const formatCurrency = (amount: number) => {
     return new Intl.NumberFormat('de-CH', {
       style: 'currency',
@@ -64,11 +67,11 @@ const StatisticsChart: React.FC<StatisticsChartProps> = ({ statistics, loading }
   };
   
   if (loading) {
-    return <div className={styles.loadingPlaceholder}>Lade Statistiken...</div>;
+    return <div className={styles.loadingPlaceholder}>{t('billingDashboard.ladeStatistiken')}</div>;
   }
   
   if (!statistics) {
-    return <div className={styles.noData}>Keine Statistiken verfügbar</div>;
+    return <div className={styles.noData}>{t('billingDashboard.keineStatistikenVerfuegbar')}</div>;
   }
   
   // Calculate max cost for bar scaling
@@ -82,9 +85,9 @@ const StatisticsChart: React.FC<StatisticsChartProps> = ({ statistics, loading }
       </div>
       
       <div className={styles.chartSection}>
-        <h4>Kosten nach Anbieter</h4>
+        <h4>{t('billingDashboard.kostenNachAnbieter')}</h4>
         {Object.entries(statistics.costByProvider).length === 0 ? (
-          <div className={styles.noData}>Keine Daten</div>
+          <div className={styles.noData}>{t('billingDashboard.keineDaten')}</div>
         ) : (
           <div className={styles.barChart}>
             {Object.entries(statistics.costByProvider).map(([provider, cost]) => (
@@ -104,9 +107,9 @@ const StatisticsChart: React.FC<StatisticsChartProps> = ({ statistics, loading }
       </div>
       
       <div className={styles.chartSection}>
-        <h4>Kosten nach Modell</h4>
+        <h4>{t('billingDashboard.kostenNachModell')}</h4>
         {Object.entries(statistics.costByModel || {}).length === 0 ? (
-          <div className={styles.noData}>Keine Daten</div>
+          <div className={styles.noData}>{t('billingDashboard.keineDaten')}</div>
         ) : (
           <div className={styles.barChart}>
             {Object.entries(statistics.costByModel || {}).map(([model, cost]) => (
@@ -126,9 +129,9 @@ const StatisticsChart: React.FC<StatisticsChartProps> = ({ statistics, loading }
       </div>
       
       <div className={styles.chartSection}>
-        <h4>Kosten nach Feature</h4>
+        <h4>{t('billingDashboard.kostenNachFeature')}</h4>
         {Object.entries(statistics.costByFeature).length === 0 ? (
-          <div className={styles.noData}>Keine Daten</div>
+          <div className={styles.noData}>{t('billingDashboard.keineDaten')}</div>
         ) : (
           <div className={styles.featureList}>
             {Object.entries(statistics.costByFeature).map(([feature, cost]) => (
@@ -149,6 +152,7 @@ const StatisticsChart: React.FC<StatisticsChartProps> = ({ statistics, loading }
 // ============================================================================
 
 export const BillingDashboard: React.FC = () => {
+  const { t } = useLanguage();
   const { 
     balances, 
     statistics, 
@@ -176,37 +180,27 @@ export const BillingDashboard: React.FC = () => {
   }, []);
   
   // Available months
-  const availableMonths = [
-    { value: 1, label: 'Januar' },
-    { value: 2, label: 'Februar' },
-    { value: 3, label: 'März' },
-    { value: 4, label: 'April' },
-    { value: 5, label: 'Mai' },
-    { value: 6, label: 'Juni' },
-    { value: 7, label: 'Juli' },
-    { value: 8, label: 'August' },
-    { value: 9, label: 'September' },
-    { value: 10, label: 'Oktober' },
-    { value: 11, label: 'November' },
-    { value: 12, label: 'Dezember' },
-  ];
+  const availableMonths = Array.from({ length: 12 }, (_, i) => ({
+    value: i + 1,
+    label: String(i + 1),
+  }));
   
   return (
     <div className={styles.billingDashboard}>
       <header className={styles.pageHeader}>
-        <h1>Billing</h1>
-        <p className={styles.subtitle}>Übersicht über Guthaben und Nutzung</p>
+        <h1>{t('billingDashboard.billing')}</h1>
+        <p className={styles.subtitle}>{t('billingDashboard.uebersichtUeberGuthabenUndNutzung')}</p>
       </header>
       
       <BillingNav />
       
       {/* Balance Cards */}
       <section className={styles.section}>
-        <h2 className={styles.sectionTitle}>Guthaben</h2>
+        <h2 className={styles.sectionTitle}>{t('billingDashboard.guthaben')}</h2>
         {loading ? (
-          <div className={styles.loadingPlaceholder}>Lade Guthaben...</div>
+          <div className={styles.loadingPlaceholder}>{t('billingDashboard.ladeGuthaben')}</div>
         ) : balances.length === 0 ? (
-          <div className={styles.noData}>Keine Abrechnungskonten vorhanden</div>
+          <div className={styles.noData}>{t('billingDashboard.keineAbrechnungskontenVorhanden')}</div>
         ) : (
           <div className={styles.balanceGrid}>
             {balances.map((balance) => (
diff --git a/src/pages/billing/BillingDataView.tsx b/src/pages/billing/BillingDataView.tsx
index d35b2cd..749ff61 100644
--- a/src/pages/billing/BillingDataView.tsx
+++ b/src/pages/billing/BillingDataView.tsx
@@ -519,8 +519,8 @@ export const BillingDataView: React.FC = () => {
       <header className={styles.pageHeader}>
         <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
           <div>
-            <h1>Statistiken</h1>
-            <p className={styles.subtitle}>Nutzung, Diagramme und Transaktionen</p>
+            <h1>{t('billingData.statistiken')}</h1>
+            <p className={styles.subtitle}>{t('billingData.nutzungDiagrammeUndTransaktionen')}</p>
           </div>
           <div style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
             <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
diff --git a/src/pages/billing/BillingMandateView.tsx b/src/pages/billing/BillingMandateView.tsx
index b85f149..4286318 100644
--- a/src/pages/billing/BillingMandateView.tsx
+++ b/src/pages/billing/BillingMandateView.tsx
@@ -16,6 +16,8 @@ import {
 import { BillingNav } from './BillingNav';
 import styles from './Billing.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 // ============================================================================
 // MANDATE BALANCE TABLE
 // ============================================================================
@@ -26,11 +28,11 @@ interface MandateBalanceTableProps {
   onSelectMandate: (mandateId: string | null) => void;
 }
 
-const MandateBalanceTable: React.FC<MandateBalanceTableProps> = ({
-  balances,
+const MandateBalanceTable: React.FC<MandateBalanceTableProps> = ({ balances,
   selectedMandateId,
   onSelectMandate
 }) => {
+  const { t } = useLanguage();
   const formatCurrency = (amount: number) => {
     return new Intl.NumberFormat('de-CH', {
       style: 'currency',
@@ -43,9 +45,9 @@ const MandateBalanceTable: React.FC<MandateBalanceTableProps> = ({
       <table className={styles.transactionsTable}>
         <thead>
           <tr>
-            <th>Mandant</th>
-            <th>Anzahl Benutzer</th>
-            <th>Warnschwelle (%)</th>
+            <th>{t('billingMandate.mandant')}</th>
+            <th>{t('billingMandate.anzahlBenutzer')}</th>
+            <th>{t('billingMandate.warnschwelle')}</th>
             <th style={{ textAlign: 'right' }}>Gesamtguthaben</th>
             <th>Aktion</th>
           </tr>
@@ -68,7 +70,7 @@ const MandateBalanceTable: React.FC<MandateBalanceTableProps> = ({
                   )}
                   style={{ padding: '4px 8px', fontSize: '12px' }}
                 >
-                  {selectedMandateId === balance.mandateId ? 'Alle' : 'Filter'}
+                  {selectedMandateId === balance.mandateId ? t('billingMandate.alle') : t('billingMandate.filter')}
                 </button>
               </td>
             </tr>
@@ -88,6 +90,7 @@ interface TransactionTableProps {
 }
 
 const TransactionTable: React.FC<TransactionTableProps> = ({ transactions }) => {
+  const { t } = useLanguage();
   const formatCurrency = (amount: number) => {
     return new Intl.NumberFormat('de-CH', {
       style: 'currency',
@@ -130,31 +133,31 @@ const TransactionTable: React.FC<TransactionTableProps> = ({ transactions }) =>
         <thead>
           <tr>
             <th>Datum</th>
-            <th>Mandant</th>
+            <th>{t('billingMandate.mandant')}</th>
             <th>Typ</th>
-            <th>Beschreibung</th>
+            <th>{t('billingMandate.beschreibung')}</th>
             <th>Anbieter</th>
             <th>Modell</th>
             <th>Feature</th>
-            <th style={{ textAlign: 'right' }}>Betrag</th>
+            <th style={{ textAlign: 'right' }}>{t('billingMandate.betrag')}</th>
           </tr>
         </thead>
         <tbody>
-          {transactions.map((t) => (
-            <tr key={t.id}>
-              <td>{formatDate(t.createdAt)}</td>
-              <td>{t.mandateName || '-'}</td>
+          {transactions.map((txn) => (
+            <tr key={txn.id}>
+              <td>{formatDate(txn.createdAt)}</td>
+              <td>{txn.mandateName || '-'}</td>
               <td>
-                <span className={`${styles.transactionType} ${getTypeClass(t.transactionType)}`}>
-                  {getTypeLabel(t.transactionType)}
+                <span className={`${styles.transactionType} ${getTypeClass(txn.transactionType)}`}>
+                  {getTypeLabel(txn.transactionType)}
                 </span>
               </td>
-              <td>{t.description}</td>
-              <td>{t.aicoreProvider || '-'}</td>
-              <td>{t.aicoreModel || '-'}</td>
-              <td>{t.featureCode || '-'}</td>
+              <td>{txn.description}</td>
+              <td>{txn.aicoreProvider || '-'}</td>
+              <td>{txn.aicoreModel || '-'}</td>
+              <td>{txn.featureCode || '-'}</td>
               <td style={{ textAlign: 'right' }}>
-                {t.transactionType === 'DEBIT' ? '-' : '+'}{formatCurrency(t.amount)}
+                {txn.transactionType === 'DEBIT' ? '-' : '+'}{formatCurrency(txn.amount)}
               </td>
             </tr>
           ))}
@@ -173,6 +176,7 @@ interface BillingMandateViewProps {
 }
 
 export const BillingMandateView: React.FC<BillingMandateViewProps> = ({ embedded = false }) => {
+  const { t } = useLanguage();
   const { request, isLoading: loading } = useApiRequest();
   const [balances, setBalances] = useState<MandateBalance[]>([]);
   const [transactions, setTransactions] = useState<BillingTransaction[]>([]);
@@ -214,7 +218,7 @@ export const BillingMandateView: React.FC<BillingMandateViewProps> = ({ embedded
         <>
           <header className={styles.pageHeader}>
             <h1>Mandanten-Billing</h1>
-            <p className={styles.subtitle}>Guthaben und Transaktionen pro Mandant</p>
+            <p className={styles.subtitle}>{t('billingMandate.guthabenUndTransaktionenProMandant')}</p>
           </header>
 
           <BillingNav />
@@ -225,9 +229,9 @@ export const BillingMandateView: React.FC<BillingMandateViewProps> = ({ embedded
       <section className={styles.section}>
         <h2 className={styles.sectionTitle}>Mandanten-Guthaben</h2>
         {loading && balances.length === 0 ? (
-          <div className={styles.loadingPlaceholder}>Lade Daten...</div>
+          <div className={styles.loadingPlaceholder}>{t('billingMandate.ladeDaten')}</div>
         ) : balances.length === 0 ? (
-          <div className={styles.noData}>Keine Mandanten mit Billing-Settings vorhanden</div>
+          <div className={styles.noData}>{t('billingMandate.keineMandantenMitBillingsettingsVorhanden')}</div>
         ) : (
           <MandateBalanceTable
             balances={balances}
@@ -250,9 +254,9 @@ export const BillingMandateView: React.FC<BillingMandateViewProps> = ({ embedded
           </h2>
         </div>
         {loading && transactions.length === 0 ? (
-          <div className={styles.loadingPlaceholder}>Lade Transaktionen...</div>
+          <div className={styles.loadingPlaceholder}>{t('billingMandate.ladeTransaktionen')}</div>
         ) : filteredTransactions.length === 0 ? (
-          <div className={styles.noData}>Keine Transaktionen vorhanden</div>
+          <div className={styles.noData}>{t('billingMandate.keineTransaktionenVorhanden')}</div>
         ) : (
           <>
             <TransactionTable transactions={filteredTransactions} />
@@ -264,7 +268,7 @@ export const BillingMandateView: React.FC<BillingMandateViewProps> = ({ embedded
                   onClick={handleLoadMore}
                   disabled={loading}
                 >
-                  {loading ? 'Laden...' : 'Mehr laden'}
+                  {loading ? t('billingMandate.laden') : t('billingMandate.mehrLaden')}
                 </button>
               </div>
             )}
diff --git a/src/pages/billing/BillingTransactions.tsx b/src/pages/billing/BillingTransactions.tsx
index d64bde7..df0b97d 100644
--- a/src/pages/billing/BillingTransactions.tsx
+++ b/src/pages/billing/BillingTransactions.tsx
@@ -9,6 +9,8 @@ import { useBilling, type BillingTransaction } from '../../hooks/useBilling';
 import { BillingNav } from './BillingNav';
 import styles from './Billing.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 // ============================================================================
 // TRANSACTION ROW COMPONENT
 // ============================================================================
@@ -79,6 +81,7 @@ const TransactionRow: React.FC<TransactionRowProps> = ({ transaction }) => {
 // ============================================================================
 
 export const BillingTransactions: React.FC = () => {
+  const { t } = useLanguage();
   const { transactions, loading, loadTransactions } = useBilling();
   const [limit, setLimit] = useState(50);
   
@@ -93,17 +96,17 @@ export const BillingTransactions: React.FC = () => {
   return (
     <div className={styles.billingDashboard}>
       <header className={styles.pageHeader}>
-        <h1>Transaktionen</h1>
-        <p className={styles.subtitle}>Übersicht aller Kontobewegungen</p>
+        <h1>{t('billingTransactions.transaktionen')}</h1>
+        <p className={styles.subtitle}>{t('billingTransactions.uebersichtAllerKontobewegungen')}</p>
       </header>
       
       <BillingNav />
       
       <section className={styles.section}>
         {loading && transactions.length === 0 ? (
-          <div className={styles.loadingPlaceholder}>Lade Transaktionen...</div>
+          <div className={styles.loadingPlaceholder}>{t('billingTransactions.ladeTransaktionen')}</div>
         ) : transactions.length === 0 ? (
-          <div className={styles.noData}>Keine Transaktionen vorhanden</div>
+          <div className={styles.noData}>{t('billingTransactions.keineTransaktionenVorhanden')}</div>
         ) : (
           <>
             <div style={{ overflowX: 'auto' }}>
@@ -111,13 +114,13 @@ export const BillingTransactions: React.FC = () => {
                 <thead>
                   <tr>
                     <th>Datum</th>
-                    <th>Mandant</th>
+                    <th>{t('billingTransactions.mandant')}</th>
                     <th>Typ</th>
-                    <th>Beschreibung</th>
+                    <th>{t('billingTransactions.beschreibung')}</th>
                     <th>Anbieter</th>
                     <th>Modell</th>
                     <th>Feature</th>
-                    <th style={{ textAlign: 'right' }}>Betrag</th>
+                    <th style={{ textAlign: 'right' }}>{t('billingTransactions.betrag')}</th>
                   </tr>
                 </thead>
                 <tbody>
@@ -135,7 +138,7 @@ export const BillingTransactions: React.FC = () => {
                   onClick={handleLoadMore}
                   disabled={loading}
                 >
-                  {loading ? 'Laden...' : 'Mehr laden'}
+                  {loading ? t('billingTransactions.laden') : t('billingTransactions.mehrLaden')}
                 </button>
               </div>
             )}
diff --git a/src/pages/billing/BillingUserView.tsx b/src/pages/billing/BillingUserView.tsx
index 4587acc..fdd4e10 100644
--- a/src/pages/billing/BillingUserView.tsx
+++ b/src/pages/billing/BillingUserView.tsx
@@ -17,6 +17,8 @@ import {
 import { BillingNav } from './BillingNav';
 import styles from './Billing.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 // ============================================================================
 // USER BALANCE TABLE
 // ============================================================================
@@ -29,13 +31,13 @@ interface UserBalanceTableProps {
   onSelectUser: (userId: string | null) => void;
 }
 
-const UserBalanceTable: React.FC<UserBalanceTableProps> = ({
-  balances,
+const UserBalanceTable: React.FC<UserBalanceTableProps> = ({ balances,
   selectedMandateId,
   selectedUserId,
   onSelectMandate,
   onSelectUser
 }) => {
+  const { t } = useLanguage();
   const formatCurrency = (amount: number) => {
     return new Intl.NumberFormat('de-CH', {
       style: 'currency',
@@ -89,7 +91,7 @@ const UserBalanceTable: React.FC<UserBalanceTableProps> = ({
             onChange={(e) => onSelectMandate(e.target.value || null)}
             className={styles.select}
           >
-            <option value="">Alle Mandanten</option>
+            <option value="">{t('billingUser.alleMandanten')}</option>
             {uniqueMandates.map(([id, name]) => (
               <option key={id} value={id}>{name}</option>
             ))}
@@ -104,7 +106,7 @@ const UserBalanceTable: React.FC<UserBalanceTableProps> = ({
             onChange={(e) => onSelectUser(e.target.value || null)}
             className={styles.select}
           >
-            <option value="">Alle Benutzer</option>
+            <option value="">{t('billingUser.alleBenutzer')}</option>
             {uniqueUsers.map(([id, name]) => (
               <option key={id} value={id}>{name}</option>
             ))}
@@ -117,11 +119,11 @@ const UserBalanceTable: React.FC<UserBalanceTableProps> = ({
         <table className={styles.transactionsTable}>
           <thead>
             <tr>
-              <th>Mandant</th>
-              <th>Benutzer</th>
-              <th style={{ textAlign: 'right' }}>Guthaben</th>
+              <th>{t('billingUser.mandant')}</th>
+              <th>{t('billingUser.benutzer')}</th>
+              <th style={{ textAlign: 'right' }}>{t('billingUser.guthaben')}</th>
               <th style={{ textAlign: 'right' }}>Warnschwelle</th>
-              <th>Status</th>
+              <th>{t('billingUser.status')}</th>
             </tr>
           </thead>
           <tbody>
@@ -140,7 +142,7 @@ const UserBalanceTable: React.FC<UserBalanceTableProps> = ({
                       Niedrig
                     </span>
                   ) : balance.enabled ? (
-                    <span style={{ color: 'var(--color-success)' }}>Aktiv</span>
+                    <span style={{ color: 'var(--color-success)' }}>{t('billingUser.aktiv')}</span>
                   ) : (
                     <span style={{ color: 'var(--color-error)' }}>Deaktiviert</span>
                   )}
@@ -169,6 +171,7 @@ const UserTransactionTable: React.FC<UserTransactionTableProps> = ({
   selectedMandateId,
   selectedUserId
 }) => {
+  const { t } = useLanguage();
   const formatCurrency = (amount: number) => {
     return new Intl.NumberFormat('de-CH', {
       style: 'currency',
@@ -223,33 +226,33 @@ const UserTransactionTable: React.FC<UserTransactionTableProps> = ({
         <thead>
           <tr>
             <th>Datum</th>
-            <th>Mandant</th>
-            <th>Benutzer</th>
+            <th>{t('billingUser.mandant')}</th>
+            <th>{t('billingUser.benutzer')}</th>
             <th>Typ</th>
-            <th>Beschreibung</th>
+            <th>{t('billingUser.beschreibung')}</th>
             <th>Anbieter</th>
             <th>Modell</th>
             <th>Feature</th>
-            <th style={{ textAlign: 'right' }}>Betrag</th>
+            <th style={{ textAlign: 'right' }}>{t('billingUser.betrag')}</th>
           </tr>
         </thead>
         <tbody>
-          {filteredTransactions.map((t) => (
-            <tr key={t.id}>
-              <td>{formatDate(t.createdAt)}</td>
-              <td>{t.mandateName || '-'}</td>
-              <td>{t.userName || '-'}</td>
+          {filteredTransactions.map((txn) => (
+            <tr key={txn.id}>
+              <td>{formatDate(txn.createdAt)}</td>
+              <td>{txn.mandateName || '-'}</td>
+              <td>{txn.userName || '-'}</td>
               <td>
-                <span className={`${styles.transactionType} ${getTypeClass(t.transactionType)}`}>
-                  {getTypeLabel(t.transactionType)}
+                <span className={`${styles.transactionType} ${getTypeClass(txn.transactionType)}`}>
+                  {getTypeLabel(txn.transactionType)}
                 </span>
               </td>
-              <td>{t.description}</td>
-              <td>{t.aicoreProvider || '-'}</td>
-              <td>{t.aicoreModel || '-'}</td>
-              <td>{t.featureCode || '-'}</td>
+              <td>{txn.description}</td>
+              <td>{txn.aicoreProvider || '-'}</td>
+              <td>{txn.aicoreModel || '-'}</td>
+              <td>{txn.featureCode || '-'}</td>
               <td style={{ textAlign: 'right' }}>
-                {t.transactionType === 'DEBIT' ? '-' : '+'}{formatCurrency(t.amount)}
+                {txn.transactionType === 'DEBIT' ? '-' : '+'}{formatCurrency(txn.amount)}
               </td>
             </tr>
           ))}
@@ -264,6 +267,7 @@ const UserTransactionTable: React.FC<UserTransactionTableProps> = ({
 // ============================================================================
 
 export const BillingUserView: React.FC = () => {
+  const { t } = useLanguage();
   const { request, isLoading: loading } = useApiRequest();
   const [balances, setBalances] = useState<UserBalance[]>([]);
   const [transactions, setTransactions] = useState<UserTransaction[]>([]);
@@ -310,7 +314,7 @@ export const BillingUserView: React.FC = () => {
     <div className={styles.billingDashboard}>
       <header className={styles.pageHeader}>
         <h1>Benutzer-Billing</h1>
-        <p className={styles.subtitle}>Guthaben und Transaktionen pro Benutzer</p>
+        <p className={styles.subtitle}>{t('billingUser.guthabenUndTransaktionenProBenutzer')}</p>
       </header>
 
       <BillingNav />
@@ -319,9 +323,9 @@ export const BillingUserView: React.FC = () => {
       <section className={styles.section}>
         <h2 className={styles.sectionTitle}>Benutzer-Guthaben</h2>
         {loading && balances.length === 0 ? (
-          <div className={styles.loadingPlaceholder}>Lade Daten...</div>
+          <div className={styles.loadingPlaceholder}>{t('billingUser.ladeDaten')}</div>
         ) : balances.length === 0 ? (
-          <div className={styles.noData}>Keine Benutzer-Konten vorhanden</div>
+          <div className={styles.noData}>{t('billingUser.keineBenutzerkontenVorhanden')}</div>
         ) : (
           <UserBalanceTable
             balances={balances}
@@ -346,9 +350,9 @@ export const BillingUserView: React.FC = () => {
           </h2>
         </div>
         {loading && transactions.length === 0 ? (
-          <div className={styles.loadingPlaceholder}>Lade Transaktionen...</div>
+          <div className={styles.loadingPlaceholder}>{t('billingUser.ladeTransaktionen')}</div>
         ) : transactions.length === 0 ? (
-          <div className={styles.noData}>Keine Transaktionen vorhanden</div>
+          <div className={styles.noData}>{t('billingUser.keineTransaktionenVorhanden')}</div>
         ) : (
           <>
             <UserTransactionTable
@@ -364,7 +368,7 @@ export const BillingUserView: React.FC = () => {
                   onClick={handleLoadMore}
                   disabled={loading}
                 >
-                  {loading ? 'Laden...' : 'Mehr laden'}
+                  {loading ? t('billingUser.laden') : t('billingUser.mehrLaden')}
                 </button>
               </div>
             )}
diff --git a/src/pages/billing/SubscriptionTab.tsx b/src/pages/billing/SubscriptionTab.tsx
index 5230420..2c6551c 100644
--- a/src/pages/billing/SubscriptionTab.tsx
+++ b/src/pages/billing/SubscriptionTab.tsx
@@ -15,6 +15,8 @@ import type { SubscriptionPlan, MandateSubscription } from '../../api/subscripti
 import { formatBinaryDataSizeFromMebibytes } from '../../utils/formatDataSize';
 import styles from './Billing.module.css';
 
+import { useLanguage } from '../../providers/language/LanguageContext';
+
 // ============================================================================
 // Helpers
 // ============================================================================
@@ -40,20 +42,24 @@ const _formatDate = (iso: string | null | undefined): string => {
   }
 };
 
-const _statusLabel: Record<string, { label: string; color: string }> = {
-  PENDING: { label: 'Zahlung ausstehend', color: '#f59e0b' },
-  SCHEDULED: { label: 'Geplant', color: '#8b5cf6' },
-  ACTIVE: { label: 'Aktiv', color: '#22c55e' },
-  TRIALING: { label: 'Testphase', color: '#38bdf8' },
-  PAST_DUE: { label: 'Zahlung ausstehend', color: '#f59e0b' },
-  EXPIRED: { label: 'Abgelaufen', color: '#6b7280' },
-};
+function _getStatusLabel(t: (key: string) => string): Record<string, { label: string; color: string }> {
+  return {
+    PENDING: { label: t('subscriptionTab.zahlungAusstehend'), color: '#f59e0b' },
+    SCHEDULED: { label: t('subscriptionTab.geplant'), color: '#8b5cf6' },
+    ACTIVE: { label: t('subscriptionTab.aktiv'), color: '#22c55e' },
+    TRIALING: { label: t('subscriptionTab.testphase'), color: '#38bdf8' },
+    PAST_DUE: { label: t('subscriptionTab.zahlungAusstehend'), color: '#f59e0b' },
+    EXPIRED: { label: t('subscriptionTab.abgelaufen'), color: '#6b7280' },
+  };
+}
 
-const _periodLabel: Record<string, string> = {
-  MONTHLY: 'Monatlich',
-  YEARLY: 'Jährlich',
-  NONE: '—',
-};
+function _getPeriodLabel(t: (key: string) => string): Record<string, string> {
+  return {
+    MONTHLY: t('subscriptionTab.monatlich'),
+    YEARLY: t('subscriptionTab.jaehrlich'),
+    NONE: '—',
+  };
+}
 
 /** Matches backend STORAGE_PRICE_PER_GB_CHF (CHF/GB/month for over-plan storage). */
 const storageOverageChfPerGbMonth = 0.5;
@@ -70,6 +76,8 @@ interface PlanCardProps {
 }
 
 const PlanCard: React.FC<PlanCardProps> = ({ plan, isCurrent, onActivate, activatingPlanKey }) => {
+  const { t } = useLanguage();
+  const periodLabel = _getPeriodLabel(t);
   const activating = activatingPlanKey === plan.planKey;
   const isFreePlan = plan.pricePerUserCHF === 0 && plan.pricePerFeatureInstanceCHF === 0;
 
@@ -100,8 +108,8 @@ const PlanCard: React.FC<PlanCardProps> = ({ plan, isCurrent, onActivate, activa
 
       {!isFreePlan && (
         <div style={{ fontSize: '0.85rem' }}>
-          <div>User: <strong>{_formatCurrency(plan.pricePerUserCHF)}</strong> / {_periodLabel[plan.billingPeriod] || plan.billingPeriod}</div>
-          <div>Instanz: <strong>{_formatCurrency(plan.pricePerFeatureInstanceCHF)}</strong> / {_periodLabel[plan.billingPeriod] || plan.billingPeriod}</div>
+          <div>User: <strong>{_formatCurrency(plan.pricePerUserCHF)}</strong> / {periodLabel[plan.billingPeriod] || plan.billingPeriod}</div>
+          <div>Instanz: <strong>{_formatCurrency(plan.pricePerFeatureInstanceCHF)}</strong> / {periodLabel[plan.billingPeriod] || plan.billingPeriod}</div>
           <div style={{ marginTop: '0.35rem', color: 'var(--text-secondary)' }}>
             AI-Budget (inkl.): <strong>{_formatCurrency(plan.budgetAiCHF ?? 0)}</strong> / Periode
             {' · '}
@@ -147,7 +155,7 @@ const PlanCard: React.FC<PlanCardProps> = ({ plan, isCurrent, onActivate, activa
         >
           {activating
             ? 'Weiterleitung...'
-            : (!isFreePlan && !plan.trialDays) ? 'Kostenpflichtig abonnieren' : 'Auswählen'}
+            : (!isFreePlan && !plan.trialDays) ? t('subscriptionTab.kostenpflichtigAbonnieren') : t('subscriptionTab.auswaehlen')}
         </button>
       )}
     </div>
@@ -170,7 +178,10 @@ interface SubInfoProps {
 }
 
 const SubInfoCard: React.FC<SubInfoProps> = ({ sub, plan, label, onCancel, onReactivate, cancelling, reactivating, justPaid }) => {
-  const statusInfo = _statusLabel[sub.status] || _statusLabel.EXPIRED;
+  const { t } = useLanguage();
+  const statusLabel = _getStatusLabel(t);
+  const periodLabel = _getPeriodLabel(t);
+  const statusInfo = statusLabel[sub.status] || statusLabel.EXPIRED;
   const isActive = sub.status === 'ACTIVE';
   const isPending = sub.status === 'PENDING';
   const isScheduled = sub.status === 'SCHEDULED';
@@ -195,7 +206,7 @@ const SubInfoCard: React.FC<SubInfoProps> = ({ sub, plan, label, onCancel, onRea
             <span style={{
               fontSize: '0.7rem', padding: '2px 8px', borderRadius: '4px',
               background: '#ef4444', color: '#fff', fontWeight: 600,
-            }}>Gekündigt</span>
+            }}>{t('subscriptionTab.gekuendigt')}</span>
           )}
           <span style={{
             fontSize: '0.75rem', padding: '2px 10px', borderRadius: '4px',
@@ -212,8 +223,8 @@ const SubInfoCard: React.FC<SubInfoProps> = ({ sub, plan, label, onCancel, onRea
           color: justPaid ? '#22c55e' : '#f59e0b', fontSize: '0.85rem',
         }}>
           {justPaid
-            ? 'Zahlung erfolgreich. Abonnement wird aktiviert — bitte warten...'
-            : 'Die Zahlung wurde noch nicht abgeschlossen. Sie können den Checkout abbrechen oder erneut starten.'}
+            ? t('subscriptionTab.zahlungErfolgreichAbonnementWirdAktiviert')
+            : t('subscriptionTab.dieZahlungWurdeNochNicht')}
         </div>
       )}
 
@@ -233,7 +244,7 @@ const SubInfoCard: React.FC<SubInfoProps> = ({ sub, plan, label, onCancel, onRea
           display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '0.25rem 1rem',
         }}>
           <span>Gestartet: {_formatDate(sub.startedAt)}</span>
-          {plan && <span>Periode: {_periodLabel[plan.billingPeriod] || '—'}</span>}
+          {plan && <span>Periode: {periodLabel[plan.billingPeriod] || '—'}</span>}
           {sub.currentPeriodEnd && <span>Periodenende: {_formatDate(sub.currentPeriodEnd)}</span>}
           {sub.trialEndsAt && <span>Trial endet: {_formatDate(sub.trialEndsAt)}</span>}
           {isActive && !sub.recurring && sub.currentPeriodEnd && (
@@ -267,7 +278,7 @@ const SubInfoCard: React.FC<SubInfoProps> = ({ sub, plan, label, onCancel, onRea
               fontWeight: 600, cursor: reactivating ? 'wait' : 'pointer', fontSize: '0.85rem',
             }}
           >
-            {reactivating ? 'Wird reaktiviert...' : 'Reaktivieren'}
+            {reactivating ? t('subscriptionTab.wirdReaktiviert') : t('subscriptionTab.reaktivieren')}
           </button>
         )}
 
@@ -282,7 +293,7 @@ const SubInfoCard: React.FC<SubInfoProps> = ({ sub, plan, label, onCancel, onRea
               cursor: cancelling ? 'wait' : 'pointer', fontSize: '0.85rem',
             }}
           >
-            {cancelling ? 'Wird gekündigt...' : 'Kündigen'}
+            {cancelling ? t('subscriptionTab.wirdGekuendigt') : t('subscriptionTab.kuendigen')}
           </button>
         )}
 
@@ -297,7 +308,7 @@ const SubInfoCard: React.FC<SubInfoProps> = ({ sub, plan, label, onCancel, onRea
               cursor: cancelling ? 'wait' : 'pointer', fontSize: '0.85rem',
             }}
           >
-            {cancelling ? 'Wird abgebrochen...' : 'Abbrechen'}
+            {cancelling ? t('subscriptionTab.wirdAbgebrochen') : t('subscriptionTab.abbrechen')}
           </button>
         )}
       </div>
@@ -314,6 +325,7 @@ interface SubscriptionTabProps {
 }
 
 export const SubscriptionTab: React.FC<SubscriptionTabProps> = ({ mandateId }) => {
+  const { t } = useLanguage();
   const {
     plans,
     subscription,
@@ -399,12 +411,12 @@ export const SubscriptionTab: React.FC<SubscriptionTabProps> = ({ mandateId }) =
     const isPendingOrScheduled = sub?.status === 'PENDING' || sub?.status === 'SCHEDULED';
     const ok = await confirm(
       isPendingOrScheduled
-        ? 'Diesen Vorgang abbrechen?'
-        : 'Abonnement kündigen? Es bleibt bis zum Periodenende aktiv.',
+        ? t('subscriptionTab.diesenVorgangAbbrechen')
+        : t('subscriptionTab.abonnementKuendigenEsBleibtBis'),
       {
-        title: isPendingOrScheduled ? 'Vorgang abbrechen' : 'Abonnement kündigen',
-        confirmLabel: isPendingOrScheduled ? 'Ja, abbrechen' : 'Kündigen',
-        cancelLabel: isPendingOrScheduled ? 'Nein, zurück' : 'Abbrechen',
+        title: isPendingOrScheduled ? t('subscriptionTab.vorgangAbbrechen') : t('subscriptionTab.abonnementKuendigen'),
+        confirmLabel: isPendingOrScheduled ? t('subscriptionTab.jaAbbrechen') : t('subscriptionTab.kuendigen'),
+        cancelLabel: isPendingOrScheduled ? t('subscriptionTab.neinZurueck') : t('subscriptionTab.abbrechen'),
         variant: 'danger',
       },
     );
@@ -434,7 +446,7 @@ export const SubscriptionTab: React.FC<SubscriptionTabProps> = ({ mandateId }) =
   }, [reactivateSubscription]);
 
   if (loading && !subscription) {
-    return <div className={styles.loadingPlaceholder}>Lade Abonnement-Daten...</div>;
+    return <div className={styles.loadingPlaceholder}>{t('subscriptionTab.ladeAbonnementdaten')}</div>;
   }
 
   return (
@@ -461,13 +473,13 @@ export const SubscriptionTab: React.FC<SubscriptionTabProps> = ({ mandateId }) =
 
       {/* Current subscription */}
       <section className={styles.section}>
-        <h2 className={styles.sectionTitle}>Aktuelles Abonnement</h2>
+        <h2 className={styles.sectionTitle}>{t('subscriptionTab.aktuellesAbonnement')}</h2>
         {subscription ? (
           <SubInfoCard
             sub={subscription}
             plan={currentPlan}
             label={subscription.status === 'PENDING'
-              ? (justPaid ? 'Zahlung wird verarbeitet' : 'Checkout in Bearbeitung')
+              ? (justPaid ? t('subscriptionTab.zahlungWirdVerarbeitet') : t('subscriptionTab.checkoutInBearbeitung'))
               : 'Operatives Abonnement'}
             onCancel={_handleCancel}
             onReactivate={_handleReactivate}
@@ -485,11 +497,11 @@ export const SubscriptionTab: React.FC<SubscriptionTabProps> = ({ mandateId }) =
       {/* Scheduled successor */}
       {scheduled && (
         <section className={styles.section}>
-          <h2 className={styles.sectionTitle}>Geplanter Nachfolger</h2>
+          <h2 className={styles.sectionTitle}>{t('subscriptionTab.geplanterNachfolger')}</h2>
           <SubInfoCard
             sub={scheduled}
             plan={null}
-            label="Startet nach Ablauf des aktuellen Abonnements"
+            label={t('subscriptionTab.startetNachAblaufDesAktuellen')}
             onCancel={_handleCancel}
             cancelling={cancelling}
             reactivating={false}
@@ -499,9 +511,9 @@ export const SubscriptionTab: React.FC<SubscriptionTabProps> = ({ mandateId }) =
 
       {/* Available plans */}
       <section className={styles.section}>
-        <h2 className={styles.sectionTitle}>Verfügbare Pläne</h2>
+        <h2 className={styles.sectionTitle}>{t('subscriptionTab.verfuegbarePlaene')}</h2>
         {plans.length === 0 ? (
-          <div className={styles.noData}>Keine Pläne verfügbar</div>
+          <div className={styles.noData}>{t('subscriptionTab.keinePlaeneVerfuegbar')}</div>
         ) : (
           <div style={{
             display: 'grid',
diff --git a/src/pages/views/chatbot/ChatbotConversationsView.tsx b/src/pages/views/chatbot/ChatbotConversationsView.tsx
index db0d660..9e766df 100644
--- a/src/pages/views/chatbot/ChatbotConversationsView.tsx
+++ b/src/pages/views/chatbot/ChatbotConversationsView.tsx
@@ -19,7 +19,11 @@ import { LuMessageSquare, LuTrash2 } from 'react-icons/lu';
 import messagesStyles from '../../../components/UiComponents/Messages/Messages.module.css';
 import styles from './ChatbotViews.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export const ChatbotConversationsView: React.FC = () => {
+    const { t } = useLanguage();
+
   const {
     threads,
     selectedThreadId,
@@ -81,7 +85,7 @@ export const ChatbotConversationsView: React.FC = () => {
   const handleDeleteThread = useCallback(async (e: React.MouseEvent, workflowId: string) => {
     e.stopPropagation();
     const ok = await confirm('Möchten Sie diese Konversation wirklich löschen?', {
-      title: 'Konversation löschen',
+      title: t('chatbotConversationsView.deleteConversation'),
       confirmLabel: 'Löschen',
       variant: 'danger',
     });
@@ -134,7 +138,7 @@ export const ChatbotConversationsView: React.FC = () => {
           <button
             className={styles.newChatButton}
             onClick={createNewThread}
-            title="Neue Konversation"
+            title={t('chatbotConversations.neueKonversation')}
           >
             <LuMessageSquare /> Neu
           </button>
@@ -143,7 +147,7 @@ export const ChatbotConversationsView: React.FC = () => {
         {loadingThreads ? (
           <div className={styles.loading}>
             <div className={styles.spinner} />
-            <span>Lade Konversationen...</span>
+            <span>{t('chatbotConversations.ladeKonversationen')}</span>
           </div>
         ) : error ? (
           <div className={styles.error}>
@@ -155,8 +159,8 @@ export const ChatbotConversationsView: React.FC = () => {
         ) : threads.length === 0 ? (
           <div className={styles.emptyState}>
             <LuMessageSquare className={styles.emptyIcon} />
-            <p>Noch keine Konversationen vorhanden.</p>
-            <p className={styles.emptyHint}>Starte eine neue Konversation, um zu beginnen.</p>
+            <p>{t('chatbotConversations.nochKeineKonversationenVorhanden')}</p>
+            <p className={styles.emptyHint}>{t('chatbotConversations.starteEineNeueKonversationUm')}</p>
           </div>
         ) : (
           <div className={styles.threadList}>
@@ -176,7 +180,7 @@ export const ChatbotConversationsView: React.FC = () => {
                   className={styles.deleteButton}
                   onClick={(e) => handleDeleteThread(e, thread.id)}
                   disabled={deletingId === thread.id}
-                  title="Löschen"
+                  title={t('chatbotConversations.loeschen')}
                 >
                   {deletingId === thread.id ? (
                     <div className={styles.spinner} />
@@ -197,7 +201,7 @@ export const ChatbotConversationsView: React.FC = () => {
           {loadingMessages && messages.length === 0 ? (
             <div className={styles.loading}>
               <div className={styles.spinner} />
-              <span>Lade Nachrichten...</span>
+              <span>{t('chatbotConversations.ladeNachrichten')}</span>
             </div>
           ) : messages.length === 0 ? (
             <div className={`${messagesStyles.messagesContainer} ${messagesStyles.emptyContainer}`}>
@@ -246,7 +250,7 @@ export const ChatbotConversationsView: React.FC = () => {
             value={inputValue}
             onChange={setInputValue}
             onKeyDown={handleKeyDown}
-            placeholder="Nachricht eingeben..."
+            placeholder={t('chatbotConversations.nachrichtEingeben')}
             disabled={isStreaming}
             className={styles.inputField}
             size="md"
diff --git a/src/pages/views/commcoach/CommcoachDashboardView.tsx b/src/pages/views/commcoach/CommcoachDashboardView.tsx
index 94e8ead..e930252 100644
--- a/src/pages/views/commcoach/CommcoachDashboardView.tsx
+++ b/src/pages/views/commcoach/CommcoachDashboardView.tsx
@@ -10,7 +10,11 @@ import { useCommcoachDashboard } from '../../../hooks/useCommcoachDashboard';
 import { useCurrentInstance } from '../../../hooks/useCurrentInstance';
 import styles from './CommcoachDashboardView.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export const CommcoachDashboardView: React.FC = () => {
+    const { t } = useLanguage();
+
   const navigate = useNavigate();
   const { mandateId, instanceId } = useCurrentInstance();
   const { dashboard, loading, error } = useCommcoachDashboard();
@@ -22,7 +26,7 @@ export const CommcoachDashboardView: React.FC = () => {
   };
 
   if (loading && !dashboard) {
-    return <div className={styles.loading}>Dashboard wird geladen...</div>;
+    return <div className={styles.loading}>{t('commcoachDashboard.dashboardWirdGeladen')}</div>;
   }
 
   if (error) {
@@ -30,7 +34,7 @@ export const CommcoachDashboardView: React.FC = () => {
   }
 
   if (!dashboard) {
-    return <div className={styles.empty}>Keine Daten verfügbar.</div>;
+    return <div className={styles.empty}>{t('commcoachDashboard.keineDatenVerfuegbar')}</div>;
   }
 
   return (
@@ -39,7 +43,7 @@ export const CommcoachDashboardView: React.FC = () => {
       <div className={styles.kpiGrid}>
         <div className={styles.kpiCard}>
           <div className={styles.kpiValue}>{dashboard.streakDays}</div>
-          <div className={styles.kpiLabel}>Tage Streak</div>
+          <div className={styles.kpiLabel}>{t('commcoachDashboard.tageStreak')}</div>
           <div className={styles.kpiSub}>Rekord: {dashboard.longestStreak}</div>
         </div>
         <div className={styles.kpiCard}>
@@ -65,11 +69,11 @@ export const CommcoachDashboardView: React.FC = () => {
 
       {/* Active Contexts */}
       <div className={styles.section}>
-        <h3 className={styles.sectionTitle}>Aktive Coaching-Themen</h3>
+        <h3 className={styles.sectionTitle}>{t('commcoachDashboard.aktiveCoachingthemen')}</h3>
         {dashboard.contexts.length === 0 ? (
           <div className={styles.emptyState}>
-            <p>Noch keine Coaching-Themen erstellt.</p>
-            <p>Wechsle zum Coaching-Tab, um dein erstes Thema anzulegen.</p>
+            <p>{t('commcoachDashboard.nochKeineCoachingthemenErstellt')}</p>
+            <p>{t('commcoachDashboard.wechsleZumCoachingtabUmDein')}</p>
           </div>
         ) : (
           <div className={styles.contextGrid}>
@@ -122,7 +126,7 @@ export const CommcoachDashboardView: React.FC = () => {
 
       {/* Quick Start */}
       <div className={styles.section}>
-        <h3 className={styles.sectionTitle}>Tipp des Tages</h3>
+        <h3 className={styles.sectionTitle}>{t('commcoachDashboard.tippDesTages')}</h3>
         <div className={styles.tipCard}>
           <p>Konsistenz schlägt Intensität. Auch 10 Minuten tägliches Coaching-Gespräch
             bringt messbare Fortschritte in deiner Kommunikationskompetenz.</p>
diff --git a/src/pages/views/commcoach/CommcoachDossierView.tsx b/src/pages/views/commcoach/CommcoachDossierView.tsx
index c584a04..a20d5b5 100644
--- a/src/pages/views/commcoach/CommcoachDossierView.tsx
+++ b/src/pages/views/commcoach/CommcoachDossierView.tsx
@@ -29,6 +29,8 @@ import { getPageIcon } from '../../../config/pageRegistry';
 import styles from './CommcoachDossierView.module.css';
 import { useVoiceController } from './useVoiceController';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 interface WorkspaceFileInfo {
   id: string;
   fileName: string;
@@ -57,10 +59,10 @@ interface CommcoachDossierViewProps {
   persistentMandateId?: string;
 }
 
-export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
-  persistentInstanceId,
+export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({ persistentInstanceId,
   persistentMandateId,
 }) => {
+  const { t } = useLanguage();
   const routeInstanceId = useInstanceId();
   const routeMandateId = useMandateId();
   const instanceId = persistentInstanceId || routeInstanceId;
@@ -248,7 +250,7 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
   }, [newTaskTitle, coach]);
 
   if (coach.loadingContexts) {
-    return <div className={styles.empty}><p>Lade...</p></div>;
+    return <div className={styles.empty}><p>{t('commcoachDossier.lade')}</p></div>;
   }
 
   return (
@@ -259,7 +261,7 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
           <button
             className={styles.udbToggle}
             onClick={() => setUdbCollapsed(v => !v)}
-            title={udbCollapsed ? 'Seitenleiste einblenden' : 'Seitenleiste ausblenden'}
+            title={udbCollapsed ? t('commcoachDossier.seitenleisteEinblenden') : t('commcoachDossier.seitenleisteAusblenden')}
           >
             {udbCollapsed ? '\u25B6' : '\u25C0'}
           </button>
@@ -291,7 +293,7 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
         <button
           className={styles.contextChipNew}
           onClick={() => setShowNewContext(!showNewContext)}
-          title="Neues Thema"
+          title={t('commcoachDossier.neuesThema')}
         >
           +
         </button>
@@ -302,7 +304,7 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
         <div className={styles.newContextForm}>
           <input
             className={styles.newContextInput}
-            placeholder="Thema / Titel..."
+            placeholder={t('commcoachDossier.themaTitel')}
             value={newTitle}
             onChange={e => setNewTitle(e.target.value)}
             onKeyDown={e => e.key === 'Enter' && handleCreateContext()}
@@ -310,25 +312,25 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
           />
           <input
             className={styles.newContextInput}
-            placeholder="Beschreibung (optional)"
+            placeholder={t('commcoachDossier.beschreibungOptional')}
             value={newDescription}
             onChange={e => setNewDescription(e.target.value)}
           />
           <select className={styles.newContextInput} value={newCategory} onChange={e => setNewCategory(e.target.value)}>
             <option value="custom">Individuell</option>
-            <option value="leadership">Führung</option>
+            <option value="leadership">{t('commcoachDossier.fuehrung')}</option>
             <option value="conflict">Konflikt</option>
             <option value="negotiation">Verhandlung</option>
-            <option value="presentation">Präsentation</option>
+            <option value="presentation">{t('commcoachDossier.praesentation')}</option>
             <option value="feedback">Feedback</option>
             <option value="delegation">Delegation</option>
-            <option value="changeManagement">Change Management</option>
+            <option value="changeManagement">{t('commcoachDossier.changeManagement')}</option>
           </select>
           <div className={styles.newContextActions}>
             <button className={styles.btnPrimary} onClick={handleCreateContext} disabled={!newTitle.trim() || !!coach.actionLoading}>
-              {coach.actionLoading === 'creating' ? 'Wird erstellt...' : 'Erstellen'}
+              {coach.actionLoading === 'creating' ? t('commcoachDossier.wirdErstellt') : t('commcoachDossier.erstellen')}
             </button>
-            <button className={styles.btnSecondary} onClick={() => setShowNewContext(false)}>Abbrechen</button>
+            <button className={styles.btnSecondary} onClick={() => setShowNewContext(false)}>{t('commcoachDossier.abbrechen')}</button>
           </div>
         </div>
       )}
@@ -336,9 +338,9 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
       {/* No context selected */}
       {!coach.selectedContextId && !showNewContext && coach.contexts.length === 0 && (
         <div className={styles.empty}>
-          <h3>Willkommen beim Kommunikations-Coach</h3>
-          <p>Erstelle ein Thema, um zu beginnen.</p>
-          <button className={styles.btnPrimary} onClick={() => setShowNewContext(true)}>Neues Thema erstellen</button>
+          <h3>{t('commcoachDossier.willkommenBeimKommunikationscoach')}</h3>
+          <p>{t('commcoachDossier.erstelleEinThemaUmZu')}</p>
+          <button className={styles.btnPrimary} onClick={() => setShowNewContext(true)}>{t('commcoachDossier.neuesThemaErstellen')}</button>
         </div>
       )}
 
@@ -354,12 +356,12 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
           <div className={styles.headerActions}>
             {instanceId && (
               <>
-                <a className={styles.btnExport} href={getDossierExportUrl(instanceId, coach.selectedContextId, 'md')} target="_blank" rel="noopener noreferrer">Export MD</a>
-                <a className={styles.btnExport} href={getDossierExportUrl(instanceId, coach.selectedContextId, 'pdf')} target="_blank" rel="noopener noreferrer">Export PDF</a>
+                <a className={styles.btnExport} href={getDossierExportUrl(instanceId, coach.selectedContextId, 'md')} target="_blank" rel="noopener noreferrer">{t('commcoachDossier.exportMd')}</a>
+                <a className={styles.btnExport} href={getDossierExportUrl(instanceId, coach.selectedContextId, 'pdf')} target="_blank" rel="noopener noreferrer">{t('commcoachDossier.exportPdf')}</a>
               </>
             )}
             <button className={styles.btnArchive} onClick={() => coach.archiveContext(coach.selectedContextId!)} disabled={!!coach.actionLoading}>
-              {coach.actionLoading === 'archiving' ? 'Wird archiviert...' : 'Archivieren'}
+              {coach.actionLoading === 'archiving' ? t('commcoachDossier.wirdArchiviert') : t('commcoachDossier.archivieren')}
             </button>
           </div>
         </div>
@@ -372,7 +374,7 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
               className={`${styles.tab} ${activeTab === tab ? styles.tabActive : ''}`}
               onClick={() => setActiveTab(tab)}
             >
-              {_tabLabel(tab, coach)}
+              {_tabLabel(tab, coach, t)}
             </button>
           ))}
         </div>
@@ -384,10 +386,10 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
           <div className={styles.coachingTab}>
             {!coach.session ? (
               <div className={styles.sessionStart}>
-                <p>Starte eine neue Coaching-Session zu diesem Thema.</p>
+                <p>{t('commcoachDossier.starteEineNeueCoachingsessionZu')}</p>
                 {personas.length > 0 && (
                   <div className={styles.personaSelector}>
-                    <label className={styles.personaLabel}>Gesprächspartner wählen:</label>
+                    <label className={styles.personaLabel}>{t('commcoachDossier.gespraechspartnerWaehlen')}</label>
                     <div className={styles.personaGrid}>
                       {personas.map(p => (
                         <button
@@ -415,7 +417,7 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
               <>
                 {/* Session Header */}
                 <div className={styles.sessionHeader}>
-                  <span className={styles.sessionLabel}>Session aktiv</span>
+                  <span className={styles.sessionLabel}>{t('commcoachDossier.sessionAktiv')}</span>
                   <div className={styles.sessionActions}>
                     {voice.state === 'botSpeaking' && (
                       <>
@@ -429,15 +431,15 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
                     <button
                       className={`${styles.btnSmall} ${voice.muted ? styles.mutedActive : ''}`}
                       onClick={voice.toggleMute}
-                      title={voice.muted ? 'Stummschaltung aufheben' : 'Stummschalten'}
+                      title={voice.muted ? t('commcoachDossier.stummschaltungAufheben') : t('commcoachDossier.stummschalten')}
                     >
-                      {voice.muted ? '\u{1F507} Stumm' : '\u{1F3A4} Ton an'}
+                      {voice.muted ? t('commcoachDossier.u1f507Stumm') : t('commcoachDossier.u1f3a4TonAn')}
                     </button>
                     <button className={styles.btnSmall} onClick={coach.completeSession} disabled={!!coach.actionLoading}>
-                      {coach.actionLoading === 'completing' ? 'Wird abgeschlossen...' : 'Abschliessen'}
+                      {coach.actionLoading === 'completing' ? t('commcoachDossier.wirdAbgeschlossen') : t('commcoachDossier.abschliessen')}
                     </button>
                     <button className={styles.btnSmallDanger} onClick={coach.cancelSession} disabled={!!coach.actionLoading}>
-                      {coach.actionLoading === 'cancelling' ? 'Wird abgebrochen...' : 'Abbrechen'}
+                      {coach.actionLoading === 'cancelling' ? t('commcoachDossier.wirdAbgebrochen') : t('commcoachDossier.abbrechen')}
                     </button>
                   </div>
                 </div>
@@ -486,7 +488,7 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
                         {coach.agentToolCalls.length > 0 ? ` (${coach.agentToolCalls.length})` : ''}
                       </span>
                       <span className={styles.agentActivityStatus}>
-                        {coach.streamingStatus || (coach.agentToolCalls.length > 0 ? 'Tool-Aufrufe vorhanden' : 'Warte auf Agent')}
+                        {coach.streamingStatus || (coach.agentToolCalls.length > 0 ? t('commcoachDossier.toolaufrufeVorhanden') : t('commcoachDossier.warteAufAgent'))}
                       </span>
                       <span className={styles.agentActivityChevron}>{showAgentActivity ? '▾' : '▸'}</span>
                     </button>
@@ -599,7 +601,7 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
                     <textarea
                       ref={inputRef}
                       className={styles.textInput}
-                      placeholder="Nachricht eingeben..."
+                      placeholder={t('commcoachDossier.nachrichtEingeben')}
                       value={coach.inputValue}
                       onChange={e => coach.setInputValue(e.target.value)}
                       onKeyDown={handleKeyDown}
@@ -613,7 +615,7 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
                         <button
                           onClick={() => { setShowFilePicker(v => !v); setShowSourcePicker(false); }}
                           disabled={coach.isStreaming}
-                          title="Datei anhängen"
+                          title={t('commcoachDossier.dateiAnhaengen')}
                           style={{
                             width: 36, height: 36, borderRadius: 8,
                             border: `1px solid ${attachedFileIds.length ? '#1565c0' : 'var(--border-color, #ddd)'}`,
@@ -638,7 +640,7 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
                             borderRadius: 8, boxShadow: '0 -2px 8px rgba(0,0,0,0.1)', zIndex: 20,
                             minWidth: 220, maxHeight: 240, overflowY: 'auto',
                           }}>
-                            <div style={{ padding: '6px 12px', fontSize: 11, color: '#999', fontWeight: 600, borderBottom: '1px solid #f0f0f0' }}>Dateien anhängen</div>
+                            <div style={{ padding: '6px 12px', fontSize: 11, color: '#999', fontWeight: 600, borderBottom: '1px solid #f0f0f0' }}>{t('commcoachDossier.dateienAnhaengen')}</div>
                             {wsFiles.map(f => {
                               const sel = attachedFileIds.includes(f.id);
                               return (
@@ -668,7 +670,7 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
                         <button
                           onClick={() => { setShowSourcePicker(v => !v); setShowFilePicker(false); }}
                           disabled={coach.isStreaming}
-                          title="Datenquellen anhängen"
+                          title={t('commcoachDossier.datenquellenAnhaengen')}
                           style={{
                             width: 36, height: 36, borderRadius: 8,
                             border: `1px solid ${(attachedDsIds.length + attachedFdsIds.length) ? '#2e7d32' : 'var(--border-color, #ddd)'}`,
@@ -695,7 +697,7 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
                           }}>
                             {wsDataSources.length > 0 && (
                               <>
-                                <div style={{ padding: '6px 12px', fontSize: 11, color: '#999', fontWeight: 600, borderBottom: '1px solid #f0f0f0' }}>Persönliche Quellen</div>
+                                <div style={{ padding: '6px 12px', fontSize: 11, color: '#999', fontWeight: 600, borderBottom: '1px solid #f0f0f0' }}>{t('commcoachDossier.persoenlicheQuellen')}</div>
                                 {wsDataSources.map(ds => {
                                   const sel = attachedDsIds.includes(ds.id);
                                   return (
@@ -772,17 +774,17 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
             <div className={styles.addTaskRow}>
               <input
                 className={styles.addTaskInput}
-                placeholder="Neue Aufgabe..."
+                placeholder={t('commcoachDossier.neueAufgabe')}
                 value={newTaskTitle}
                 onChange={e => setNewTaskTitle(e.target.value)}
                 onKeyDown={e => e.key === 'Enter' && handleAddTask()}
               />
               <button className={styles.addTaskBtn} onClick={handleAddTask} disabled={!newTaskTitle.trim() || !!coach.actionLoading}>
-                {coach.actionLoading === 'addingTask' ? 'Wird hinzugefügt...' : 'Hinzufügen'}
+                {coach.actionLoading === 'addingTask' ? t('commcoachDossier.wirdHinzugefuegt') : t('commcoachDossier.hinzufuegen')}
               </button>
             </div>
             {coach.tasks.length === 0 ? (
-              <div className={styles.emptyTab}>Noch keine Aufgaben. Der Coach schlägt während Sessions Aufgaben vor.</div>
+              <div className={styles.emptyTab}>{t('commcoachDossier.nochKeineAufgabenDerCoach')}</div>
             ) : (
               <div className={styles.taskList}>
                 {coach.tasks.map(task => (
@@ -811,14 +813,14 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
         {activeTab === 'sessions' && (
           <div className={styles.tabContent}>
             {coach.sessions.length === 0 ? (
-              <div className={styles.emptyTab}>Noch keine abgeschlossenen Sessions.</div>
+              <div className={styles.emptyTab}>{t('commcoachDossier.nochKeineAbgeschlossenenSessions')}</div>
             ) : (
               <div className={styles.sessionTimeline}>
                 {coach.sessions.map(s => (
                   <div key={s.id} className={styles.sessionItem}>
                     <div className={styles.sessionItemHeader}>
                       <span className={`${styles.sessionStatus} ${styles[`status_${s.status}`]}`}>
-                        {s.status === 'completed' ? 'Abgeschlossen' : s.status === 'active' ? 'Aktiv' : 'Abgebrochen'}
+                        {s.status === 'completed' ? 'Abgeschlossen' : s.status === 'active' ? t('commcoachDossier.aktiv') : t('commcoachDossier.abgebrochen')}
                       </span>
                       <span className={styles.sessionDate}>{s.startedAt ? new Date(s.startedAt).toLocaleDateString('de-CH') : ''}</span>
                       {s.competenceScore != null && <span className={styles.sessionScore}>Score: {Math.round(s.competenceScore)}</span>}
@@ -828,7 +830,7 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
                     )}
                     <div className={styles.sessionMeta}>
                       {s.messageCount} Nachrichten | {Math.round(s.durationSeconds / 60)} Min.
-                      {s.personaId && <span> | Persona</span>}
+                      {s.personaId && <span> {t('commcoachDossier.persona')}</span>}
                       {instanceId && s.status === 'completed' && (
                         <a className={styles.sessionExport} href={getSessionExportUrl(instanceId, s.id, 'md')} target="_blank" rel="noopener noreferrer" onClick={e => e.stopPropagation()}>Export</a>
                       )}
@@ -846,7 +848,7 @@ export const CommcoachDossierView: React.FC<CommcoachDossierViewProps> = ({
         {activeTab === 'scores' && (
           <div className={styles.tabContent}>
             {coach.scores.length === 0 ? (
-              <div className={styles.emptyTab}>Noch keine Bewertungen. Schliesse eine Session ab, um Scores zu erhalten.</div>
+              <div className={styles.emptyTab}>{t('commcoachDossier.nochKeineBewertungenSchliesseEine')}</div>
             ) : (
               <div className={styles.scoreList}>
                 {_groupScoresByDimension(coach.scores).map(group => (
@@ -894,12 +896,12 @@ function _categoryIcon(category: string): string {
   return icons[category] || '*';
 }
 
-function _tabLabel(tab: TabKey, coach: any): string {
+function _tabLabel(tab: TabKey, coach: any, t: (key: string) => string): string {
   switch (tab) {
-    case 'coaching': return coach.session ? 'Coaching (aktiv)' : 'Coaching';
-    case 'tasks': return `Aufgaben (${coach.tasks.length})`;
+    case 'coaching': return coach.session ? t('commcoachDossier.coachingAktiv') : t('commcoachDossier.coaching');
+    case 'tasks': return `${t('commcoachDossier.aufgaben')} (${coach.tasks.length})`;
     case 'sessions': return `Sessions (${coach.sessions.length})`;
-    case 'scores': return `Bewertungen (${coach.scores.length})`;
+    case 'scores': return `${t('commcoachDossier.bewertungen')} (${coach.scores.length})`;
   }
 }
 
diff --git a/src/pages/views/commcoach/CommcoachSettingsView.tsx b/src/pages/views/commcoach/CommcoachSettingsView.tsx
index f7c056a..f2a64e3 100644
--- a/src/pages/views/commcoach/CommcoachSettingsView.tsx
+++ b/src/pages/views/commcoach/CommcoachSettingsView.tsx
@@ -15,7 +15,11 @@ import {
 } from '../../../api/commcoachApi';
 import styles from './CommcoachSettingsView.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export const CommcoachSettingsView: React.FC = () => {
+    const { t } = useLanguage();
+
   const { request } = useApiRequest();
   const instanceId = useInstanceId();
 
@@ -62,7 +66,7 @@ export const CommcoachSettingsView: React.FC = () => {
         emailSummaryEnabled: emailEnabled,
       });
       setProfile(updated);
-      setSuccess('Einstellungen gespeichert');
+      setSuccess(t('commcoachSettings.einstellungenGespeichert'));
       setTimeout(() => setSuccess(null), 3000);
     } catch (err: any) {
       setError(err.message || 'Fehler beim Speichern');
@@ -72,7 +76,7 @@ export const CommcoachSettingsView: React.FC = () => {
   }, [request, instanceId, reminderEnabled, reminderTime, emailEnabled]);
 
   if (loading) {
-    return <div className={styles.loading}>Einstellungen werden geladen...</div>;
+    return <div className={styles.loading}>{t('commcoachSettings.einstellungenWerdenGeladen')}</div>;
   }
 
   return (
@@ -83,7 +87,7 @@ export const CommcoachSettingsView: React.FC = () => {
       {success && <div className={styles.success}>{success}</div>}
 
       <div className={styles.section}>
-        <h3 className={styles.sectionTitle}>Stimme & Sprache</h3>
+        <h3 className={styles.sectionTitle}>{t('commcoachSettings.stimmeSprache')}</h3>
         <p style={{ fontSize: '0.85rem', color: 'var(--text-secondary, #888)', margin: '0 0 0.5rem' }}>
           Stimme und Sprache werden zentral in den Benutzereinstellungen konfiguriert.
         </p>
@@ -118,16 +122,16 @@ export const CommcoachSettingsView: React.FC = () => {
         <div className={styles.section}>
           <h3 className={styles.sectionTitle}>Statistik</h3>
           <div className={styles.statsGrid}>
-            <div className={styles.statItem}><span className={styles.statValue}>{profile.totalSessions}</span><span className={styles.statLabel}>Sessions gesamt</span></div>
-            <div className={styles.statItem}><span className={styles.statValue}>{profile.totalMinutes}</span><span className={styles.statLabel}>Minuten gesamt</span></div>
-            <div className={styles.statItem}><span className={styles.statValue}>{profile.streakDays}</span><span className={styles.statLabel}>Aktueller Streak</span></div>
-            <div className={styles.statItem}><span className={styles.statValue}>{profile.longestStreak}</span><span className={styles.statLabel}>Laengster Streak</span></div>
+            <div className={styles.statItem}><span className={styles.statValue}>{profile.totalSessions}</span><span className={styles.statLabel}>{t('commcoachSettings.sessionsGesamt')}</span></div>
+            <div className={styles.statItem}><span className={styles.statValue}>{profile.totalMinutes}</span><span className={styles.statLabel}>{t('commcoachSettings.minutenGesamt')}</span></div>
+            <div className={styles.statItem}><span className={styles.statValue}>{profile.streakDays}</span><span className={styles.statLabel}>{t('commcoachSettings.aktuellerStreak')}</span></div>
+            <div className={styles.statItem}><span className={styles.statValue}>{profile.longestStreak}</span><span className={styles.statLabel}>{t('commcoachSettings.laengsterStreak')}</span></div>
           </div>
         </div>
       )}
 
       <button className={styles.saveBtn} onClick={handleSave} disabled={saving}>
-        {saving ? 'Speichern...' : 'Einstellungen speichern'}
+        {saving ? t('commcoachSettings.speichern') : t('commcoachSettings.einstellungenSpeichern')}
       </button>
     </div>
   );
diff --git a/src/pages/views/graphicalEditor/GraphicalEditorPage.tsx b/src/pages/views/graphicalEditor/GraphicalEditorPage.tsx
index e5ca004..6c1996f 100644
--- a/src/pages/views/graphicalEditor/GraphicalEditorPage.tsx
+++ b/src/pages/views/graphicalEditor/GraphicalEditorPage.tsx
@@ -37,7 +37,7 @@ export const GraphicalEditorPage: React.FC<GraphicalEditorPageProps> = ({
     }
   }, [workflowIdFromUrl]);
 
-  const { currentLanguage } = useLanguage();
+  const { t, currentLanguage } = useLanguage();
   const language = (currentLanguage?.slice(0, 2) || 'de') as string;
 
   const [pendingFiles, setPendingFiles] = useState<PendingFile[]>([]);
@@ -102,8 +102,8 @@ export const GraphicalEditorPage: React.FC<GraphicalEditorPageProps> = ({
   if (!instanceId) {
     return (
       <div style={{ padding: '2rem', textAlign: 'center' }}>
-        <h2>Graphical Editor</h2>
-        <p>Keine Feature-Instanz gefunden.</p>
+        <h2>{t('graphicalEditor.graphicalEditor')}</h2>
+        <p>{t('graphicalEditor.keineFeatureinstanzGefunden')}</p>
       </div>
     );
   }
diff --git a/src/pages/views/graphicalEditor/GraphicalEditorTemplatesPage.tsx b/src/pages/views/graphicalEditor/GraphicalEditorTemplatesPage.tsx
index 178695a..b8045e0 100644
--- a/src/pages/views/graphicalEditor/GraphicalEditorTemplatesPage.tsx
+++ b/src/pages/views/graphicalEditor/GraphicalEditorTemplatesPage.tsx
@@ -26,6 +26,8 @@ import { useToast } from '../../../contexts/ToastContext';
 import { formatUnixTimestamp } from '../../../utils/time';
 import styles from '../../../pages/admin/Admin.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 const SCOPE_LABELS: Record<AutoTemplateScope, string> = {
   user: 'Meine',
   instance: 'Instanz',
@@ -47,6 +49,8 @@ function _formatTs(ts?: number): string {
 }
 
 export const GraphicalEditorTemplatesPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const instanceId = useInstanceId();
   const { mandateId } = useParams<{ mandateId: string }>();
   const { request } = useApiRequest();
@@ -142,7 +146,7 @@ export const GraphicalEditorTemplatesPage: React.FC = () => {
     async (row: AutoWorkflowTemplate) => {
       if (!instanceId) return;
       const newLabel = await promptInput('Neuer Name:', {
-        title: 'Vorlage umbenennen',
+        title: t('graphicalEditorTemplatesPage.renameTemplate'),
         defaultValue: row.label,
         placeholder: 'Vorlagen-Name',
       });
@@ -167,17 +171,17 @@ export const GraphicalEditorTemplatesPage: React.FC = () => {
   );
 
   const columns: ColumnConfig[] = [
-    { key: 'label', label: 'Vorlage', type: 'string', width: 220, sortable: true },
+    { key: 'label', label: t('graphicalEditorTemplates.vorlage'), type: 'string', width: 220, sortable: true },
     {
       key: 'templateScope',
-      label: 'Scope',
+      label: t('graphicalEditorTemplates.scope'),
       type: 'string',
       width: 100,
       formatter: (v: string) => SCOPE_LABELS[v as AutoTemplateScope] ?? v ?? '—',
     },
     {
       key: 'sharedReadOnly',
-      label: 'Freigegeben',
+      label: t('graphicalEditorTemplates.freigegeben'),
       type: 'boolean',
       width: 100,
       formatter: (v: boolean) =>
@@ -189,13 +193,13 @@ export const GraphicalEditorTemplatesPage: React.FC = () => {
     },
     {
       key: 'sysCreatedBy',
-      label: 'Erstellt von',
+      label: t('graphicalEditorTemplates.erstelltVon'),
       type: 'string',
       width: 140,
     },
     {
       key: 'sysCreatedAt',
-      label: 'Erstellt',
+      label: t('graphicalEditorTemplates.erstellt'),
       type: 'number',
       width: 140,
       formatter: (v: number) => _formatTs(v),
@@ -205,7 +209,7 @@ export const GraphicalEditorTemplatesPage: React.FC = () => {
   if (!instanceId) {
     return (
       <div className={styles.adminPage}>
-        <p>Keine Feature-Instanz gefunden.</p>
+        <p>{t('graphicalEditorTemplates.keineFeatureinstanzGefunden')}</p>
       </div>
     );
   }
@@ -256,33 +260,33 @@ export const GraphicalEditorTemplatesPage: React.FC = () => {
           actionButtons={[
             {
               type: 'edit',
-              title: 'Im Editor öffnen',
+              title: t('graphicalEditorTemplatesPage.openInEditor'),
               onAction: handleEdit,
             },
             {
               type: 'delete',
-              title: 'Löschen',
+              title: t('graphicalEditorTemplatesPage.delete'),
             },
           ]}
           customActions={[
             {
               id: 'rename',
               icon: <FaPen />,
-              title: 'Umbenennen',
+              title: t('graphicalEditorTemplatesPage.rename'),
               onClick: (row) => handleRename(row),
               visible: (row) => (row.templateScope || 'user') !== 'system',
             },
             {
               id: 'copy',
               icon: <FaCopy />,
-              title: 'Als Workflow kopieren',
+              title: t('graphicalEditorTemplatesPage.copyAsWorkflow'),
               onClick: (row) => handleCopy(row),
               loading: (row) => copyingId === row.id,
             },
             {
               id: 'scope',
               icon: <FaShareAlt />,
-              title: 'Scope ändern',
+              title: t('graphicalEditorTemplatesPage.changeScope'),
               onClick: (row) => setScopeMenuId(scopeMenuId === row.id ? null : row.id),
               loading: (row) => sharingId === row.id,
               visible: (row) => (row.templateScope || 'user') !== 'system',
@@ -290,7 +294,7 @@ export const GraphicalEditorTemplatesPage: React.FC = () => {
           ]}
           onDelete={(row) => handleDelete(row.id)}
           hookData={{ refetch: load, handleDelete: (id: string) => handleDelete(id), pagination: paginationMeta }}
-          emptyMessage="Keine Vorlagen gefunden. Erstelle eine Vorlage aus einem bestehenden Workflow."
+          emptyMessage={t('graphicalEditorTemplates.keineVorlagenGefundenErstelleEine')}
         />
       </div>
 
@@ -313,7 +317,7 @@ export const GraphicalEditorTemplatesPage: React.FC = () => {
               }}
               onClick={(e) => e.stopPropagation()}
             >
-              <h4 style={{ margin: '0 0 8px', fontSize: '0.9rem' }}>Scope ändern</h4>
+              <h4 style={{ margin: '0 0 8px', fontSize: '0.9rem' }}>{t('graphicalEditorTemplates.scopeAendern')}</h4>
               <p style={{ margin: '0 0 12px', fontSize: '0.8rem', color: 'var(--text-secondary, #666)' }}>
                 Aktuell: <strong>{SCOPE_LABELS[currentScope]}</strong>
               </p>
diff --git a/src/pages/views/graphicalEditor/GraphicalEditorWorkflowsPage.tsx b/src/pages/views/graphicalEditor/GraphicalEditorWorkflowsPage.tsx
index 58d6ef1..269c9e7 100644
--- a/src/pages/views/graphicalEditor/GraphicalEditorWorkflowsPage.tsx
+++ b/src/pages/views/graphicalEditor/GraphicalEditorWorkflowsPage.tsx
@@ -24,6 +24,8 @@ import { useToast } from '../../../contexts/ToastContext';
 import { formatUnixTimestamp } from '../../../utils/time';
 import styles from '../../../pages/admin/Admin.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 function formatTs(ts?: number): string {
   if (ts == null || ts <= 0) return '—';
   const sec = ts < 1e12 ? ts : ts / 1000;
@@ -38,6 +40,8 @@ function formatTs(ts?: number): string {
 }
 
 export const GraphicalEditorWorkflowsPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const instanceId = useInstanceId();
   const { mandateId } = useParams<{ mandateId: string }>();
   const { request } = useApiRequest();
@@ -114,7 +118,7 @@ export const GraphicalEditorWorkflowsPage: React.FC = () => {
       setTogglingId(row.id);
       try {
         await updateWorkflow(request, instanceId, row.id, { active: next });
-        showSuccess(next ? 'Workflow aktiviert' : 'Workflow deaktiviert');
+        showSuccess(next ? t('graphicalEditorWorkflows.workflowAktiviert') : t('graphicalEditorWorkflows.workflowDeaktiviert'));
         await load();
       } catch (e: any) {
         showError(`Fehler: ${e?.message || 'Status-Update fehlgeschlagen'}`);
@@ -129,7 +133,7 @@ export const GraphicalEditorWorkflowsPage: React.FC = () => {
     async (row: Automation2Workflow) => {
       if (!instanceId) return;
       const newLabel = await promptInput('Neuer Name:', {
-        title: 'Workflow umbenennen',
+        title: t('graphicalEditorWorkflowsPage.renameWorkflow'),
         defaultValue: row.label,
         placeholder: 'Workflow-Name',
       });
@@ -177,10 +181,10 @@ export const GraphicalEditorWorkflowsPage: React.FC = () => {
   );
 
   const columns: ColumnConfig[] = [
-    { key: 'label', label: 'Workflow', type: 'string', width: 200, sortable: true },
+    { key: 'label', label: t('graphicalEditorWorkflows.workflow'), type: 'string', width: 200, sortable: true },
     {
       key: 'active',
-      label: 'Aktiv',
+      label: t('graphicalEditorWorkflows.aktivColumn'),
       type: 'boolean',
       width: 80,
       formatter: (value: boolean) =>
@@ -192,19 +196,19 @@ export const GraphicalEditorWorkflowsPage: React.FC = () => {
     },
     {
       key: 'isRunning',
-      label: 'Läuft',
+      label: t('graphicalEditorWorkflows.laeuft'),
       type: 'boolean',
       width: 80,
       formatter: (value: boolean) =>
         value ? (
-          <span style={{ color: 'var(--success-color, #28a745)', fontWeight: 600 }}>✓ Ja</span>
+          <span style={{ color: 'var(--success-color, #28a745)', fontWeight: 600 }}>{t('graphicalEditorWorkflows.ja')}</span>
         ) : (
           <span style={{ color: 'var(--text-secondary, #666)' }}>Nein</span>
         ),
     },
     {
       key: 'stuckAtNodeLabel',
-      label: 'Steht bei',
+      label: t('graphicalEditorWorkflows.stehtBei'),
       type: 'string',
       width: 160,
       formatter: (value: string, row: Automation2Workflow) =>
@@ -214,21 +218,21 @@ export const GraphicalEditorWorkflowsPage: React.FC = () => {
     },
     {
       key: 'createdAt',
-      label: 'Erstellt',
+      label: t('graphicalEditorWorkflows.erstellt'),
       type: 'number',
       width: 140,
       formatter: (v: number) => formatTs(v),
     },
     {
       key: 'lastStartedAt',
-      label: 'Zuletzt gestartet',
+      label: t('graphicalEditorWorkflows.zuletztGestartet'),
       type: 'number',
       width: 160,
       formatter: (v: number) => formatTs(v),
     },
     {
       key: 'runCount',
-      label: 'Läufe',
+      label: t('graphicalEditorWorkflows.laeufe'),
       type: 'number',
       width: 80,
       formatter: (v: number) => (v != null ? String(v) : '0'),
@@ -244,7 +248,7 @@ export const GraphicalEditorWorkflowsPage: React.FC = () => {
   if (!instanceId) {
     return (
       <div className={styles.adminPage}>
-        <p>Keine Feature-Instanz gefunden.</p>
+        <p>{t('graphicalEditorWorkflows.keineFeatureinstanzGefunden')}</p>
       </div>
     );
   }
@@ -253,7 +257,7 @@ export const GraphicalEditorWorkflowsPage: React.FC = () => {
     <div className={`${styles.adminPage} ${styles.adminPageFill}`}>
       <div className={styles.pageHeader}>
         <div>
-          <h1 className={styles.pageTitle}>Gespeicherte Workflows</h1>
+          <h1 className={styles.pageTitle}>{t('graphicalEditorWorkflows.gespeicherteWorkflows')}</h1>
           <p className={styles.pageSubtitle}>
             Workflows verwalten, ausführen und bearbeiten
           </p>
@@ -267,7 +271,7 @@ export const GraphicalEditorWorkflowsPage: React.FC = () => {
                 onClick={() => setActiveFilter(f)}
                 disabled={loading}
               >
-                {f === 'all' ? 'Alle' : f === 'active' ? 'Aktiv' : 'Inaktiv'}
+                {f === 'all' ? 'Alle' : f === 'active' ? t('graphicalEditorWorkflows.aktiv') : t('graphicalEditorWorkflows.inaktiv')}
               </button>
             ))}
           </div>
@@ -295,25 +299,25 @@ export const GraphicalEditorWorkflowsPage: React.FC = () => {
           actionButtons={[
             {
               type: 'edit',
-              title: 'Bearbeiten',
+              title: t('graphicalEditorWorkflowsPage.edit'),
               onAction: handleEdit,
             },
             {
               type: 'delete',
-              title: 'Löschen',
+              title: t('graphicalEditorWorkflowsPage.delete'),
             },
           ]}
           customActions={[
             {
               id: 'rename',
               icon: <FaPen />,
-              title: 'Umbenennen',
+              title: t('graphicalEditorWorkflowsPage.rename'),
               onClick: (row) => handleRename(row),
             },
             {
               id: 'activate',
               icon: <FaCheck />,
-              title: 'Aktivieren',
+              title: t('graphicalEditorWorkflowsPage.activate'),
               onClick: (row) => handleToggleActive(row),
               loading: (row) => togglingId === row.id,
               visible: (row) => row.active === false,
@@ -321,7 +325,7 @@ export const GraphicalEditorWorkflowsPage: React.FC = () => {
             {
               id: 'deactivate',
               icon: <FaBan />,
-              title: 'Deaktivieren',
+              title: t('graphicalEditorWorkflowsPage.deactivate'),
               onClick: (row) => handleToggleActive(row),
               loading: (row) => togglingId === row.id,
               visible: (row) => row.active !== false,
@@ -329,7 +333,7 @@ export const GraphicalEditorWorkflowsPage: React.FC = () => {
             {
               id: 'execute',
               icon: <FaPlay />,
-              title: 'Ausführen',
+              title: t('graphicalEditorWorkflowsPage.execute'),
               onClick: (row) => handleExecute(row),
               loading: (row) => executingId === row.id,
               visible: (row) => hasManualTrigger(row),
@@ -337,7 +341,7 @@ export const GraphicalEditorWorkflowsPage: React.FC = () => {
           ]}
           onDelete={(row) => handleDelete(row.id)}
           hookData={hookData}
-          emptyMessage="Keine Workflows gefunden. Erstelle einen im Editor."
+          emptyMessage={t('graphicalEditorWorkflows.keineWorkflowsGefundenErstelleEinen')}
         />
       </div>
       <PromptDialog />
diff --git a/src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx b/src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx
index f8b3740..3ba419d 100644
--- a/src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx
+++ b/src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx
@@ -28,6 +28,8 @@ import { getAcceptStringFromConfig } from '../../../components/FlowEditor';
 import { useFileOperations } from '../../../hooks/useFiles';
 import styles from './Automation2WorkflowsTasks.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 const NODE_TYPE_LABELS: Record<string, string> = {
   'input.form': 'Formular',
   'input.approval': 'Genehmigung',
@@ -88,6 +90,8 @@ function primaryKindLabel(kind: string): string {
 }
 
 export const GraphicalEditorWorkflowsTasksPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const instanceId = useInstanceId();
   const { request } = useApiRequest();
   const { showSuccess, showError } = useToast();
@@ -112,8 +116,13 @@ export const GraphicalEditorWorkflowsTasksPage: React.FC = () => {
       setCompletedRuns(runs);
       try {
         const activeWfs = await fetchWorkflows(request, instanceId, { active: true });
+        const list: Automation2Workflow[] = Array.isArray(activeWfs)
+          ? activeWfs
+          : (activeWfs && typeof activeWfs === 'object' && 'items' in activeWfs && Array.isArray((activeWfs as { items: Automation2Workflow[] }).items)
+            ? (activeWfs as { items: Automation2Workflow[] }).items
+            : []);
         setStartableWorkflows(
-          (activeWfs ?? []).filter(
+          list.filter(
             (w) => w.active !== false && hasManualOrFormInvocation(w)
           )
         );
@@ -182,7 +191,7 @@ export const GraphicalEditorWorkflowsTasksPage: React.FC = () => {
     return (
       <div className={styles.placeholder}>
         <h2>Tasks</h2>
-        <p>Keine Feature-Instanz gefunden.</p>
+        <p>{t('graphicalEditorWorkflowsTasks.keineFeatureinstanzGefunden')}</p>
       </div>
     );
   }
@@ -191,7 +200,7 @@ export const GraphicalEditorWorkflowsTasksPage: React.FC = () => {
     return (
       <div className={styles.loading}>
         <FaSpinner className={styles.spinner} />
-        <p>Lade Tasks…</p>
+        <p>{t('graphicalEditorWorkflowsTasks.ladeTasks')}</p>
       </div>
     );
   }
@@ -209,7 +218,7 @@ export const GraphicalEditorWorkflowsTasksPage: React.FC = () => {
           {openTasks.length > 0 && <span className={styles.badge}>{openTasks.length}</span>}
         </h3>
         {openTasks.length === 0 ? (
-          <p className={styles.empty}>Keine offenen Tasks</p>
+          <p className={styles.empty}>{t('graphicalEditorWorkflowsTasks.keineOffenenTasks')}</p>
         ) : (
           <div className={styles.taskList}>
             {openTasks.map((task) => (
@@ -233,7 +242,7 @@ export const GraphicalEditorWorkflowsTasksPage: React.FC = () => {
           onClick={() => setCompletedExpanded((p) => !p)}
         >
           {completedExpanded ? <FaChevronDown /> : <FaChevronRight />}
-          <span>Erledigte Tasks</span>
+          <span>{t('graphicalEditorWorkflowsTasks.erledigteTasks')}</span>
           {completedTasks.length > 0 && (
             <span className={styles.badge}>{completedTasks.length}</span>
           )}
@@ -241,7 +250,7 @@ export const GraphicalEditorWorkflowsTasksPage: React.FC = () => {
         {completedExpanded && (
           <div className={styles.completedList}>
             {completedTasks.length === 0 ? (
-              <p className={styles.empty}>Keine erledigten Tasks</p>
+              <p className={styles.empty}>{t('graphicalEditorWorkflowsTasks.keineErledigtenTasks')}</p>
             ) : (
               completedTasks.map((task) => (
                 <TaskCard
@@ -288,8 +297,8 @@ export const GraphicalEditorWorkflowsTasksPage: React.FC = () => {
         </div>
       </div>
 
-      <aside className={styles.startSidebar} aria-label="Workflows starten">
-        <h3 className={styles.startSidebarTitle}>Workflow starten</h3>
+      <aside className={styles.startSidebar} aria-label={t('graphicalEditorWorkflowsTasks.workflowsStarten')}>
+        <h3 className={styles.startSidebarTitle}>{t('graphicalEditorWorkflowsTasks.workflowStarten')}</h3>
         <div className={styles.startSidebarList}>
           {startableWorkflows.length === 0 ? (
             <p className={styles.empty}>
@@ -312,7 +321,7 @@ export const GraphicalEditorWorkflowsTasksPage: React.FC = () => {
                   <button
                     type="button"
                     className={styles.startButton}
-                    title="Workflow ausführen"
+                    title={t('graphicalEditorWorkflowsTasks.workflowAusfuehren')}
                     disabled={executingWorkflowId === wf.id}
                     onClick={() => handleStartWorkflow(wf)}
                   >
@@ -337,6 +346,7 @@ const OutputCard: React.FC<{
   run: CompletedRun;
   instanceId?: string;
 }> = ({ run }) => {
+  const { t } = useLanguage();
   const ts = run.sysModifiedAt ?? run.sysCreatedAt ?? 0;
   const files: Array<{ name: string; fileId: string }> = [];
   const nodeOutputs = run.nodeOutputs ?? {};
@@ -369,7 +379,7 @@ const OutputCard: React.FC<{
       </div>
       {files.length > 0 ? (
         <div className={styles.outputContent}>
-          <span className={styles.metaLabel}>Dateien</span>
+          <span className={styles.metaLabel}>{t('graphicalEditorWorkflowsTasks.dateien')}</span>
           <ul className={styles.uploadedList}>
             {files.map((f, j) => (
               <li key={j}>
@@ -384,7 +394,7 @@ const OutputCard: React.FC<{
           </ul>
         </div>
       ) : (
-        <p className={styles.empty}>Kein Output (z.B. Workflow ohne file.create)</p>
+        <p className={styles.empty}>{t('graphicalEditorWorkflowsTasks.keinOutputZbWorkflowOhne')}</p>
       )}
     </div>
   );
@@ -420,6 +430,7 @@ function InputFormClickupTaskField({
   onChange: (v: unknown) => void;
   request: ApiRequestFunction;
 }) {
+  const { t } = useLanguage();
   const [tasks, setTasks] = useState<Array<{ id: string; name: string }>>([]);
   const [loading, setLoading] = useState(false);
   const [err, setErr] = useState<string | null>(null);
@@ -469,7 +480,7 @@ function InputFormClickupTaskField({
         <p style={{ fontSize: '0.85rem', color: 'var(--text-secondary, #c00)' }}>{err}</p>
       ) : null}
       {loading ? (
-        <p style={{ fontSize: '0.85rem', color: 'var(--text-secondary, #666)' }}>Lade Aufgaben…</p>
+        <p style={{ fontSize: '0.85rem', color: 'var(--text-secondary, #666)' }}>{t('graphicalEditorWorkflowsTasks.ladeAufgaben')}</p>
       ) : (
         <select
           value={sel}
@@ -479,10 +490,10 @@ function InputFormClickupTaskField({
             else onChange({ add: [tid], rem: [] });
           }}
         >
-          <option value="">— Aufgabe wählen —</option>
-          {tasks.map((t) => (
-            <option key={t.id} value={t.id}>
-              {t.name}
+          <option value="">{t('graphicalEditorWorkflowsTasks.aufgabeWaehlen')}</option>
+          {tasks.map((taskRow) => (
+            <option key={taskRow.id} value={taskRow.id}>
+              {taskRow.name}
             </option>
           ))}
         </select>
@@ -517,6 +528,7 @@ const TaskCard: React.FC<TaskCardProps> = ({
   submitting,
   readOnly = false,
 }) => {
+  const { t } = useLanguage();
   const { request } = useApiRequest();
   const { handleFileUpload } = useFileOperations();
   const [formData, setFormData] = useState<Record<string, unknown>>({});
@@ -593,7 +605,7 @@ const TaskCard: React.FC<TaskCardProps> = ({
                       setFormData((p) => ({ ...p, [f.name]: e.target.value }))
                     }
                   >
-                    <option value="">— Status wählen —</option>
+                    <option value="">{t('graphicalEditorWorkflowsTasks.statusWaehlen')}</option>
                     {f.clickupStatusOptions.map((o) => (
                       <option key={o.value} value={o.value}>
                         {o.label}
@@ -627,7 +639,7 @@ const TaskCard: React.FC<TaskCardProps> = ({
             </button>
             <Popup
               isOpen={formPopupOpen}
-              title="Formular ausfüllen"
+              title={t('graphicalEditorWorkflowsTasks.formularAusfuellen')}
               onClose={() => setFormPopupOpen(false)}
               size="medium"
               footerContent={
@@ -641,7 +653,7 @@ const TaskCard: React.FC<TaskCardProps> = ({
                   disabled={submitting || !allRequiredFilled}
                   className={styles.popupSubmitButton}
                 >
-                  {submitting ? 'Wird gesendet…' : 'Absenden'}
+                  {submitting ? t('graphicalEditorWorkflowsTasks.wirdGesendet') : t('graphicalEditorWorkflowsTasks.absenden')}
                 </button>
               }
             >
@@ -848,7 +860,7 @@ const TaskCard: React.FC<TaskCardProps> = ({
               disabled={submitting || uploading}
               className={styles.uploadButton}
             >
-              <FaUpload /> {uploading ? 'Wird hochgeladen…' : 'Datei(en) auswählen'}
+              <FaUpload /> {uploading ? t('graphicalEditorWorkflowsTasks.wirdHochgeladen') : t('graphicalEditorWorkflowsTasks.dateienAuswaehlen')}
             </button>
             {uploadError && <p className={styles.uploadError}>{uploadError}</p>}
             {uploadedFiles.length > 0 && (
@@ -864,7 +876,7 @@ const TaskCard: React.FC<TaskCardProps> = ({
               disabled={submitting || uploading || uploadedFiles.length === 0}
               className={styles.popupSubmitButton}
             >
-              {submitting ? 'Wird gesendet…' : 'Absenden'}
+              {submitting ? t('graphicalEditorWorkflowsTasks.wirdGesendet') : t('graphicalEditorWorkflowsTasks.absenden')}
             </button>
           </div>
         );
@@ -872,7 +884,7 @@ const TaskCard: React.FC<TaskCardProps> = ({
       case 'input.review':
         return (
           <div>
-            <p>Review – Content anzeigen + Feedback</p>
+            <p>{t('graphicalEditorWorkflowsTasks.reviewContentAnzeigenFeedback')}</p>
             <textarea
               placeholder="Feedback..."
               value={(formData.feedback as string) ?? ''}
@@ -913,13 +925,13 @@ const TaskCard: React.FC<TaskCardProps> = ({
           </span>
         </div>
         <div className={styles.taskMetaRow}>
-          <span className={styles.metaLabel}>Erstellt</span>
+          <span className={styles.metaLabel}>{t('graphicalEditorWorkflowsTasks.erstellt')}</span>
           <span className={styles.metaValue}>
             {formatTimestamp(task.createdAt)}
           </span>
         </div>
         <div className={styles.taskMetaRow}>
-          <span className={styles.metaLabel}>Fällig</span>
+          <span className={styles.metaLabel}>{t('graphicalEditorWorkflowsTasks.faellig')}</span>
           <span className={styles.metaValue}>
             {formatTimestamp(task.dueAt)}
           </span>
diff --git a/src/pages/views/neutralization/NeutralizationView.tsx b/src/pages/views/neutralization/NeutralizationView.tsx
index dd4d94a..0aa6a0f 100644
--- a/src/pages/views/neutralization/NeutralizationView.tsx
+++ b/src/pages/views/neutralization/NeutralizationView.tsx
@@ -24,6 +24,8 @@ import { Tabs } from '../../../components/UiComponents/Tabs';
 import api from '../../../api';
 import styles from './NeutralizationViews.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 interface SiteOption {
   value: string;
   label: string;
@@ -46,6 +48,8 @@ interface FolderOption {
 // =============================================================================
 
 const ConfigTab: React.FC = () => {
+    const { t } = useLanguage();
+
   const { instance } = useCurrentInstance();
   const { showSuccess, showError } = useToast();
 
@@ -120,12 +124,12 @@ const ConfigTab: React.FC = () => {
   const dismissError = () => setError(null);
 
   if (loading) {
-    return <div className={styles.loading}>Loading configuration...</div>;
+    return <div className={styles.loading}>{t('neutralization.loadingConfiguration')}</div>;
   }
 
   return (
     <div className={styles.configSection}>
-      <h3 className={styles.sectionTitle}>Neutralization Configuration</h3>
+      <h3 className={styles.sectionTitle}>{t('neutralization.neutralizationConfiguration')}</h3>
       <p className={styles.sectionDescription}>
         Configure data neutralization settings for this instance.
       </p>
@@ -141,13 +145,13 @@ const ConfigTab: React.FC = () => {
         )}
 
         <div className={styles.formRow}>
-          <label htmlFor="names-to-parse">Names to Parse (one per line):</label>
+          <label htmlFor="names-to-parse">{t('neutralization.namesToParseOnePer')}</label>
           <textarea
             id="names-to-parse"
             className={styles.textareaField}
             value={namesToParse}
             onChange={(e) => setNamesToParse(e.target.value)}
-            placeholder="Enter names to parse, one per line..."
+            placeholder={t('neutralization.enterNamesToParseOne')}
             rows={6}
           />
         </div>
@@ -172,6 +176,7 @@ const ConfigTab: React.FC = () => {
 // =============================================================================
 
 const PlaygroundTab: React.FC = () => {
+  const { t } = useLanguage();
   const { showSuccess, showError } = useToast();
   const { refetch: refetchFiles, handleFileDownload } = useFileContext();
   const { connections } = useConnections();
@@ -361,7 +366,7 @@ const PlaygroundTab: React.FC = () => {
       } else if (result.neutralized_text !== undefined) {
         setNeutralizedText(result.neutralized_text || '');
         setFileResult(result.neutralized_file_id ? { fileName, fileId: result.neutralized_file_id } : { fileName });
-        showSuccess('Done', result.neutralized_file_id ? 'File neutralized. Download or find in Files.' : 'File neutralized.');
+        showSuccess('Done', result.neutralized_file_id ? t('neutralization.fileNeutralizedDownloadOrFind') : t('neutralization.fileNeutralized'));
       } else {
         const err = (result.processed_info as { error?: string })?.error || 'No result returned';
         console.warn('[Neutralization] Unexpected result:', result);
@@ -478,14 +483,14 @@ const PlaygroundTab: React.FC = () => {
   return (
     <>
     <div className={styles.playgroundSection}>
-      <h3 className={styles.sectionTitle}>Manual Text &amp; File Neutralization</h3>
+      <h3 className={styles.sectionTitle}>{t('neutralization.manualTextAmpFileNeutralization')}</h3>
       <p className={styles.sectionDescription}>
         Upload a file, paste text, or neutralize SharePoint files. Use &quot;Resolve Text&quot; to convert placeholders back to the original text.
       </p>
 
       <div className={styles.playgroundCard}>
         <div className={styles.formRow}>
-          <label>1. Upload file to neutralize:</label>
+          <label>{t('neutralization.1UploadFileToNeutralize')}</label>
           <input
             ref={fileInputRef}
             type="file"
@@ -500,7 +505,7 @@ const PlaygroundTab: React.FC = () => {
               onClick={() => fileInputRef.current?.click()}
               disabled={neutralizing}
             >
-              {neutralizing ? 'Processing...' : 'Upload & Neutralize File'}
+              {neutralizing ? t('neutralization.processing') : t('neutralization.uploadNeutralizeFile')}
             </button>
             {fileResult && (
               <button
@@ -520,13 +525,13 @@ const PlaygroundTab: React.FC = () => {
         </div>
 
         <div className={styles.formRow}>
-          <label htmlFor="input-text">2. Or paste text:</label>
+          <label htmlFor="input-text">{t('neutralization.2OrPasteText')}</label>
           <textarea
             id="input-text"
             className={styles.textareaField}
             value={inputText}
             onChange={(e) => setInputText(e.target.value)}
-            placeholder="Enter text to neutralize..."
+            placeholder={t('neutralization.enterTextToNeutralize')}
             rows={6}
           />
         </div>
@@ -550,7 +555,7 @@ const PlaygroundTab: React.FC = () => {
         </div>
 
         <div className={styles.formRow}>
-          <label>3. Or neutralize SharePoint files:</label>
+          <label>{t('neutralization.3OrNeutralizeSharepointFiles')}</label>
           <div className={styles.formRow} style={{ gap: '0.75rem', marginTop: 0 }}>
             <div>
               <label htmlFor="sharepoint-source" style={{ fontSize: '0.8125rem', fontWeight: 400 }}>Source:</label>
@@ -560,14 +565,14 @@ const PlaygroundTab: React.FC = () => {
                   type="text"
                   value={sharepointSourcePath}
                   onChange={(e) => setSharepointSourcePath(e.target.value)}
-                  placeholder="SharePoint source path..."
+                  placeholder={t('neutralization.sharepointSourcePath')}
                 />
                 <button
                   type="button"
                   className={styles.secondaryButton}
                   onClick={() => handleOpenBrowse('source')}
                   disabled={!hasMsftConnection}
-                  title={hasMsftConnection ? 'Browse SharePoint' : 'Add a Microsoft connection first (Basisdaten → Connections)'}
+                  title={hasMsftConnection ? t('neutralization.browseSharepoint') : t('neutralization.addAMicrosoftConnectionFirst')}
                 >
                   Browse
                 </button>
@@ -581,14 +586,14 @@ const PlaygroundTab: React.FC = () => {
                   type="text"
                   value={sharepointTargetPath}
                   onChange={(e) => setSharepointTargetPath(e.target.value)}
-                  placeholder="SharePoint target path..."
+                  placeholder={t('neutralization.sharepointTargetPath')}
                 />
                 <button
                   type="button"
                   className={styles.secondaryButton}
                   onClick={() => handleOpenBrowse('target')}
                   disabled={!hasMsftConnection}
-                  title={hasMsftConnection ? 'Browse SharePoint' : 'Add a Microsoft connection first (Basisdaten → Connections)'}
+                  title={hasMsftConnection ? t('neutralization.browseSharepoint') : t('neutralization.addAMicrosoftConnectionFirst')}
                 >
                   Browse
                 </button>
@@ -607,14 +612,14 @@ const PlaygroundTab: React.FC = () => {
                   : undefined
               }
             >
-              {processingSharepoint ? 'Processing...' : 'Neutralize SharePoint Files'}
+              {processingSharepoint ? t('neutralization.processing') : t('neutralization.neutralizeSharepointFiles')}
             </button>
           </div>
         </div>
 
         {neutralizedText && !fileResult && (
           <div className={styles.formRow}>
-            <label htmlFor="neutralized-text">Neutralized Text:</label>
+            <label htmlFor="neutralized-text">{t('neutralization.neutralizedText')}</label>
             <div
               id="neutralized-text"
               className={styles.outputBlock}
@@ -650,7 +655,7 @@ const PlaygroundTab: React.FC = () => {
             </div>
           )}
           {isLoadingSites ? (
-            <div className={styles.loading}>Loading sites...</div>
+            <div className={styles.loading}>{t('neutralization.loadingSites')}</div>
           ) : (
             <>
               <label htmlFor="browse-site" style={{ fontSize: '0.875rem', fontWeight: 500 }}>Site:</label>
@@ -660,7 +665,7 @@ const PlaygroundTab: React.FC = () => {
                 value={selectedSite?.siteId || ''}
                 onChange={(e) => handleSiteChange(e.target.value)}
               >
-                <option value="">Select a site...</option>
+                <option value="">{t('neutralization.selectASite')}</option>
                 {siteOptions.map((site) => (
                   <option key={site.siteId} value={site.siteId}>
                     {site.label}
@@ -675,7 +680,7 @@ const PlaygroundTab: React.FC = () => {
                 Current path: <strong>{selectedSite.path}{browseCurrentPath ? '/' + browseCurrentPath : ''}</strong>
               </p>
               {isLoadingFolders ? (
-                <div className={styles.loading}>Loading folders...</div>
+                <div className={styles.loading}>{t('neutralization.loadingFolders')}</div>
               ) : (
                 <div>
                   <div style={{ display: 'flex', gap: '0.5rem', marginBottom: '0.5rem' }}>
@@ -736,14 +741,14 @@ const PlaygroundTab: React.FC = () => {
 // MAIN VIEW
 // =============================================================================
 
-const TABS = [
-  { id: 'config', label: 'Configuration', content: <ConfigTab /> },
-  { id: 'playground', label: 'Playground', content: <PlaygroundTab /> },
-];
-
 export const NeutralizationView: React.FC = () => {
+  const { t } = useLanguage();
+  const tabs = [
+    { id: 'config', label: t('neutralization.tabConfiguration'), content: <ConfigTab /> },
+    { id: 'playground', label: t('neutralization.tabPlayground'), content: <PlaygroundTab /> },
+  ];
   return (
-    <Tabs tabs={TABS} defaultTabId="playground" />
+    <Tabs tabs={tabs} defaultTabId="playground" />
   );
 };
 
diff --git a/src/pages/views/realestate/RealEstateDashboardView.tsx b/src/pages/views/realestate/RealEstateDashboardView.tsx
index 7e4ac11..c8c2f6f 100644
--- a/src/pages/views/realestate/RealEstateDashboardView.tsx
+++ b/src/pages/views/realestate/RealEstateDashboardView.tsx
@@ -11,7 +11,11 @@ import { useCurrentInstance } from '../../../hooks/useCurrentInstance';
 import { useRealEstateProjects, useRealEstateParcels } from '../../../hooks/useRealEstate';
 import styles from '../trustee/TrusteeViews.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export const RealEstateDashboardView: React.FC = () => {
+    const { t } = useLanguage();
+
   const { instance } = useCurrentInstance();
   const { items: projects, loading: projectsLoading } = useRealEstateProjects();
   const { items: parcels, loading: parcelsLoading } = useRealEstateParcels();
@@ -54,7 +58,7 @@ export const RealEstateDashboardView: React.FC = () => {
                 ))}
               </div>
               <div className={styles.statLabel}>
-                {instance.userRoles.length === 1 ? 'Deine Rolle' : 'Deine Rollen'}
+                {instance.userRoles.length === 1 ? t('realEstateDashboard.deineRolle') : t('realEstateDashboard.deineRollen')}
               </div>
             </div>
           </div>
@@ -70,7 +74,7 @@ export const RealEstateDashboardView: React.FC = () => {
             <span className={styles.infoValue}>{instance?.instanceLabel}</span>
           </div>
           <div className={styles.infoItem}>
-            <span className={styles.infoLabel}>Mandant:</span>
+            <span className={styles.infoLabel}>{t('realEstateDashboard.mandant')}</span>
             <span className={styles.infoValue}>{instance?.mandateName}</span>
           </div>
         </div>
diff --git a/src/pages/views/realestate/RealEstateInstanceRolesPlaceholder.tsx b/src/pages/views/realestate/RealEstateInstanceRolesPlaceholder.tsx
index b55586d..c64a21f 100644
--- a/src/pages/views/realestate/RealEstateInstanceRolesPlaceholder.tsx
+++ b/src/pages/views/realestate/RealEstateInstanceRolesPlaceholder.tsx
@@ -10,10 +10,14 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 import styles from '../trustee/TrusteeViews.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export const RealEstateInstanceRolesPlaceholder: React.FC = () => {
+    const { t } = useLanguage();
+
   return (
     <div className={styles.infoSection} style={{ maxWidth: 560 }}>
-      <h3>Rollen & Rechte</h3>
+      <h3>{t('realEstateInstanceRolesPlaceholder.rollenRechte')}</h3>
       <p style={{ margin: '0 0 1rem', color: 'var(--text-secondary, #666)', fontSize: '0.9375rem', lineHeight: 1.5 }}>
         Die Verwaltung von Rollen und Benutzern für diese Instanz erfolgt in der Administration.
       </p>
diff --git a/src/pages/views/realestate/RealEstateParcelsView.tsx b/src/pages/views/realestate/RealEstateParcelsView.tsx
index d93c472..315ae1c 100644
--- a/src/pages/views/realestate/RealEstateParcelsView.tsx
+++ b/src/pages/views/realestate/RealEstateParcelsView.tsx
@@ -17,7 +17,11 @@ import { FormGeneratorForm } from '../../../components/FormGenerator/FormGenerat
 import { FaSync } from 'react-icons/fa';
 import styles from '../../admin/Admin.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export const RealEstateParcelsView: React.FC = () => {
+    const { t } = useLanguage();
+
   const instanceId = useInstanceId();
 
   const {
@@ -144,7 +148,7 @@ export const RealEstateParcelsView: React.FC = () => {
     <div className={`${styles.adminPage} ${styles.adminPageFill}`}>
       <div className={styles.pageHeader}>
         <div>
-          <p className={styles.pageSubtitle}>Parzellen verwalten</p>
+          <p className={styles.pageSubtitle}>{t('realEstateParcels.parzellenVerwalten')}</p>
         </div>
         <div className={styles.headerActions}>
           <button
@@ -179,7 +183,7 @@ export const RealEstateParcelsView: React.FC = () => {
                     {
                       type: 'edit' as const,
                       onAction: handleEditClick,
-                      title: 'Bearbeiten',
+                      title: t('realEstateParcelsView.edit'),
                     },
                   ]
                 : []),
@@ -187,7 +191,7 @@ export const RealEstateParcelsView: React.FC = () => {
                 ? [
                     {
                       type: 'delete' as const,
-                      title: 'Löschen',
+                      title: t('realEstateParcelsView.delete'),
                       loading: (row: RealEstateParcel) => deletingItems.has(row.id),
                     },
                   ]
@@ -202,7 +206,7 @@ export const RealEstateParcelsView: React.FC = () => {
               handleInlineUpdate,
               updateOptimistically,
             }}
-            emptyMessage="Keine Parzellen gefunden"
+            emptyMessage={t('realEstateParcels.keineParzellenGefunden')}
           />
       </div>
 
@@ -211,7 +215,7 @@ export const RealEstateParcelsView: React.FC = () => {
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
               <h2 className={styles.modalTitle}>
-                {isCreateMode ? 'Neue Parzelle' : 'Parzelle bearbeiten'}
+                {isCreateMode ? t('realEstateParcels.neueParzelle') : t('realEstateParcels.parzelleBearbeiten')}
               </h2>
               <button className={styles.modalClose} onClick={handleCloseModal}>
                 ✕
@@ -221,7 +225,7 @@ export const RealEstateParcelsView: React.FC = () => {
               {formAttributes.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('realEstateParcels.ladeFormular')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -230,8 +234,8 @@ export const RealEstateParcelsView: React.FC = () => {
                   mode={isCreateMode ? 'create' : 'edit'}
                   onSubmit={handleFormSubmit}
                   onCancel={handleCloseModal}
-                  submitButtonText={isCreateMode ? 'Erstellen' : 'Speichern'}
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={isCreateMode ? t('realEstateParcels.erstellen') : t('realEstateParcels.speichern')}
+                  cancelButtonText={t('realEstateParcels.abbrechen')}
                   instanceId={instanceId}
                 />
               )}
diff --git a/src/pages/views/realestate/RealEstateProjectsView.tsx b/src/pages/views/realestate/RealEstateProjectsView.tsx
index 25085e2..1a24d14 100644
--- a/src/pages/views/realestate/RealEstateProjectsView.tsx
+++ b/src/pages/views/realestate/RealEstateProjectsView.tsx
@@ -17,7 +17,11 @@ import { FormGeneratorForm } from '../../../components/FormGenerator/FormGenerat
 import { FaSync } from 'react-icons/fa';
 import styles from '../../admin/Admin.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export const RealEstateProjectsView: React.FC = () => {
+    const { t } = useLanguage();
+
   const instanceId = useInstanceId();
 
   const {
@@ -134,7 +138,7 @@ export const RealEstateProjectsView: React.FC = () => {
     <div className={`${styles.adminPage} ${styles.adminPageFill}`}>
       <div className={styles.pageHeader}>
         <div>
-          <p className={styles.pageSubtitle}>Projekte verwalten</p>
+          <p className={styles.pageSubtitle}>{t('realEstateProjects.projekteVerwalten')}</p>
         </div>
         <div className={styles.headerActions}>
           <button className={styles.secondaryButton} onClick={() => refetch()} disabled={loading}>
@@ -160,12 +164,12 @@ export const RealEstateProjectsView: React.FC = () => {
             sortable={true}
             selectable={false}
             actionButtons={[
-              ...(canUpdate ? [{ type: 'edit' as const, onAction: handleEditClick, title: 'Bearbeiten' }] : []),
-              ...(canDelete ? [{ type: 'delete' as const, title: 'Löschen', loading: (row: RealEstateProject) => deletingItems.has(row.id) }] : []),
+              ...(canUpdate ? [{ type: 'edit' as const, onAction: handleEditClick, title: t('realEstateProjectsView.edit') }] : []),
+              ...(canDelete ? [{ type: 'delete' as const, title: t('realEstateProjectsView.delete'), loading: (row: RealEstateProject) => deletingItems.has(row.id) }] : []),
             ]}
             onDelete={handleDeleteProject}
             hookData={{ refetch, permissions, pagination, handleDelete, handleInlineUpdate, updateOptimistically }}
-            emptyMessage="Keine Projekte gefunden"
+            emptyMessage={t('realEstateProjects.keineProjekteGefunden')}
           />
       </div>
 
@@ -173,14 +177,14 @@ export const RealEstateProjectsView: React.FC = () => {
         <div className={styles.modalOverlay} onClick={handleCloseModal}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>{isCreateMode ? 'Neues Projekt' : 'Projekt bearbeiten'}</h2>
+              <h2 className={styles.modalTitle}>{isCreateMode ? t('realEstateProjects.neuesProjekt') : t('realEstateProjects.projektBearbeiten')}</h2>
               <button className={styles.modalClose} onClick={handleCloseModal}>✕</button>
             </div>
             <div className={styles.modalContent}>
               {formAttributes.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('realEstateProjects.ladeFormular')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -189,8 +193,8 @@ export const RealEstateProjectsView: React.FC = () => {
                   mode={isCreateMode ? 'create' : 'edit'}
                   onSubmit={handleFormSubmit}
                   onCancel={handleCloseModal}
-                  submitButtonText={isCreateMode ? 'Erstellen' : 'Speichern'}
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={isCreateMode ? t('realEstateProjects.erstellen') : t('realEstateProjects.speichern')}
+                  cancelButtonText={t('realEstateProjects.abbrechen')}
                   instanceId={instanceId}
                 />
               )}
diff --git a/src/pages/views/realestate/pek/PekLocationInput.tsx b/src/pages/views/realestate/pek/PekLocationInput.tsx
index 37c5d22..c45e0a0 100644
--- a/src/pages/views/realestate/pek/PekLocationInput.tsx
+++ b/src/pages/views/realestate/pek/PekLocationInput.tsx
@@ -5,7 +5,11 @@ import { IoMdSend } from 'react-icons/io';
 import { usePekContext } from '../../../../contexts/PekContext';
 import styles from './PekLocationInput.module.css';
 
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
 const PekLocationInput: React.FC = () => {
+    const { t } = useLanguage();
+
   const {
     adresse,
     setAdresse,
@@ -34,8 +38,8 @@ const PekLocationInput: React.FC = () => {
           <TextField
             value={adresse}
             onChange={setAdresse}
-            placeholder="z.B. Bundesplatz 3"
-            label="Adresse oder Parzelle"
+            placeholder={t('pekLocationInput.zbBundesplatz3')}
+            label={t('pekLocationInput.adresseOderParzelle')}
             disabled={isGettingLocation || isSearchingParcel}
             size="md"
             type="text"
diff --git a/src/pages/views/realestate/pek/PekMapView.tsx b/src/pages/views/realestate/pek/PekMapView.tsx
index e2413c9..ee1a658 100644
--- a/src/pages/views/realestate/pek/PekMapView.tsx
+++ b/src/pages/views/realestate/pek/PekMapView.tsx
@@ -3,7 +3,11 @@ import { Button, MapView, ParcelInfoPanel } from '../../../../components/UiCompo
 import { usePekContext } from '../../../../contexts/PekContext';
 import styles from './PekMapView.module.css';
 
+import { useLanguage } from '../../../../providers/language/LanguageContext';
+
 const PekMapView: React.FC = () => {
+    const { t } = useLanguage();
+
   const [showWfsParcels, setShowWfsParcels] = useState(false);
   const {
     instanceId,
@@ -30,7 +34,7 @@ const PekMapView: React.FC = () => {
               checked={showWfsParcels}
               onChange={(e) => setShowWfsParcels(e.target.checked)}
             />
-            <span>Alle Parzellen anzeigen</span>
+            <span>{t('pekMap.alleParzellenAnzeigen')}</span>
           </label>
           <Button
             variant="secondary"
@@ -50,7 +54,7 @@ const PekMapView: React.FC = () => {
             onMapClick={handleMapClick}
             onParcelClick={handleParcelClick}
             height="100%"
-            emptyMessage="Klicken Sie auf die Karte, um einen Standort auszuwählen, oder suchen Sie nach einer Adresse oben."
+            emptyMessage={t('pekMap.klickenSieAufDieKarte')}
             showWfsParcels={showWfsParcels}
           />
         </div>
diff --git a/src/pages/views/teamsbot/TeamsbotDashboardView.tsx b/src/pages/views/teamsbot/TeamsbotDashboardView.tsx
index ba5fb32..cc64de5 100644
--- a/src/pages/views/teamsbot/TeamsbotDashboardView.tsx
+++ b/src/pages/views/teamsbot/TeamsbotDashboardView.tsx
@@ -6,12 +6,16 @@ import type { TeamsbotSession, StartSessionRequest, TeamsbotJoinMode, UserAccoun
 import { getUserDataCache } from '../../../utils/userCache';
 import styles from './Teamsbot.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 /**
  * TeamsbotDashboardView - Overview of all Teams Bot sessions.
  * Allows starting new sessions and viewing active/past sessions.
  * Supports "Mein Account" login with saved credentials and MFA relay.
  */
 export const TeamsbotDashboardView: React.FC = () => {
+    const { t } = useLanguage();
+
   const { instance, mandateId, featureCode } = useCurrentInstance();
   const instanceId = instance?.id || '';
   const navigate = useNavigate();
@@ -100,7 +104,7 @@ export const TeamsbotDashboardView: React.FC = () => {
           if (data.mfaType === 'timeout') {
             setMfaChallenge(null);
             setMfaWaitingPush(false);
-            setError('MFA-Zeitlimit ueberschritten. Bitte erneut versuchen.');
+            setError(t('teamsbotDashboard.mfazeitlimitUeberschrittenBitteErneutVersuchen'));
           } else {
             setMfaChallenge(data);
             setMfaCode('');
@@ -269,7 +273,7 @@ export const TeamsbotDashboardView: React.FC = () => {
                 <input
                   type="text"
                   className={styles.mfaCodeInput}
-                  placeholder="Code eingeben"
+                  placeholder={t('teamsbotDashboard.codeEingeben')}
                   value={mfaCode}
                   onChange={(e) => setMfaCode(e.target.value)}
                   autoFocus
@@ -297,13 +301,13 @@ export const TeamsbotDashboardView: React.FC = () => {
 
       {/* Start New Session Card */}
       <div className={styles.startSessionCard}>
-        <h3 className={styles.cardTitle}>Neue Bot-Sitzung starten</h3>
+        <h3 className={styles.cardTitle}>{t('teamsbotDashboard.neueBotsitzungStarten')}</h3>
         <p className={styles.cardDescription}>
           Fuege den Teams Meeting-Link ein, um den AI-Bot in ein Meeting einzuschleusen.
         </p>
         
         <div className={styles.formGroup}>
-          <label className={styles.label}>Teams Meeting-Link *</label>
+          <label className={styles.label}>{t('teamsbotDashboard.teamsMeetinglink')}</label>
           <input
             type="url"
             className={styles.input}
@@ -322,9 +326,9 @@ export const TeamsbotDashboardView: React.FC = () => {
             onChange={(e) => setJoinMode(e.target.value as TeamsbotJoinMode)}
             disabled={isStarting}
           >
-            {_isSysAdmin && <option value="systemBot">System-Bot (authentifiziert)</option>}
-            <option value="anonymous">Anonymer Gast</option>
-            <option value="userAccount">Mein Account</option>
+            {_isSysAdmin && <option value="systemBot">{t('teamsbotDashboard.systembotAuthentifiziert')}</option>}
+            <option value="anonymous">{t('teamsbotDashboard.anonymerGast')}</option>
+            <option value="userAccount">{t('teamsbotDashboard.meinAccount')}</option>
           </select>
         </div>
 
@@ -351,7 +355,7 @@ export const TeamsbotDashboardView: React.FC = () => {
             ) : (
               <>
                 <div className={styles.formGroup}>
-                  <label className={styles.label}>Microsoft E-Mail</label>
+                  <label className={styles.label}>{t('teamsbotDashboard.microsoftEmail')}</label>
                   <input
                     type="email"
                     className={styles.input}
@@ -362,7 +366,7 @@ export const TeamsbotDashboardView: React.FC = () => {
                   />
                 </div>
                 <div className={styles.formGroup}>
-                  <label className={styles.label}>Passwort</label>
+                  <label className={styles.label}>{t('teamsbotDashboard.passwort')}</label>
                   <input
                     type="password"
                     className={styles.input}
@@ -390,11 +394,11 @@ export const TeamsbotDashboardView: React.FC = () => {
         )}
 
         <div className={styles.formGroup}>
-          <label className={styles.label}>Bot-Name (optional)</label>
+          <label className={styles.label}>{t('teamsbotDashboard.botnameOptional')}</label>
           <input
             type="text"
             className={styles.input}
-            placeholder="AI Assistant"
+            placeholder={t('teamsbotDashboard.aiAssistant')}
             value={botName}
             onChange={(e) => setBotName(e.target.value)}
             disabled={isStarting}
@@ -402,10 +406,10 @@ export const TeamsbotDashboardView: React.FC = () => {
         </div>
 
         <div className={styles.formGroup}>
-          <label className={styles.label}>Session-Kontext (optional)</label>
+          <label className={styles.label}>{t('teamsbotDashboard.sessionkontextOptional')}</label>
           <textarea
             className={styles.textarea || styles.input}
-            placeholder="Agenda, Hintergrundinformationen, Dokumente oder andere Informationen fuer den Bot..."
+            placeholder={t('teamsbotDashboard.agendaHintergrundinformationenDokumenteOderAndere')}
             value={sessionContext}
             onChange={(e) => setSessionContext(e.target.value)}
             disabled={isStarting}
@@ -423,7 +427,7 @@ export const TeamsbotDashboardView: React.FC = () => {
           onClick={_handleStartSession}
           disabled={isStarting || !meetingLink.trim() || (joinMode === 'userAccount' && showCredentialForm && (!credEmail || !credPassword))}
         >
-          {isStarting ? 'Wird gestartet...' : 'Bot ins Meeting senden'}
+          {isStarting ? t('teamsbotDashboard.wirdGestartet') : t('teamsbotDashboard.botInsMeetingSenden')}
         </button>
       </div>
 
@@ -432,7 +436,7 @@ export const TeamsbotDashboardView: React.FC = () => {
       {/* Active Sessions */}
       {activeSessions.length > 0 && (
         <div className={styles.sectionContainer}>
-          <h3 className={styles.sectionTitle}>Aktive Sitzungen</h3>
+          <h3 className={styles.sectionTitle}>{t('teamsbotDashboard.aktiveSitzungen')}</h3>
           <div className={styles.sessionList}>
             {activeSessions.map((session) => (
               <div key={session.id} className={styles.sessionCard}>
@@ -448,7 +452,7 @@ export const TeamsbotDashboardView: React.FC = () => {
                   {session.startedAt && <span>Seit: {new Date(session.startedAt).toLocaleTimeString('de-CH')}</span>}
                 </div>
                 <div className={styles.sessionActions}>
-                  <button className={styles.viewButton} onClick={() => navigate(`/mandates/${mandateId}/${featureCode}/${instanceId}/sessions?sessionId=${session.id}`)}>Live ansehen</button>
+                  <button className={styles.viewButton} onClick={() => navigate(`/mandates/${mandateId}/${featureCode}/${instanceId}/sessions?sessionId=${session.id}`)}>{t('teamsbotDashboard.liveAnsehen')}</button>
                   {session.status === 'active' && (
                     <button className={styles.stopButton} onClick={() => _handleStopSession(session.id)}>
                       Stoppen
@@ -467,7 +471,7 @@ export const TeamsbotDashboardView: React.FC = () => {
           {loading ? 'Lade Sitzungen...' : `Vergangene Sitzungen (${pastSessions.length})`}
         </h3>
         {pastSessions.length === 0 && !loading && (
-          <p className={styles.emptyState}>Noch keine vergangenen Sitzungen.</p>
+          <p className={styles.emptyState}>{t('teamsbotDashboard.nochKeineVergangenenSitzungen')}</p>
         )}
         <div className={styles.sessionList}>
           {pastSessions.map((session) => (
diff --git a/src/pages/views/teamsbot/TeamsbotSessionView.tsx b/src/pages/views/teamsbot/TeamsbotSessionView.tsx
index 345524c..3800f64 100644
--- a/src/pages/views/teamsbot/TeamsbotSessionView.tsx
+++ b/src/pages/views/teamsbot/TeamsbotSessionView.tsx
@@ -6,10 +6,14 @@ import type { TeamsbotSession, TeamsbotTranscript, TeamsbotBotResponse, Teamsbot
 import { getUserDataCache } from '../../../utils/userCache';
 import styles from './Teamsbot.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 /**
  * TeamsbotSessionView - Live session view with real-time transcript and bot responses.
  */
 export const TeamsbotSessionView: React.FC = () => {
+    const { t } = useLanguage();
+
   const { instance } = useCurrentInstance();
   const instanceId = instance?.id || '';
   const [searchParams, setSearchParams] = useSearchParams();
@@ -277,14 +281,14 @@ export const TeamsbotSessionView: React.FC = () => {
     return colors[Math.abs(hash) % colors.length];
   };
 
-  if (loading) return <div className={styles.loading}>Lade Sitzung...</div>;
+  if (loading) return <div className={styles.loading}>{t('teamsbotSession.ladeSitzung')}</div>;
   if (noSessions) return (
     <div className={styles.emptyState || styles.loading}>
-      <p>Keine Sitzungen vorhanden.</p>
+      <p>{t('teamsbotSession.keineSitzungenVorhanden')}</p>
       <p>Starte eine neue Sitzung im <strong>Dashboard</strong>.</p>
     </div>
   );
-  if (!session) return <div className={styles.errorBanner}>Sitzung nicht gefunden</div>;
+  if (!session) return <div className={styles.errorBanner}>{t('teamsbotSession.sitzungNichtGefunden')}</div>;
 
   const _switchSession = (newSessionId: string) => {
     setSearchParams({ sessionId: newSessionId });
@@ -328,7 +332,7 @@ export const TeamsbotSessionView: React.FC = () => {
         </div>
         <div className={styles.sessionControls}>
           {['active', 'joining', 'pending'].includes(session.status) && (
-            <button className={styles.stopButton} onClick={_handleStop}>Sitzung beenden</button>
+            <button className={styles.stopButton} onClick={_handleStop}>{t('teamsbotSession.sitzungBeenden')}</button>
           )}
         </div>
       </div>
@@ -355,7 +359,7 @@ export const TeamsbotSessionView: React.FC = () => {
             ))}
             <div ref={transcriptEndRef} />
             {transcripts.length === 0 && (
-              <div className={styles.emptyState}>Noch kein Transkript vorhanden.</div>
+              <div className={styles.emptyState}>{t('teamsbotSession.nochKeinTranskriptVorhanden')}</div>
             )}
           </div>
         </div>
@@ -386,7 +390,7 @@ export const TeamsbotSessionView: React.FC = () => {
               </div>
             ))}
             {botResponses.length === 0 && (
-              <div className={styles.emptyState}>Noch keine Bot-Antworten.</div>
+              <div className={styles.emptyState}>{t('teamsbotSession.nochKeineBotantworten')}</div>
             )}
           </div>
         </div>
@@ -402,9 +406,9 @@ export const TeamsbotSessionView: React.FC = () => {
 
       {/* TTS Delivery Debug */}
       <div className={styles.summaryCard}>
-        <h4 className={styles.panelTitle}>TTS Delivery Status</h4>
+        <h4 className={styles.panelTitle}>{t('teamsbotSession.ttsDeliveryStatus')}</h4>
         {ttsStatusEvents.length === 0 ? (
-          <div className={styles.emptyState}>Noch keine TTS-Events.</div>
+          <div className={styles.emptyState}>{t('teamsbotSession.nochKeineTtsevents')}</div>
         ) : (
           <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>
             {ttsStatusEvents.slice(-10).reverse().map((ev, idx) => (
@@ -438,7 +442,7 @@ export const TeamsbotSessionView: React.FC = () => {
       {_isSysAdmin && (
         <div className={styles.summaryCard}>
           <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '12px' }}>
-            <h4 className={styles.panelTitle} style={{ margin: 0 }}>Debug Screenshots</h4>
+            <h4 className={styles.panelTitle} style={{ margin: 0 }}>{t('teamsbotSession.debugScreenshots')}</h4>
             <button
               className={styles.viewButton}
               onClick={async () => {
@@ -456,11 +460,11 @@ export const TeamsbotSessionView: React.FC = () => {
               }}
               disabled={screenshotsLoading}
             >
-              {screenshotsLoading ? 'Laden...' : screenshotsLoaded ? 'Aktualisieren' : 'Screenshots laden'}
+              {screenshotsLoading ? 'Laden...' : screenshotsLoaded ? t('teamsbotSession.aktualisieren') : t('teamsbotSession.screenshotsLaden')}
             </button>
           </div>
           {screenshotsLoaded && screenshots.length === 0 && (
-            <div className={styles.emptyState}>Keine Screenshots fuer diese Session.</div>
+            <div className={styles.emptyState}>{t('teamsbotSession.keineScreenshotsFuerDieseSession')}</div>
           )}
           {screenshots.length > 0 && (
             <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(220px, 1fr))', gap: '12px' }}>
diff --git a/src/pages/views/teamsbot/TeamsbotSettingsView.tsx b/src/pages/views/teamsbot/TeamsbotSettingsView.tsx
index b77d66f..80121c3 100644
--- a/src/pages/views/teamsbot/TeamsbotSettingsView.tsx
+++ b/src/pages/views/teamsbot/TeamsbotSettingsView.tsx
@@ -5,6 +5,8 @@ import type { TeamsbotConfig, ConfigUpdateRequest, VoiceOption } from '../../../
 import { FaPlay, FaSpinner } from 'react-icons/fa';
 import styles from './Teamsbot.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 /** Format voice name for display: "de-DE-Wavenet-A" -> "Wavenet A" + gender */
 function _formatVoiceName(voice: VoiceOption): string {
   const parts = voice.name.split('-');
@@ -18,6 +20,8 @@ function _formatVoiceName(voice: VoiceOption): string {
  * TeamsbotSettingsView - Bot configuration for a feature instance.
  */
 export const TeamsbotSettingsView: React.FC = () => {
+    const { t } = useLanguage();
+
   const { instance } = useCurrentInstance();
   const instanceId = instance?.id || '';
 
@@ -143,7 +147,7 @@ export const TeamsbotSettingsView: React.FC = () => {
     }
   };
 
-  if (loading) return <div className={styles.loading}>Lade Konfiguration...</div>;
+  if (loading) return <div className={styles.loading}>{t('teamsbotSettings.ladeKonfiguration')}</div>;
 
   return (
     <div className={styles.settingsContainer}>
@@ -164,7 +168,7 @@ export const TeamsbotSettingsView: React.FC = () => {
               className={styles.input}
               value={formData.botName || ''}
               onChange={(e) => _updateField('botName', e.target.value)}
-              placeholder="AI Assistant"
+              placeholder={t('teamsbotSettings.aiAssistant')}
             />
             <span className={styles.hint}>
               Default-Name fuer den Bot im Meeting. Falls keiner angegeben, wird der Name des System-Bots verwendet (z.B. "Nyla Larsson").
@@ -183,9 +187,9 @@ export const TeamsbotSettingsView: React.FC = () => {
               value={formData.aiSystemPrompt || ''}
               onChange={(e) => _updateField('aiSystemPrompt', e.target.value)}
               rows={6}
-              placeholder="Beschreibe, wie sich der Bot im Meeting verhalten soll..."
+              placeholder={t('teamsbotSettings.beschreibeWieSichDerBot')}
             />
-            <span className={styles.hint}>Instruktionen fuer den AI-Bot: Wann und wie soll er antworten?</span>
+            <span className={styles.hint}>{t('teamsbotSettings.instruktionenFuerDenAibotWann')}</span>
           </div>
 
           <div className={styles.formGroup}>
@@ -195,9 +199,9 @@ export const TeamsbotSettingsView: React.FC = () => {
               value={formData.responseMode || 'auto'}
               onChange={(e) => _updateField('responseMode', e.target.value)}
             >
-              <option value="auto">Automatisch - AI entscheidet selbst</option>
-              <option value="manual">Manuell - Antworten muessen bestaetigt werden</option>
-              <option value="transcribeOnly">Nur Transkription - Keine AI-Antworten</option>
+              <option value="auto">{t('teamsbotSettings.automatischAiEntscheidetSelbst')}</option>
+              <option value="manual">{t('teamsbotSettings.manuellAntwortenMuessenBestaetigtWerden')}</option>
+              <option value="transcribeOnly">{t('teamsbotSettings.nurTranskriptionKeineAiantworten')}</option>
             </select>
           </div>
 
@@ -208,11 +212,11 @@ export const TeamsbotSettingsView: React.FC = () => {
               value={formData.responseChannel || 'voice'}
               onChange={(e) => _updateField('responseChannel', e.target.value)}
             >
-              <option value="voice">Nur Sprache - Bot antwortet per Audio</option>
-              <option value="chat">Nur Chat - Bot antwortet per Textnachricht</option>
-              <option value="both">Sprache + Chat - Bot antwortet per Audio und Text</option>
+              <option value="voice">{t('teamsbotSettings.nurSpracheBotAntwortetPer')}</option>
+              <option value="chat">{t('teamsbotSettings.nurChatBotAntwortetPer')}</option>
+              <option value="both">{t('teamsbotSettings.spracheChatBotAntwortetPer')}</option>
             </select>
-            <span className={styles.hint}>Wie soll der Bot im Meeting antworten?</span>
+            <span className={styles.hint}>{t('teamsbotSettings.wieSollDerBotIm')}</span>
           </div>
 
           <div className={styles.formGroup}>
@@ -222,9 +226,9 @@ export const TeamsbotSettingsView: React.FC = () => {
               value={formData.transferMode || 'auto'}
               onChange={(e) => _updateField('transferMode', e.target.value)}
             >
-              <option value="auto">Automatisch - System waehlt basierend auf Join-Modus</option>
-              <option value="caption">Captions - Teams Live-Captions (nur Englisch verfuegbar)</option>
-              <option value="audio">Audio-Stream - Echtzeit-Spracherkennung ueber Gateway (alle Sprachen)</option>
+              <option value="auto">{t('teamsbotSettings.automatischSystemWaehltBasierendAuf')}</option>
+              <option value="caption">{t('teamsbotSettings.captionsTeamsLivecaptionsNurEnglisch')}</option>
+              <option value="audio">{t('teamsbotSettings.audiostreamEchtzeitspracherkennungUeberGatewayAlle')}</option>
             </select>
             <span className={styles.hint}>
               Empfehlung: Audio-Stream fuer nicht-englische Meetings verwenden. Teams Live-Captions sind nur auf Englisch verfuegbar und oft ungenau.
@@ -237,7 +241,7 @@ export const TeamsbotSettingsView: React.FC = () => {
           <h4 className={styles.sectionTitle}>Sprach-Einstellungen</h4>
 
           <div className={styles.formGroup}>
-            <label className={styles.label}>Sprache</label>
+            <label className={styles.label}>{t('teamsbotSettings.sprache')}</label>
             <select
               className={styles.select}
               value={formData.language || 'de-DE'}
@@ -249,8 +253,8 @@ export const TeamsbotSettingsView: React.FC = () => {
                 ))
               ) : (
                 <>
-                  <option value="de-DE">Deutsch (Deutschland)</option>
-                  <option value="en-US">English (US)</option>
+                  <option value="de-DE">{t('teamsbotSettings.deutschDeutschland')}</option>
+                  <option value="en-US">{t('teamsbotSettings.englishUs')}</option>
                   <option value="fr-FR">Francais</option>
                 </>
               )}
@@ -259,7 +263,7 @@ export const TeamsbotSettingsView: React.FC = () => {
           </div>
 
           <div className={styles.formGroup}>
-            <label className={styles.label}>Stimme</label>
+            <label className={styles.label}>{t('teamsbotSettings.stimme')}</label>
             <div style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>
               <select
                 className={styles.select}
@@ -279,7 +283,7 @@ export const TeamsbotSettingsView: React.FC = () => {
                 className={styles.testButton || styles.saveButton}
                 onClick={_handleTestVoice}
                 disabled={testingVoice || loadingVoices}
-                title="Stimme testen"
+                title={t('teamsbotSettings.stimmeTesten')}
                 style={{ minWidth: '44px', padding: '8px 12px', display: 'flex', alignItems: 'center', gap: '6px' }}
               >
                 {testingVoice ? <FaSpinner className={styles.spinner} /> : <FaPlay />}
@@ -294,11 +298,11 @@ export const TeamsbotSettingsView: React.FC = () => {
 
         {/* Advanced Settings */}
         <div className={styles.settingsSection}>
-          <h4 className={styles.sectionTitle}>Erweiterte Einstellungen</h4>
+          <h4 className={styles.sectionTitle}>{t('teamsbotSettings.erweiterteEinstellungen')}</h4>
 
           <div className={styles.formRow}>
             <div className={styles.formGroup}>
-              <label className={styles.label}>Analyse-Intervall (Sek.)</label>
+              <label className={styles.label}>{t('teamsbotSettings.analyseintervallSek')}</label>
               <input
                 type="number"
                 className={styles.input}
@@ -307,11 +311,11 @@ export const TeamsbotSettingsView: React.FC = () => {
                 min={3}
                 max={60}
               />
-              <span className={styles.hint}>Periodisches Analyse-Intervall</span>
+              <span className={styles.hint}>{t('teamsbotSettings.periodischesAnalyseintervall')}</span>
             </div>
 
             <div className={styles.formGroup}>
-              <label className={styles.label}>Cooldown (Sek.)</label>
+              <label className={styles.label}>{t('teamsbotSettings.cooldownSek')}</label>
               <input
                 type="number"
                 className={styles.input}
@@ -320,11 +324,11 @@ export const TeamsbotSettingsView: React.FC = () => {
                 min={1}
                 max={30}
               />
-              <span className={styles.hint}>Min. Abstand zwischen AI-Calls</span>
+              <span className={styles.hint}>{t('teamsbotSettings.minAbstandZwischenAicalls')}</span>
             </div>
 
             <div className={styles.formGroup}>
-              <label className={styles.label}>Kontext-Fenster (Segmente)</label>
+              <label className={styles.label}>{t('teamsbotSettings.kontextfensterSegmente')}</label>
               <input
                 type="number"
                 className={styles.input}
@@ -333,20 +337,20 @@ export const TeamsbotSettingsView: React.FC = () => {
                 min={5}
                 max={100}
               />
-              <span className={styles.hint}>Anzahl Transkript-Segmente fuer AI-Kontext</span>
+              <span className={styles.hint}>{t('teamsbotSettings.anzahlTranskriptsegmenteFuerAikontext')}</span>
             </div>
           </div>
 
           <div className={styles.formGroup}>
-            <label className={styles.label}>Browser Bot URL (optional)</label>
+            <label className={styles.label}>{t('teamsbotSettings.browserBotUrlOptional')}</label>
             <input
               type="url"
               className={styles.input}
               value={formData.browserBotUrl || ''}
               onChange={(e) => _updateField('browserBotUrl', e.target.value)}
-              placeholder="Automatisch aus Umgebungskonfiguration"
+              placeholder={t('teamsbotSettings.automatischAusUmgebungskonfiguration')}
             />
-            <span className={styles.hint}>URL des Browser Bot Service. Leer lassen fuer Standard-Konfiguration.</span>
+            <span className={styles.hint}>{t('teamsbotSettings.urlDesBrowserBotService')}</span>
           </div>
 
           <div className={styles.formGroup}>
@@ -372,7 +376,7 @@ export const TeamsbotSettingsView: React.FC = () => {
             onClick={_handleSave}
             disabled={saving}
           >
-            {saving ? 'Speichern...' : 'Konfiguration speichern'}
+            {saving ? t('teamsbotSettings.speichern') : t('teamsbotSettings.konfigurationSpeichern')}
           </button>
         </div>
       </div>
diff --git a/src/pages/views/trustee/TrusteeAccountingSettingsView.tsx b/src/pages/views/trustee/TrusteeAccountingSettingsView.tsx
index 584a458..9a6d3c6 100644
--- a/src/pages/views/trustee/TrusteeAccountingSettingsView.tsx
+++ b/src/pages/views/trustee/TrusteeAccountingSettingsView.tsx
@@ -199,7 +199,7 @@ export const TrusteeAccountingSettingsView: React.FC = () => {
           <div className={styles.setupStep} style={{ marginTop: 0, marginBottom: '1rem' }}>
             <div className={styles.stepNumber} style={{ visibility: 'hidden' }}>0</div>
             <div className={styles.stepContent}>
-              <h4 style={{ marginTop: 0 }}>Sync-Status / Fehlerprotokoll</h4>
+              <h4 style={{ marginTop: 0 }}>{t('trusteeAccountingSettings.syncstatusFehlerprotokoll')}</h4>
               <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
                 {existingConfig.lastSyncAt != null && (
                   <div style={{ fontSize: '0.9rem' }}>
@@ -290,7 +290,7 @@ export const TrusteeAccountingSettingsView: React.FC = () => {
           <div className={styles.setupStep}>
             <div className={styles.stepNumber}>3</div>
             <div className={styles.stepContent}>
-              <h4>Save & Test</h4>
+              <h4>{t('trusteeAccountingSettings.saveTest')}</h4>
               {testResult && (
                 <div className={testResult.success ? styles.successMessage : styles.errorMessage} style={{ marginBottom: '0.75rem' }}>
                   {testResult.success ? t('Verbindung erfolgreich!') : t('Verbindung fehlgeschlagen: {message}', { message: testResult.message || t('Unbekannter Fehler') })}
@@ -340,7 +340,7 @@ export const TrusteeAccountingSettingsView: React.FC = () => {
 
               <div style={{ display: 'flex', gap: '0.75rem', marginBottom: '0.5rem', flexWrap: 'wrap', alignItems: 'flex-end' }}>
                 <div>
-                  <label style={{ display: 'block', fontSize: '0.8rem', marginBottom: '0.2rem' }}>Von (optional)</label>
+                  <label style={{ display: 'block', fontSize: '0.8rem', marginBottom: '0.2rem' }}>{t('trusteeAccountingSettings.vonOptional')}</label>
                   <input type="date" className={styles.folderSelect} value={dateFrom} onChange={e => setDateFrom(e.target.value)} style={{ width: '160px' }} />
                 </div>
                 <div>
diff --git a/src/pages/views/trustee/TrusteeDashboardView.tsx b/src/pages/views/trustee/TrusteeDashboardView.tsx
index dd12b74..d5c8651 100644
--- a/src/pages/views/trustee/TrusteeDashboardView.tsx
+++ b/src/pages/views/trustee/TrusteeDashboardView.tsx
@@ -12,7 +12,11 @@ import { useApiRequest } from '../../../hooks/useApi';
 import { fetchAccountingConfig, fetchSyncStatus, type AccountingConfig, type AccountingSyncStatus } from '../../../api/trusteeApi';
 import styles from './TrusteeViews.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export const TrusteeDashboardView: React.FC = () => {
+    const { t } = useLanguage();
+
   const { instance, instanceId } = useCurrentInstance();
   const { items: positions, loading: posLoading } = useTrusteePositions();
   const { items: documents, loading: docsLoading } = useTrusteeDocuments();
@@ -96,7 +100,7 @@ export const TrusteeDashboardView: React.FC = () => {
               ) : '-'}
             </div>
             <div className={styles.statLabel}>
-              {(instance?.userRoles?.length || 0) === 1 ? 'Deine Rolle' : 'Deine Rollen'}
+              {(instance?.userRoles?.length || 0) === 1 ? t('trusteeDashboard.deineRolle') : t('trusteeDashboard.deineRollen')}
             </div>
           </div>
         </div>
@@ -110,7 +114,7 @@ export const TrusteeDashboardView: React.FC = () => {
             <span className={styles.infoValue}>{instance?.instanceLabel}</span>
           </div>
           <div className={styles.infoItem}>
-            <span className={styles.infoLabel}>Mandant:</span>
+            <span className={styles.infoLabel}>{t('trusteeDashboard.mandant')}</span>
             <span className={styles.infoValue}>{instance?.mandateName}</span>
           </div>
           {accountingConfig?.configured && (
diff --git a/src/pages/views/trustee/TrusteeDocumentsView.tsx b/src/pages/views/trustee/TrusteeDocumentsView.tsx
index 7def6c7..c5acccf 100644
--- a/src/pages/views/trustee/TrusteeDocumentsView.tsx
+++ b/src/pages/views/trustee/TrusteeDocumentsView.tsx
@@ -15,7 +15,11 @@ import { useToast } from '../../../contexts/ToastContext';
 import api from '../../../api';
 import styles from '../../admin/Admin.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export const TrusteeDocumentsView: React.FC = () => {
+    const { t } = useLanguage();
+
   const { showError } = useToast();
   const instanceId = useInstanceId();
   
@@ -181,7 +185,7 @@ export const TrusteeDocumentsView: React.FC = () => {
     <div className={`${styles.adminPage} ${styles.adminPageFill}`}>
       <div className={styles.pageHeader}>
         <div>
-          <p className={styles.pageSubtitle}>Belege und Dokumente verwalten</p>
+          <p className={styles.pageSubtitle}>{t('trusteeDocuments.belegeUndDokumenteVerwalten')}</p>
         </div>
         <div className={styles.headerActions}>
           <button 
@@ -218,11 +222,11 @@ export const TrusteeDocumentsView: React.FC = () => {
               ...(canUpdate ? [{
                 type: 'edit' as const,
                 onAction: handleEditClick,
-                title: 'Bearbeiten',
+                title: t('trusteeDocumentsView.edit'),
               }] : []),
               ...(canDelete ? [{
                 type: 'delete' as const,
-                title: 'Löschen',
+                title: t('trusteeDocumentsView.delete'),
                 loading: (row: TrusteeDocument) => deletingItems.has(row.id),
               }] : []),
             ]}
@@ -231,7 +235,7 @@ export const TrusteeDocumentsView: React.FC = () => {
                 id: 'download',
                 icon: <FaDownload />,
                 onClick: handleDownload,
-                title: 'Herunterladen',
+                title: t('trusteeDocumentsView.download'),
                 loading: (row: TrusteeDocument) => downloadingId === row.id,
               },
             ]}
@@ -244,7 +248,7 @@ export const TrusteeDocumentsView: React.FC = () => {
               handleInlineUpdate,
               updateOptimistically,
             }}
-            emptyMessage="Keine Dokumente gefunden"
+            emptyMessage={t('trusteeDocuments.keineDokumenteGefunden')}
           />
       </div>
 
@@ -254,7 +258,7 @@ export const TrusteeDocumentsView: React.FC = () => {
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
               <h2 className={styles.modalTitle}>
-                {isCreateMode ? 'Neues Dokument' : 'Dokument bearbeiten'}
+                {isCreateMode ? t('trusteeDocuments.neuesDokument') : t('trusteeDocuments.dokumentBearbeiten')}
               </h2>
               <button 
                 className={styles.modalClose}
@@ -267,7 +271,7 @@ export const TrusteeDocumentsView: React.FC = () => {
               {formAttributes.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('trusteeDocuments.ladeFormular')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -276,8 +280,8 @@ export const TrusteeDocumentsView: React.FC = () => {
                   mode={isCreateMode ? 'create' : 'edit'}
                   onSubmit={handleFormSubmit}
                   onCancel={handleCloseModal}
-                  submitButtonText={isCreateMode ? 'Erstellen' : 'Speichern'}
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={isCreateMode ? t('trusteeDocuments.erstellen') : t('trusteeDocuments.speichern')}
+                  cancelButtonText={t('trusteeDocuments.abbrechen')}
                   instanceId={instanceId}
                 />
               )}
diff --git a/src/pages/views/trustee/TrusteeExpenseImportView.tsx b/src/pages/views/trustee/TrusteeExpenseImportView.tsx
index cc99fb9..1821c0a 100644
--- a/src/pages/views/trustee/TrusteeExpenseImportView.tsx
+++ b/src/pages/views/trustee/TrusteeExpenseImportView.tsx
@@ -18,6 +18,8 @@ import api from '../../../api';
 import { _buildExpenseImportGraph, _buildScheduledExpenseImportGraph } from './trusteePipelineGraph';
 import styles from './TrusteeViews.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 const DEFAULT_EXTRACTION_PROMPT = `Du bist ein Spezialist für die Extraktion von Spesendaten aus PDF-Dokumenten und deren buchhalterische Kontierung.
 
 AUFGABE:
@@ -130,6 +132,7 @@ function _extractWorkflowConfig(workflow: any): { connectionReference: string; s
 }
 
 export const TrusteeExpenseImportView: React.FC = () => {
+  const { t } = useLanguage();
   const { instanceId, mandateId } = useCurrentInstance();
   const { connections, createMicrosoftConnectionAndAuth, fetchConnections } = useConnections();
   const { showSuccess, showError } = useToast();
@@ -354,7 +357,7 @@ export const TrusteeExpenseImportView: React.FC = () => {
         kind: 'schedule',
         triggerNodeId: 'trigger-schedule',
         enabled: activate,
-        label: 'Daily at 22:00',
+        label: t('trusteeExpenseImportView.dailyAt2200'),
         config: { cron: DAILY_CRON },
       }];
       
@@ -369,9 +372,7 @@ export const TrusteeExpenseImportView: React.FC = () => {
             invocations,
           }
         );
-        const msg = activate 
-          ? 'Expense import workflow updated and activated!' 
-          : 'Expense import workflow updated and deactivated.';
+        const msg = t('trusteeExpenseImport.expenseImportWorkflowUpdatedAnd');
         setSuccessMessage(msg);
         showSuccess('Success', msg);
       } else {
@@ -466,7 +467,7 @@ export const TrusteeExpenseImportView: React.FC = () => {
   return (
     <div className={styles.listView}>
       <div className={styles.expenseImportSection}>
-        <h3 className={styles.sectionTitle}>Expense Import Setup</h3>
+        <h3 className={styles.sectionTitle}>{t('trusteeExpenseImport.expenseImportSetup')}</h3>
         <p className={styles.sectionDescription}>
           Connect your Microsoft account and select a SharePoint folder containing expense PDFs.
           The system will automatically extract expense data daily and save it as positions.
@@ -475,21 +476,21 @@ export const TrusteeExpenseImportView: React.FC = () => {
             onMouseEnter={() => setShowInfoTooltip(true)}
             onMouseLeave={() => setShowInfoTooltip(false)}
             onClick={() => setShowInfoTooltip(!showInfoTooltip)}
-            title="How it works"
+            title={t('trusteeExpenseImport.howItWorks')}
           >
             ⓘ
           </span>
           {showInfoTooltip && (
             <span className={styles.infoTooltip}>
-              <strong>How it works:</strong>
+              <strong>{t('trusteeExpenseImport.howItWorks')}</strong>
               <ul>
-                <li>Place expense PDF documents (receipts, invoices) in the selected SharePoint folder</li>
-                <li>The system runs daily at 22:00 and processes all PDF files</li>
-                <li>AI extracts expense data: date, amount, VAT, company, description</li>
-                <li>Each expense is saved as a position in this Trustee instance</li>
-                <li>Processed PDFs are moved to a "processed" subfolder</li>
-                <li>Failed PDFs are moved to an "error" subfolder</li>
-                <li>Maximum 50 PDFs are processed per run</li>
+                <li>{t('trusteeExpenseImport.placeExpensePdfDocumentsReceipts')}</li>
+                <li>{t('trusteeExpenseImport.theSystemRunsDailyAt')}</li>
+                <li>{t('trusteeExpenseImport.aiExtractsExpenseDataDate')}</li>
+                <li>{t('trusteeExpenseImport.eachExpenseIsSavedAs')}</li>
+                <li>{t('trusteeExpenseImport.processedPdfsAreMovedTo')}</li>
+                <li>{t('trusteeExpenseImport.failedPdfsAreMovedTo')}</li>
+                <li>{t('trusteeExpenseImport.maximum50PdfsAreProcessed')}</li>
               </ul>
             </span>
           )}
@@ -510,7 +511,7 @@ export const TrusteeExpenseImportView: React.FC = () => {
         {/* Current Status */}
         {!isLoadingWorkflow && existingWorkflow && (
           <div className={existingWorkflow.active ? styles.successMessage : styles.infoBox} style={{ marginBottom: '1rem' }}>
-            <strong>Current Status:</strong> {existingWorkflow.active ? '✓ Active' : '○ Inactive'}
+            <strong>{t('trusteeExpenseImport.currentStatus')}</strong> {existingWorkflow.active ? t('trusteeExpenseImport.active') : t('trusteeExpenseImport.inactive')}
             {existingWorkflow.sharepointFolder && (
               <><br />Folder: {existingWorkflow.sharepointFolder}</>
             )}
@@ -521,7 +522,7 @@ export const TrusteeExpenseImportView: React.FC = () => {
         <div className={styles.setupStep}>
           <div className={styles.stepNumber}>1</div>
           <div className={styles.stepContent}>
-            <h4>Microsoft Connection</h4>
+            <h4>{t('trusteeExpenseImport.microsoftConnection')}</h4>
             {msftConnections.length === 0 ? (
               <button 
                 className={styles.primaryButton}
@@ -551,7 +552,7 @@ export const TrusteeExpenseImportView: React.FC = () => {
                     setSelectedFolder('');
                   }}
                 >
-                  <option value="">Select a Microsoft account...</option>
+                  <option value="">{t('trusteeExpenseImport.selectAMicrosoftAccount')}</option>
                   {msftConnections.map((conn) => (
                     <option key={conn.id} value={conn.id}>
                       {conn.displayLabel || conn.externalUsername || conn.id}
@@ -576,16 +577,16 @@ export const TrusteeExpenseImportView: React.FC = () => {
           <div className={styles.setupStep}>
             <div className={styles.stepNumber}>2</div>
             <div className={styles.stepContent}>
-              <h4>SharePoint Site</h4>
+              <h4>{t('trusteeExpenseImport.sharepointSite')}</h4>
               {isLoadingSites ? (
-                <div className={styles.loadingText}>Loading sites...</div>
+                <div className={styles.loadingText}>{t('trusteeExpenseImport.loadingSites')}</div>
               ) : (
                 <select
                   className={styles.folderSelect}
                   value={selectedSite?.siteId || ''}
                   onChange={(e) => handleSiteChange(e.target.value)}
                 >
-                  <option value="">Select a site...</option>
+                  <option value="">{t('trusteeExpenseImport.selectASite')}</option>
                   {siteOptions.map((site) => (
                     <option key={site.siteId} value={site.siteId}>
                       {site.label}
@@ -602,12 +603,12 @@ export const TrusteeExpenseImportView: React.FC = () => {
           <div className={styles.setupStep}>
             <div className={styles.stepNumber}>3</div>
             <div className={styles.stepContent}>
-              <h4>Expense Folder</h4>
+              <h4>{t('trusteeExpenseImport.expenseFolder')}</h4>
               <p className={styles.activateDescription}>
                 Current path: <strong>{selectedSite.path}/{currentPath || '(root)'}</strong>
               </p>
               {isLoadingFolders ? (
-                <div className={styles.loadingText}>Loading folders...</div>
+                <div className={styles.loadingText}>{t('trusteeExpenseImport.loadingFolders')}</div>
               ) : (
                 <div className={styles.folderBrowser}>
                   <div style={{ display: 'flex', gap: '0.5rem', marginBottom: '0.5rem' }}>
@@ -648,7 +649,7 @@ export const TrusteeExpenseImportView: React.FC = () => {
                       </div>
                     ))}
                     {folderOptions.length === 0 && (
-                      <div className={styles.emptyText}>No subfolders found</div>
+                      <div className={styles.emptyText}>{t('trusteeExpenseImport.noSubfoldersFound')}</div>
                     )}
                   </div>
                   {selectedFolder && (
@@ -667,7 +668,7 @@ export const TrusteeExpenseImportView: React.FC = () => {
           <div className={styles.setupStep}>
             <div className={styles.stepNumber}>4</div>
             <div className={styles.stepContent}>
-              <h4>{existingWorkflow ? 'Update Configuration' : 'Activate Daily Import'}</h4>
+              <h4>{existingWorkflow ? t('trusteeExpenseImport.updateConfiguration') : t('trusteeExpenseImport.activateDailyImport')}</h4>
               <p className={styles.activateDescription}>
                 PDF files in <strong>{selectedFolder}</strong> will be processed daily at 22:00.
                 Successfully processed files will be moved to a "processed" subfolder.
@@ -678,7 +679,7 @@ export const TrusteeExpenseImportView: React.FC = () => {
                   onClick={() => handleSave(true)}
                   disabled={isActivating}
                 >
-                  {isActivating ? 'Saving...' : (existingWorkflow ? 'Save & Activate' : 'Activate Daily Import')}
+                  {isActivating ? 'Saving...' : (existingWorkflow ? t('trusteeExpenseImport.saveActivate') : t('trusteeExpenseImport.activateDailyImport'))}
                 </button>
                 <button
                   className={styles.secondaryButton}
diff --git a/src/pages/views/trustee/TrusteeInstanceRolesView.tsx b/src/pages/views/trustee/TrusteeInstanceRolesView.tsx
index 710deac..1bf9983 100644
--- a/src/pages/views/trustee/TrusteeInstanceRolesView.tsx
+++ b/src/pages/views/trustee/TrusteeInstanceRolesView.tsx
@@ -15,6 +15,8 @@ import { FaUserShield, FaShieldAlt, FaSync, FaChevronDown, FaChevronRight } from
 import api from '../../../api';
 import styles from './TrusteeViews.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 interface InstanceRole {
   id: string;
   roleLabel: string;
@@ -26,6 +28,8 @@ interface InstanceRole {
 }
 
 export const TrusteeInstanceRolesView: React.FC = () => {
+    const { t } = useLanguage();
+
   const { instance } = useCurrentInstance();
   const [roles, setRoles] = useState<InstanceRole[]>([]);
   const [loading, setLoading] = useState(true);
@@ -73,7 +77,7 @@ export const TrusteeInstanceRolesView: React.FC = () => {
   if (!instance) {
     return (
       <div className={styles.viewContainer}>
-        <div className={styles.error}>Keine Feature-Instanz ausgewählt</div>
+        <div className={styles.error}>{t('trusteeInstanceRoles.keineFeatureinstanzAusgewaehlt')}</div>
       </div>
     );
   }
@@ -81,7 +85,7 @@ export const TrusteeInstanceRolesView: React.FC = () => {
   if (loading) {
     return (
       <div className={styles.viewContainer}>
-        <div className={styles.loading}>Lade Instanz-Rollen...</div>
+        <div className={styles.loading}>{t('trusteeInstanceRoles.ladeInstanzrollen')}</div>
       </div>
     );
   }
@@ -129,7 +133,7 @@ export const TrusteeInstanceRolesView: React.FC = () => {
       {roles.length === 0 ? (
         <div className={styles.emptyState}>
           <FaUserShield className={styles.emptyIcon} />
-          <p>Keine Instanz-Rollen gefunden</p>
+          <p>{t('trusteeInstanceRoles.keineInstanzrollenGefunden')}</p>
           <p className={styles.emptyHint}>
             Instanz-Rollen werden automatisch erstellt, wenn Benutzer dieser Instanz zugewiesen werden.
           </p>
diff --git a/src/pages/views/trustee/TrusteePositionDocumentsView.tsx b/src/pages/views/trustee/TrusteePositionDocumentsView.tsx
index 5aaecfa..6a94338 100644
--- a/src/pages/views/trustee/TrusteePositionDocumentsView.tsx
+++ b/src/pages/views/trustee/TrusteePositionDocumentsView.tsx
@@ -13,7 +13,11 @@ import { FormGeneratorForm } from '../../../components/FormGenerator/FormGenerat
 import { FaSync } from 'react-icons/fa';
 import styles from '../../admin/Admin.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export const TrusteePositionDocumentsView: React.FC = () => {
+    const { t } = useLanguage();
+
   const instanceId = useInstanceId();
   
   // Entity hook
@@ -149,7 +153,7 @@ export const TrusteePositionDocumentsView: React.FC = () => {
     <div className={`${styles.adminPage} ${styles.adminPageFill}`}>
       <div className={styles.pageHeader}>
         <div>
-          <p className={styles.pageSubtitle}>Belege mit Buchungspositionen verknüpfen</p>
+          <p className={styles.pageSubtitle}>{t('trusteePositionDocuments.belegeMitBuchungspositionenVerknuepfen')}</p>
         </div>
         <div className={styles.headerActions}>
           <button 
@@ -185,13 +189,13 @@ export const TrusteePositionDocumentsView: React.FC = () => {
             actionButtons={[
               ...(canUpdate ? [{
                 type: 'edit' as const,
-                title: 'Verknüpfung bearbeiten',
+                title: t('trusteePositionDocumentsView.editLink'),
                 onAction: handleEditClick,
                 // Row-level permissions handled automatically by FormGeneratorTable
               }] : []),
               ...(canDelete ? [{
                 type: 'delete' as const,
-                title: 'Verknüpfung entfernen',
+                title: t('trusteePositionDocumentsView.removeLink'),
                 loading: (row: TrusteePositionDocument) => deletingItems.has(row.id),
                 // Row-level permissions handled automatically by FormGeneratorTable
               }] : []),
@@ -203,7 +207,7 @@ export const TrusteePositionDocumentsView: React.FC = () => {
               pagination,
               handleDelete,
             }}
-            emptyMessage="Keine Verknüpfungen gefunden"
+            emptyMessage={t('trusteePositionDocuments.keineVerknuepfungenGefunden')}
           />
       </div>
 
@@ -212,7 +216,7 @@ export const TrusteePositionDocumentsView: React.FC = () => {
         <div className={styles.modalOverlay} onClick={handleCloseModal}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Neue Verknüpfung erstellen</h2>
+              <h2 className={styles.modalTitle}>{t('trusteePositionDocuments.neueVerknuepfungErstellen')}</h2>
               <button 
                 className={styles.modalClose}
                 onClick={handleCloseModal}
@@ -224,7 +228,7 @@ export const TrusteePositionDocumentsView: React.FC = () => {
               {formAttributes.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('trusteePositionDocuments.ladeFormular')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -233,8 +237,8 @@ export const TrusteePositionDocumentsView: React.FC = () => {
                   mode="create"
                   onSubmit={handleFormSubmit}
                   onCancel={handleCloseModal}
-                  submitButtonText="Verknüpfung erstellen"
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={t('trusteePositionDocuments.verknuepfungErstellen')}
+                  cancelButtonText={t('trusteePositionDocuments.abbrechen')}
                   instanceId={instanceId}
                 />
               )}
@@ -248,7 +252,7 @@ export const TrusteePositionDocumentsView: React.FC = () => {
         <div className={styles.modalOverlay} onClick={() => setEditingLink(null)}>
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
-              <h2 className={styles.modalTitle}>Verknüpfung bearbeiten</h2>
+              <h2 className={styles.modalTitle}>{t('trusteePositionDocuments.verknuepfungBearbeiten')}</h2>
               <button 
                 className={styles.modalClose}
                 onClick={() => setEditingLink(null)}
@@ -260,7 +264,7 @@ export const TrusteePositionDocumentsView: React.FC = () => {
               {formAttributes.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('trusteePositionDocuments.ladeFormular')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -269,8 +273,8 @@ export const TrusteePositionDocumentsView: React.FC = () => {
                   mode="edit"
                   onSubmit={handleEditSubmit}
                   onCancel={() => setEditingLink(null)}
-                  submitButtonText="Speichern"
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={t('trusteePositionDocuments.speichern')}
+                  cancelButtonText={t('trusteePositionDocuments.abbrechen')}
                   instanceId={instanceId}
                 />
               )}
diff --git a/src/pages/views/trustee/TrusteePositionsView.tsx b/src/pages/views/trustee/TrusteePositionsView.tsx
index e60b9b6..fefa7f7 100644
--- a/src/pages/views/trustee/TrusteePositionsView.tsx
+++ b/src/pages/views/trustee/TrusteePositionsView.tsx
@@ -18,7 +18,11 @@ import { fetchSyncStatus, syncPositionsToAccounting, type AccountingSyncStatus }
 import { formatAmount, formatPercent } from '../../../utils/formatAmount';
 import styles from '../../admin/Admin.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 export const TrusteePositionsView: React.FC = () => {
+    const { t } = useLanguage();
+
   const instanceId = useInstanceId();
   const { request } = useApiRequest();
   const { showError, showSuccess } = useToast();
@@ -160,7 +164,7 @@ export const TrusteePositionsView: React.FC = () => {
   // Belege column: icon-only download (Beleg, optional later: Bank-Referenz). Max 0, 1 or 2 docs per position.
   const belegeColumn: ColumnConfig = useMemo(() => ({
     key: '_documentRefs',
-    label: 'Belege',
+    label: t('trusteePositionsView.receipts'),
     sortable: false,
     filterable: false,
     searchable: false,
@@ -225,7 +229,7 @@ export const TrusteePositionsView: React.FC = () => {
   const syncStatusColumn: ColumnConfig = useMemo(
     () => ({
       key: '_syncStatus',
-      label: 'Sync-Status',
+      label: t('trusteePositionsView.syncStatus'),
       sortable: false,
       filterable: false,
       searchable: false,
@@ -403,7 +407,7 @@ export const TrusteePositionsView: React.FC = () => {
     <div className={`${styles.adminPage} ${styles.adminPageFill}`}>
       <div className={styles.pageHeader}>
         <div>
-          <p className={styles.pageSubtitle}>Buchungspositionen verwalten</p>
+          <p className={styles.pageSubtitle}>{t('trusteePositions.buchungspositionenVerwalten')}</p>
         </div>
         <div className={styles.headerActions}>
           <button 
@@ -438,7 +442,7 @@ export const TrusteePositionsView: React.FC = () => {
             selectable={true}
             batchActions={[
               {
-                label: 'Buchhaltung synchronisieren',
+                label: t('trusteePositionsView.syncToAccounting'),
                 icon: FaSync,
                 loading: syncingPositionIds.size > 0,
                 onClick: handleBatchSyncToAccounting,
@@ -448,11 +452,11 @@ export const TrusteePositionsView: React.FC = () => {
               ...(canUpdate ? [{
                 type: 'edit' as const,
                 onAction: handleEditClick,
-                title: 'Bearbeiten',
+                title: t('trusteePositionsView.edit'),
               }] : []),
               ...(canDelete ? [{
                 type: 'delete' as const,
-                title: 'Löschen',
+                title: t('trusteePositionsView.delete'),
                 loading: (row: TrusteePosition) => deletingItems.has(row.id),
               }] : []),
             ]}
@@ -460,7 +464,7 @@ export const TrusteePositionsView: React.FC = () => {
               {
                 id: 'sync-accounting',
                 icon: <FaSync />,
-                title: 'In Buchhaltung synchronisieren',
+                title: t('trusteePositionsView.syncToAccountingSingle'),
                 onClick: handleSingleSyncToAccounting,
                 loading: (row: TrusteePosition) => syncingPositionIds.has(row.id),
               },
@@ -474,7 +478,7 @@ export const TrusteePositionsView: React.FC = () => {
               handleInlineUpdate,
               updateOptimistically,
             }}
-            emptyMessage="Keine Positionen gefunden"
+            emptyMessage={t('trusteePositions.keinePositionenGefunden')}
           />
       </div>
 
@@ -484,7 +488,7 @@ export const TrusteePositionsView: React.FC = () => {
           <div className={styles.modal} onClick={e => e.stopPropagation()}>
             <div className={styles.modalHeader}>
               <h2 className={styles.modalTitle}>
-                {isCreateMode ? 'Neue Position' : 'Position bearbeiten'}
+                {isCreateMode ? t('trusteePositions.neuePosition') : t('trusteePositions.positionBearbeiten')}
               </h2>
               <button 
                 className={styles.modalClose}
@@ -497,7 +501,7 @@ export const TrusteePositionsView: React.FC = () => {
               {formAttributes.length === 0 ? (
                 <div className={styles.loadingContainer}>
                   <div className={styles.spinner} />
-                  <span>Lade Formular...</span>
+                  <span>{t('trusteePositions.ladeFormular')}</span>
                 </div>
               ) : (
                 <FormGeneratorForm
@@ -513,8 +517,8 @@ export const TrusteePositionsView: React.FC = () => {
                   mode={isCreateMode ? 'create' : 'edit'}
                   onSubmit={handleFormSubmit}
                   onCancel={handleCloseModal}
-                  submitButtonText={isCreateMode ? 'Erstellen' : 'Speichern'}
-                  cancelButtonText="Abbrechen"
+                  submitButtonText={isCreateMode ? t('trusteePositions.erstellen') : t('trusteePositions.speichern')}
+                  cancelButtonText={t('trusteePositions.abbrechen')}
                   instanceId={instanceId}
                 />
               )}
diff --git a/src/pages/views/trustee/TrusteeScanUploadView.tsx b/src/pages/views/trustee/TrusteeScanUploadView.tsx
index 043cc55..492d423 100644
--- a/src/pages/views/trustee/TrusteeScanUploadView.tsx
+++ b/src/pages/views/trustee/TrusteeScanUploadView.tsx
@@ -17,6 +17,8 @@ import api from '../../../api';
 import { _buildScanUploadGraph } from './trusteePipelineGraph';
 import styles from './TrusteeViews.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 const DEFAULT_EXTRACTION_PROMPT = `Extrahiere Spesendaten aus dem Dokument. Gib Dokumenttyp (INVOICE, EXPENSE_RECEIPT, …) und Datensätze zurück. CSV-Spalten: valuta,company,desc,bookingAmount,bookingCurrency,vatPercentage,vatAmount,debitAccountNumber,creditAccountNumber,tags.`;
 
 interface UploadedEntry {
@@ -37,6 +39,7 @@ const _parseErrorDetail = (detail: unknown): string => {
 };
 
 export const TrusteeScanUploadView: React.FC = () => {
+  const { t } = useLanguage();
   const { instanceId } = useCurrentInstance();
   const { showSuccess, showError } = useToast();
   const fileContext = useContext(FileContext);
@@ -254,7 +257,7 @@ export const TrusteeScanUploadView: React.FC = () => {
   if (!fileContext) {
     return (
       <div className={styles.listView}>
-        <p>File upload is not available in this context.</p>
+        <p>{t('trusteeScanUpload.fileUploadIsNotAvailable')}</p>
       </div>
     );
   }
@@ -262,14 +265,14 @@ export const TrusteeScanUploadView: React.FC = () => {
   return (
     <div className={styles.listView}>
       <div className={styles.expenseImportSection}>
-        <h3 className={styles.sectionTitle}>Scan / Upload</h3>
+        <h3 className={styles.sectionTitle}>{t('trusteeScanUpload.scanUpload')}</h3>
         <p className={styles.sectionDescription}>
           Upload PDF or JPG documents (receipts, invoices). Then start the pipeline: extract data → create positions → sync to accounting.
         </p>
         {error && <div className={styles.errorMessage}>{error}</div>}
         {pipelineState !== 'idle' && (
           <div className={pipelineState === 'error' ? styles.errorMessage : styles.successMessage}>
-            <strong>Pipeline status:</strong> {pipelineState}
+            <strong>{t('trusteeScanUpload.pipelineStatus')}</strong> {pipelineState}
             {pipelineSummary && <div style={{ marginTop: '0.25rem' }}>{pipelineSummary}</div>}
             {pipelineDetail && <div style={{ marginTop: '0.25rem' }}>Latest log: {pipelineDetail}</div>}
             {lastPollAt && (
@@ -305,7 +308,7 @@ export const TrusteeScanUploadView: React.FC = () => {
               onChange={onInputChange}
               disabled={uploadingFile}
               style={{ display: 'none' }}
-              aria-label="Choose files"
+              aria-label={t('trusteeScanUpload.chooseFiles')}
             />
             {uploadingFile ? 'Uploading…' : 'Choose files'}
           </label>
@@ -317,7 +320,7 @@ export const TrusteeScanUploadView: React.FC = () => {
               onChange={onInputChange}
               disabled={uploadingFile}
               style={{ display: 'none' }}
-              aria-label="Take photo"
+              aria-label={t('trusteeScanUpload.takePhoto')}
             />
             Take photo
           </label>
@@ -361,8 +364,8 @@ export const TrusteeScanUploadView: React.FC = () => {
               {isStarting || pipelineState === 'starting'
                 ? 'Starting...'
                 : pipelineState === 'running'
-                  ? 'Pipeline running...'
-                  : 'Start pipeline'}
+                  ? t('trusteeScanUpload.pipelineRunning')
+                  : t('trusteeScanUpload.startPipeline')}
             </button>
           </>
         )}
diff --git a/src/pages/views/workspace/ChatStream.tsx b/src/pages/views/workspace/ChatStream.tsx
index 7f7f8cb..edff9dd 100644
--- a/src/pages/views/workspace/ChatStream.tsx
+++ b/src/pages/views/workspace/ChatStream.tsx
@@ -13,6 +13,8 @@ import { formatBinaryDataSizeBytes } from '../../../utils/formatDataSize';
 import type { Message, MessageDocument } from '../../../components/UiComponents/Messages/MessagesTypes';
 import type { AgentProgress, FileEditProposal } from './useWorkspace';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 interface ChatStreamProps {
   messages: Message[];
   agentProgress: AgentProgress | null;
@@ -23,8 +25,7 @@ interface ChatStreamProps {
   onOpenEditor?: () => void;
 }
 
-export const ChatStream: React.FC<ChatStreamProps> = ({
-  messages,
+export const ChatStream: React.FC<ChatStreamProps> = ({ messages,
   agentProgress,
   isProcessing,
   pendingEdits,
@@ -319,6 +320,7 @@ function _getBubbleBackground(role: string): string {
 }
 
 function _FileCard({ doc }: { doc: MessageDocument }) {
+  const { t } = useLanguage();
   const _handleDownload = useCallback(async () => {
     try {
       const res = await api.get(`/api/files/${doc.fileId}/download`, {
@@ -373,7 +375,7 @@ function _FileCard({ doc }: { doc: MessageDocument }) {
           {ext.toUpperCase()}{sizeLabel ? ` \u00b7 ${sizeLabel}` : ''}
         </div>
       </div>
-      <span style={{ fontSize: 14, color: 'var(--primary-color, #F25843)' }} title="Download">&#x2B07;</span>
+      <span style={{ fontSize: 14, color: 'var(--primary-color, #F25843)' }} title={t('chatStream.download')}>&#x2B07;</span>
     </div>
   );
 }
diff --git a/src/pages/views/workspace/FilePreview.tsx b/src/pages/views/workspace/FilePreview.tsx
index 1a99bc2..8dc7428 100644
--- a/src/pages/views/workspace/FilePreview.tsx
+++ b/src/pages/views/workspace/FilePreview.tsx
@@ -13,6 +13,8 @@ import api from '../../../api';
 import { formatBinaryDataSizeBytes } from '../../../utils/formatDataSize';
 import type { WorkspaceFile } from './useWorkspace';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 interface FilePreviewProps {
   instanceId: string;
   fileId: string | null;
@@ -20,6 +22,7 @@ interface FilePreviewProps {
 }
 
 export const FilePreview: React.FC<FilePreviewProps> = ({ instanceId, fileId, files }) => {
+  const { t } = useLanguage();
   const [content, setContent] = useState<string | null>(null);
   const [loading, setLoading] = useState(false);
   const [previewUrl, setPreviewUrl] = useState<string | null>(null);
@@ -97,7 +100,7 @@ export const FilePreview: React.FC<FilePreviewProps> = ({ instanceId, fileId, fi
       {/* Content area */}
       <div style={{ flex: 1, overflow: 'auto' }}>
         {loading && (
-          <div style={{ padding: 16, textAlign: 'center', color: '#999', fontSize: 12 }}>Loading...</div>
+          <div style={{ padding: 16, textAlign: 'center', color: '#999', fontSize: 12 }}>{t('filePreview.loading')}</div>
         )}
 
         {content !== null && !loading && (
diff --git a/src/pages/views/workspace/NeutralizationPanel.tsx b/src/pages/views/workspace/NeutralizationPanel.tsx
index c8e1179..4d8dfeb 100644
--- a/src/pages/views/workspace/NeutralizationPanel.tsx
+++ b/src/pages/views/workspace/NeutralizationPanel.tsx
@@ -1,6 +1,8 @@
 import React, { useState, useEffect, useCallback, useMemo } from 'react';
 import api from '../../../api';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 const _chatPromptSourceId = '__chat_prompt__';
 const _placeholderRx = /\[([a-z]+)\.([a-f0-9-]{36})\]/g;
 
@@ -141,6 +143,7 @@ function _renderHighlightedText(
 }
 
 const NeutralizationPanel: React.FC<NeutralizationPanelProps> = ({ instanceId }) => {
+  const { t } = useLanguage();
   const [sources, setSources] = useState<NeutralizationSource[]>([]);
   const [selectedSource, setSelectedSource] = useState<string | null>(null);
   const [mappings, setMappings] = useState<NeutralizationMapping[]>([]);
@@ -290,7 +293,7 @@ const NeutralizationPanel: React.FC<NeutralizationPanelProps> = ({ instanceId })
     );
   };
 
-  if (loading) return <div style={{ padding: 16, textAlign: 'center', color: '#6b7280' }}>Lade Neutralisierungsdaten...</div>;
+  if (loading) return <div style={{ padding: 16, textAlign: 'center', color: '#6b7280' }}>{t('neutralizationPanel.ladeNeutralisierungsdaten')}</div>;
 
   const _hasAnyData = sources.length > 0 || snapshots.length > 0;
 
@@ -434,7 +437,7 @@ const NeutralizationPanel: React.FC<NeutralizationPanelProps> = ({ instanceId })
                 <button
                   onClick={() => _handleDeleteMapping(m.id)}
                   style={{ color: '#ef4444', border: 'none', background: 'transparent', cursor: 'pointer', fontSize: '0.9rem', padding: '2px 6px' }}
-                  title="Mapping löschen"
+                  title={t('neutralizationPanel.mappingLoeschen')}
                 >
                   {'\u00D7'}
                 </button>
@@ -447,8 +450,8 @@ const NeutralizationPanel: React.FC<NeutralizationPanelProps> = ({ instanceId })
       {selectedSource && mappings.length === 0 && (
         <div style={{ padding: 16, textAlign: 'center', color: '#9ca3af', fontSize: '0.85rem' }}>
           {selectedSource === _chatPromptSourceId
-            ? 'Keine Mappings ohne Dateizuordnung.'
-            : 'Keine gespeicherten Mappings für diese Datenquelle.'}
+            ? t('neutralizationPanel.keineMappingsOhneDateizuordnung')
+            : t('neutralizationPanel.keineGespeichertenMappingsFuerDiese')}
         </div>
       )}
 
diff --git a/src/pages/views/workspace/WorkspaceEditorPage.tsx b/src/pages/views/workspace/WorkspaceEditorPage.tsx
index 83cf9ee..dc34c77 100644
--- a/src/pages/views/workspace/WorkspaceEditorPage.tsx
+++ b/src/pages/views/workspace/WorkspaceEditorPage.tsx
@@ -17,6 +17,8 @@ import { useWorkspaceEditor, type EditorFileEdit } from './useWorkspaceEditor';
 import { FaArrowLeft, FaCheck, FaTimes, FaCheckDouble, FaBan, FaSync } from 'react-icons/fa';
 import { formatBinaryDataSizeBytes } from '../../../utils/formatDataSize';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 function _getMonacoLanguage(fileName: string): string {
   const ext = fileName.split('.').pop()?.toLowerCase() || '';
   const langMap: Record<string, string> = {
@@ -29,6 +31,8 @@ function _getMonacoLanguage(fileName: string): string {
 }
 
 export const WorkspaceEditorPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const instanceId = useInstanceId() || '';
   const navigate = useNavigate();
   const { mandateId, featureCode, instanceId: routeInstanceId } = useParams<{
@@ -68,7 +72,7 @@ export const WorkspaceEditorPage: React.FC = () => {
         background: 'var(--bg-secondary, #f8f9fa)', flexShrink: 0,
       }}>
         <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
-          <button onClick={_goBack} style={_btnStyle} title="Zurueck zum Dashboard">
+          <button onClick={_goBack} style={_btnStyle} title={t('workspaceEditor.zurueckZumDashboard')}>
             <FaArrowLeft size={14} />
           </button>
           <span style={{ fontWeight: 600, fontSize: 15 }}>
@@ -77,7 +81,7 @@ export const WorkspaceEditorPage: React.FC = () => {
           <span style={{ fontSize: 13, color: '#888' }}>
             {editor.pendingCount} pending
           </span>
-          <button onClick={editor.refresh} style={_btnStyle} title="Aktualisieren">
+          <button onClick={editor.refresh} style={_btnStyle} title={t('workspaceEditor.aktualisieren')}>
             <FaSync size={12} />
           </button>
         </div>
@@ -126,7 +130,7 @@ export const WorkspaceEditorPage: React.FC = () => {
         ) : pendingEdits.length === 0 ? (
           <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%', color: '#888', gap: 12 }}>
             <span style={{ fontSize: 48, opacity: 0.3 }}>✓</span>
-            <span style={{ fontSize: 16 }}>Keine offenen Aenderungsvorschlaege</span>
+            <span style={{ fontSize: 16 }}>{t('workspaceEditor.keineOffenenAenderungsvorschlaege')}</span>
             <button onClick={_goBack} style={{ ..._actionBtnStyle, marginTop: 8 }}>
               Zurueck zum Dashboard
             </button>
diff --git a/src/pages/views/workspace/WorkspaceGeneralSettings.tsx b/src/pages/views/workspace/WorkspaceGeneralSettings.tsx
index 8680b3e..4b91cc8 100644
--- a/src/pages/views/workspace/WorkspaceGeneralSettings.tsx
+++ b/src/pages/views/workspace/WorkspaceGeneralSettings.tsx
@@ -8,6 +8,8 @@ import React, { useState, useEffect, useCallback } from 'react';
 import { useApiRequest } from '../../../hooks/useApi';
 import styles from './WorkspaceGeneralSettings.module.css';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 interface GeneralSettingsProps {
   instanceId: string;
 }
@@ -19,6 +21,7 @@ interface MaxAgentRoundsInfo {
 }
 
 export const WorkspaceGeneralSettings: React.FC<GeneralSettingsProps> = ({ instanceId }) => {
+  const { t } = useLanguage();
   const { request } = useApiRequest();
 
   const [loading, setLoading] = useState(true);
@@ -64,7 +67,7 @@ export const WorkspaceGeneralSettings: React.FC<GeneralSettingsProps> = ({ insta
     try {
       const val = inputValue.trim() === '' ? null : parseInt(inputValue, 10);
       if (val !== null && (isNaN(val) || val < 1 || val > 100)) {
-        setError('Wert muss zwischen 1 und 100 liegen.');
+        setError(t('workspaceGeneralSettings.wertMussZwischen1Und'));
         setSaving(false);
         return;
       }
@@ -78,7 +81,7 @@ export const WorkspaceGeneralSettings: React.FC<GeneralSettingsProps> = ({ insta
         setMaxRoundsInfo(info);
         setInputValue(info.userOverride != null ? String(info.userOverride) : '');
       }
-      setSuccess('Einstellungen gespeichert.');
+      setSuccess(t('workspaceGeneralSettings.einstellungenGespeichert'));
       setTimeout(() => setSuccess(null), 3000);
     } catch (err: any) {
       setError(err?.message || 'Fehler beim Speichern');
@@ -92,14 +95,14 @@ export const WorkspaceGeneralSettings: React.FC<GeneralSettingsProps> = ({ insta
   };
 
   if (loading) {
-    return <div className={styles.loading}>Lade Einstellungen...</div>;
+    return <div className={styles.loading}>{t('workspaceGeneralSettings.ladeEinstellungen')}</div>;
   }
 
   const hasOverride = inputValue.trim() !== '';
 
   return (
     <div className={styles.settings}>
-      <h2 className={styles.heading}>Generelle Einstellungen</h2>
+      <h2 className={styles.heading}>{t('workspaceGeneralSettings.generelleEinstellungen')}</h2>
 
       {error && <div className={styles.error}>{error}</div>}
       {success && <div className={styles.success}>{success}</div>}
@@ -127,7 +130,7 @@ export const WorkspaceGeneralSettings: React.FC<GeneralSettingsProps> = ({ insta
                 type="button"
                 className={styles.removeBtn}
                 onClick={_handleReset}
-                title="Auf Standard zurücksetzen"
+                title={t('workspaceGeneralSettings.aufStandardZuruecksetzen')}
               >
                 Zurücksetzen
               </button>
@@ -148,7 +151,7 @@ export const WorkspaceGeneralSettings: React.FC<GeneralSettingsProps> = ({ insta
         onClick={_handleSave}
         disabled={saving}
       >
-        {saving ? 'Speichern...' : 'Einstellungen speichern'}
+        {saving ? t('workspaceGeneralSettings.speichern') : t('workspaceGeneralSettings.einstellungenSpeichern')}
       </button>
     </div>
   );
diff --git a/src/pages/views/workspace/WorkspaceInput.tsx b/src/pages/views/workspace/WorkspaceInput.tsx
index a2a3a22..21def07 100644
--- a/src/pages/views/workspace/WorkspaceInput.tsx
+++ b/src/pages/views/workspace/WorkspaceInput.tsx
@@ -10,6 +10,8 @@ import { getPageIcon } from '../../../config/pageRegistry';
 import { useVoiceStream } from '../../../hooks/useSpeechAudioCapture';
 import type { WorkspaceFile, DataSource, FeatureDataSource } from './useWorkspace';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 const _STT_LANGUAGES = [
   { code: 'de-DE', label: 'Deutsch' },
   { code: 'en-US', label: 'English (US)' },
@@ -58,8 +60,7 @@ interface WorkspaceInputProps {
   onDraftAppendConsumed?: () => void;
 }
 
-export const WorkspaceInput: React.FC<WorkspaceInputProps> = ({
-  instanceId: _instanceId,
+export const WorkspaceInput: React.FC<WorkspaceInputProps> = ({ instanceId: _instanceId,
   onSend,
   isProcessing,
   onStop,
@@ -78,6 +79,7 @@ export const WorkspaceInput: React.FC<WorkspaceInputProps> = ({
   draftAppend,
   onDraftAppendConsumed,
 }) => {
+  const { t } = useLanguage();
   const [prompt, setPrompt] = useState('');
   const [showAutocomplete, setShowAutocomplete] = useState(false);
   const [autocompleteFilter, setAutocompleteFilter] = useState('');
@@ -509,7 +511,7 @@ export const WorkspaceInput: React.FC<WorkspaceInputProps> = ({
           onChange={_handleChange}
           onKeyDown={_handleKeyDown}
           onPaste={_handlePaste}
-          placeholder="Type a message... Use @filename to reference files"
+          placeholder={t('workspaceInput.typeAMessageUseFilename')}
           disabled={isProcessing}
           style={{
             flex: 1,
@@ -530,7 +532,7 @@ export const WorkspaceInput: React.FC<WorkspaceInputProps> = ({
         <button
           onClick={onFileUploadClick}
           disabled={uploading || isProcessing}
-          title="Datei anhängen"
+          title={t('workspaceInput.dateiAnhaengen')}
           style={{
             width: _controlSize, height: _controlSize, borderRadius: 8, border: '1px solid var(--border-color, #ddd)',
             background: 'var(--secondary-bg, #f5f5f5)',
@@ -548,7 +550,7 @@ export const WorkspaceInput: React.FC<WorkspaceInputProps> = ({
             <button
               onClick={() => setShowSourcePicker(prev => !prev)}
               disabled={isProcessing}
-              title="Datenquellen anhängen"
+              title={t('workspaceInput.datenquellenAnhaengen')}
               style={{
                 width: _controlSize, height: _controlSize, borderRadius: 8, border: '1px solid var(--border-color, #ddd)',
                 background: (attachedDataSourceIds.length + attachedFeatureDataSourceIds.length) > 0 ? '#e8f5e9' : 'var(--secondary-bg, #f5f5f5)',
@@ -666,7 +668,7 @@ export const WorkspaceInput: React.FC<WorkspaceInputProps> = ({
         <div style={{ position: 'relative', display: 'flex', gap: 2 }}>
           <button
             onClick={() => setShowLangPicker(prev => !prev)}
-            title="Sprache waehlen"
+            title={t('workspaceInput.spracheWaehlen')}
             style={{
               height: _controlSize, borderRadius: '8px 0 0 8px', border: '1px solid var(--border-color, #ddd)',
               borderRight: 'none',
@@ -679,7 +681,7 @@ export const WorkspaceInput: React.FC<WorkspaceInputProps> = ({
           </button>
           <button
             onClick={_toggleVoice}
-            title={voiceActive ? 'Aufnahme stoppen' : 'Sprachaufnahme starten'}
+            title={voiceActive ? t('workspaceInput.aufnahmeStoppen') : t('workspaceInput.sprachaufnahmeStarten')}
             style={{
               width: _controlSize, height: _controlSize, borderRadius: '0 8px 8px 0', border: 'none',
               background: voiceActive ? '#f44336' : 'var(--secondary-bg, #f5f5f5)',
@@ -721,7 +723,7 @@ export const WorkspaceInput: React.FC<WorkspaceInputProps> = ({
 
         <button
           onClick={() => setNeutralizeActive(v => !v)}
-          title={neutralizeActive ? 'Neutralisierung aktiv (klicken zum Deaktivieren)' : 'Neutralisierung aus (klicken zum Aktivieren)'}
+          title={neutralizeActive ? t('workspaceInput.neutralisierungAktivKlickenZumDeaktivieren') : t('workspaceInput.neutralisierungAusKlickenZumAktivieren')}
           style={{
             padding: '8px 10px', borderRadius: 8, border: '1px solid',
             borderColor: neutralizeActive ? '#166534' : 'var(--border-color, #d1d5db)',
diff --git a/src/pages/views/workspace/WorkspaceRagInsightsPage.tsx b/src/pages/views/workspace/WorkspaceRagInsightsPage.tsx
index 4a6ade6..65677cf 100644
--- a/src/pages/views/workspace/WorkspaceRagInsightsPage.tsx
+++ b/src/pages/views/workspace/WorkspaceRagInsightsPage.tsx
@@ -23,6 +23,8 @@ import { useApiRequest } from '../../../hooks/useApi';
 import styles from './WorkspaceRagInsightsPage.module.css';
 import { formatBinaryDataSizeBytes } from '../../../utils/formatDataSize';
 
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
 const MIME_LABELS: Record<string, string> = {
   pdf: 'PDF',
   office_doc: 'Office (Text)',
@@ -62,6 +64,8 @@ interface RagStatsResponse {
 }
 
 export const WorkspaceRagInsightsPage: React.FC = () => {
+    const { t } = useLanguage();
+
   const instanceId = useInstanceId();
   const { request } = useApiRequest();
   const [loading, setLoading] = useState(true);
@@ -104,7 +108,7 @@ export const WorkspaceRagInsightsPage: React.FC = () => {
   }
 
   if (loading) {
-    return <div className={styles.wrap} style={{ padding: 24 }}>Lade Kennzahlen …</div>;
+    return <div className={styles.wrap} style={{ padding: 24 }}>{t('workspaceRagInsights.ladeKennzahlen')}</div>;
   }
 
   if (error) {
@@ -147,37 +151,37 @@ export const WorkspaceRagInsightsPage: React.FC = () => {
         <div className={styles.kpiGrid}>
           <div className={styles.kpiCard}>
             <p className={styles.kpiValue}>{kpis.indexedDocuments}</p>
-            <p className={styles.kpiLabel}>Indexierte Dokumente</p>
+            <p className={styles.kpiLabel}>{t('workspaceRagInsights.indexierteDokumente')}</p>
           </div>
           <div className={styles.kpiCard}>
             <p className={styles.kpiValue}>{formatBinaryDataSizeBytes(kpis.indexedBytesTotal)}</p>
-            <p className={styles.kpiLabel}>Indexiertes Datenvolumen (geschätzt)</p>
+            <p className={styles.kpiLabel}>{t('workspaceRagInsights.indexiertesDatenvolumenGeschaetzt')}</p>
           </div>
           <div className={styles.kpiCard}>
             <p className={styles.kpiValue}>{kpis.contentChunks}</p>
-            <p className={styles.kpiLabel}>Inhalts-Fragmente (Chunks)</p>
+            <p className={styles.kpiLabel}>{t('workspaceRagInsights.inhaltsfragmenteChunks')}</p>
           </div>
           <div className={styles.kpiCard}>
             <p className={styles.kpiValue}>
               {kpis.embeddingCoveragePercent}%
             </p>
-            <p className={styles.kpiLabel}>Anteil Fragmente mit Embedding</p>
+            <p className={styles.kpiLabel}>{t('workspaceRagInsights.anteilFragmenteMitEmbedding')}</p>
           </div>
           <div className={styles.kpiCard}>
             <p className={styles.kpiValue}>{kpis.contributorUsers}</p>
-            <p className={styles.kpiLabel}>Beitragende Benutzer (Anzahl)</p>
+            <p className={styles.kpiLabel}>{t('workspaceRagInsights.beitragendeBenutzerAnzahl')}</p>
           </div>
           <div className={styles.kpiCard}>
             <p className={styles.kpiValue}>{kpis.workflowEntities}</p>
-            <p className={styles.kpiLabel}>Workflow-Entitäten (Cache)</p>
+            <p className={styles.kpiLabel}>{t('workspaceRagInsights.workflowentitaetenCache')}</p>
           </div>
         </div>
       )}
 
       <div className={styles.chartBlock}>
-        <h3 className={styles.chartTitle}>Neu indexierte Dokumente pro Tag (letzte Wochen)</h3>
+        <h3 className={styles.chartTitle}>{t('workspaceRagInsights.neuIndexierteDokumenteProTag')}</h3>
         {timeline.length === 0 ? (
-          <p className={styles.meta}>Keine Zeitreihen-Daten für den gewählten Zeitraum.</p>
+          <p className={styles.meta}>{t('workspaceRagInsights.keineZeitreihendatenFuerDenGewaehlten')}</p>
         ) : (
           <ResponsiveContainer width="100%" height={240}>
             <LineChart data={timeline}>
@@ -193,9 +197,9 @@ export const WorkspaceRagInsightsPage: React.FC = () => {
 
       <div className={styles.row2}>
         <div className={styles.chartBlock}>
-          <h3 className={styles.chartTitle}>Dokumente nach Format-Kategorie</h3>
+          <h3 className={styles.chartTitle}>{t('workspaceRagInsights.dokumenteNachFormatkategorie')}</h3>
           {mimeRows.length === 0 ? (
-            <p className={styles.meta}>Keine Daten.</p>
+            <p className={styles.meta}>{t('workspaceRagInsights.keineDaten')}</p>
           ) : (
             <ResponsiveContainer width="100%" height={260}>
               <BarChart data={mimeRows} layout="vertical" margin={{ left: 8, right: 16 }}>
@@ -212,7 +216,7 @@ export const WorkspaceRagInsightsPage: React.FC = () => {
         <div className={styles.chartBlock}>
           <h3 className={styles.chartTitle}>Index-Status</h3>
           {statusRows.length === 0 ? (
-            <p className={styles.meta}>Keine Daten.</p>
+            <p className={styles.meta}>{t('workspaceRagInsights.keineDaten')}</p>
           ) : (
             <ResponsiveContainer width="100%" height={260}>
               <PieChart>
@@ -238,9 +242,9 @@ export const WorkspaceRagInsightsPage: React.FC = () => {
       </div>
 
       <div className={styles.chartBlock}>
-        <h3 className={styles.chartTitle}>Fragmente nach Inhaltstyp</h3>
+        <h3 className={styles.chartTitle}>{t('workspaceRagInsights.fragmenteNachInhaltstyp')}</h3>
         {chunkTypeRows.length === 0 ? (
-          <p className={styles.meta}>Keine Chunk-Daten.</p>
+          <p className={styles.meta}>{t('workspaceRagInsights.keineChunkdaten')}</p>
         ) : (
           <ResponsiveContainer width="100%" height={240}>
             <BarChart data={chunkTypeRows}>
diff --git a/src/pages/views/workspace/WorkspaceSettingsPage.tsx b/src/pages/views/workspace/WorkspaceSettingsPage.tsx
index 60cef32..cef1ae0 100644
--- a/src/pages/views/workspace/WorkspaceSettingsPage.tsx
+++ b/src/pages/views/workspace/WorkspaceSettingsPage.tsx
@@ -9,22 +9,19 @@ import React, { useState } from 'react';
 import { useInstanceId } from '../../../hooks/useCurrentInstance';
 import { WorkspaceGeneralSettings } from './WorkspaceGeneralSettings';
 import NeutralizationPanel from './NeutralizationPanel';
+import { useLanguage } from '../../../providers/language/LanguageContext';
 
 type SettingsTab = 'general' | 'neutralization';
 
-const _TABS: { key: SettingsTab; label: string }[] = [
-  { key: 'general', label: 'Generelle Einstellungen' },
-  { key: 'neutralization', label: 'Neutralisierung (Workspace)' },
-];
-
 export const WorkspaceSettingsPage: React.FC = () => {
+  const { t } = useLanguage();
   const instanceId = useInstanceId();
   const [activeTab, setActiveTab] = useState<SettingsTab>('general');
 
   if (!instanceId) {
     return (
       <div style={{ padding: 32, textAlign: 'center', color: '#999' }}>
-        Keine Workspace-Instanz ausgewaehlt.
+        {t('workspaceSettings.keineInstanzAusgewaehlt')}
       </div>
     );
   }
@@ -38,7 +35,10 @@ export const WorkspaceSettingsPage: React.FC = () => {
         background: 'var(--bg-secondary, #fafafa)',
         flexShrink: 0,
       }}>
-        {_TABS.map(tab => (
+        {([
+          { key: 'general' as SettingsTab, label: t('workspaceSettings.generelleEinstellungen') },
+          { key: 'neutralization' as SettingsTab, label: t('workspaceSettings.neutralisierung') },
+        ]).map(tab => (
           <button
             key={tab.key}
             onClick={() => setActiveTab(tab.key)}
diff --git a/tsc-errors.txt b/tsc-errors.txt
new file mode 100644
index 0000000..28eafbe
Binary files /dev/null and b/tsc-errors.txt differ
diff --git a/tsc-out.txt b/tsc-out.txt
new file mode 100644
index 0000000..9c4f81a
--- /dev/null
+++ b/tsc-out.txt
@@ -0,0 +1,489 @@
+src/components/FlowEditor/nodes/configs/CommentNodeConfig.tsx(8,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/FlowEditor/nodes/configs/CommentNodeConfig.tsx(17,22): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/ConfirmationNodeConfig.tsx(8,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/FlowEditor/nodes/configs/ConfirmationNodeConfig.tsx(17,22): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/ConfirmationNodeConfig.tsx(21,15): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(9,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(61,39): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(61,70): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(78,72): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(78,114): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(96,48): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(97,51): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(98,48): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(115,21): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(119,28): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(123,21): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(127,28): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(131,21): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(135,28): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(139,21): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(143,28): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(147,21): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(151,28): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(161,51): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(176,21): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(180,28): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(184,21): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(188,28): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(198,45): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(217,28): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(225,28): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(230,21): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx(234,28): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/FileCreateNodeConfig.tsx(12,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/FlowEditor/nodes/configs/FileCreateNodeConfig.tsx(46,17): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/FileCreateNodeConfig.tsx(52,28): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/FileCreateNodeConfig.tsx(58,22): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/FileCreateNodeConfig.tsx(59,27): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/FileCreateNodeConfig.tsx(96,17): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/FileCreateNodeConfig.tsx(109,17): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx(13,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx(157,50): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx(157,86): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx(168,19): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx(179,19): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx(194,19): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx(195,19): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx(213,19): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx(217,26): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx(225,21): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx(233,21): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx(10,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx(36,17): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx(40,24): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx(47,21): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx(53,43): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx(53,74): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx(62,21): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx(70,21): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx(74,28): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx(83,19): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx(87,26): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/UploadNodeConfig.tsx(11,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/FlowEditor/nodes/configs/UploadNodeConfig.tsx(42,17): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/configs/UploadNodeConfig.tsx(60,17): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/form/FormNodeConfig.tsx(11,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/FlowEditor/nodes/form/FormNodeConfig.tsx(78,24): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/form/FormNodeConfig.tsx(135,48): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/form/FormNodeConfig.tsx(136,49): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/form/FormNodeConfig.tsx(153,24): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/form/FormNodeConfig.tsx(200,32): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(28,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(157,13): error TS2345: Argument of type 'string' is not assignable to parameter of type 'ApiRequestOptions<any>'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(172,27): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(216,34): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(218,33): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(219,33): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(225,141): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(260,142): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(284,140): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(296,20): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(299,68): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(312,32): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(313,31): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(314,31): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(316,34): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(317,38): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(318,36): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(319,37): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(341,43): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(343,43): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(347,144): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(362,32): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(364,39): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(365,36): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(366,39): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(367,31): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/frontendTypeRenderers/index.tsx(368,31): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/ifElse/IfElseNodeConfig.tsx(15,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/FlowEditor/nodes/ifElse/IfElseNodeConfig.tsx(102,78): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/ifElse/IfElseNodeConfig.tsx(122,33): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/ifElse/IfElseNodeConfig.tsx(144,25): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/ifElse/IfElseNodeConfig.tsx(145,25): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/shared/DataPicker.tsx(14,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/FlowEditor/nodes/shared/DataPicker.tsx(142,51): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/shared/DataPicker.tsx(143,98): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/shared/DataPicker.tsx(184,61): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/shared/DataPicker.tsx(192,43): error TS2345: Argument of type 'CanvasConnection[]' is not assignable to parameter of type '{ source: string; target: string; sourceOutput?: number | undefined; }[]'.
+  Type 'CanvasConnection' is missing the following properties from type '{ source: string; target: string; sourceOutput?: number | undefined; }': source, target
+src/components/FlowEditor/nodes/shared/DynamicValueField.tsx(17,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/FlowEditor/nodes/shared/DynamicValueField.tsx(59,54): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/shared/DynamicValueField.tsx(104,26): error TS2345: Argument of type 'DataRef | SystemVarRef' is not assignable to parameter of type 'DataRef | null'.
+  Type 'SystemVarRef' is missing the following properties from type 'DataRef': nodeId, path
+src/components/FlowEditor/nodes/shared/HybridStaticRefField.tsx(16,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/FlowEditor/nodes/shared/HybridStaticRefField.tsx(87,26): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/shared/LoopItemsSelect.tsx(12,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/FlowEditor/nodes/shared/LoopItemsSelect.tsx(186,15): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx(15,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx(116,29): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx(156,29): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx(157,33): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx(158,34): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx(191,24): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx(197,19): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx(202,26): error TS2304: Cannot find name 't'.
+src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx(208,17): error TS2304: Cannot find name 't'.
+src/components/NotificationBell/NotificationBell.tsx(13,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/NotificationBell/NotificationBell.tsx(161,18): error TS2304: Cannot find name 't'.
+src/components/NotificationBell/NotificationBell.tsx(175,48): error TS2304: Cannot find name 't'.
+src/components/NotificationBell/NotificationBell.tsx(185,21): error TS2304: Cannot find name 't'.
+src/components/NotificationBell/NotificationBell.tsx(255,33): error TS2304: Cannot find name 't'.
+src/components/OnboardingWizard.tsx(4,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/OnboardingWizard.tsx(26,18): error TS2304: Cannot find name 't'.
+src/components/OnboardingWizard.tsx(48,64): error TS2304: Cannot find name 't'.
+src/components/OnboardingWizard.tsx(62,24): error TS2304: Cannot find name 't'.
+src/components/OnboardingWizard.tsx(77,24): error TS2304: Cannot find name 't'.
+src/components/OnboardingWizard.tsx(92,26): error TS2304: Cannot find name 't'.
+src/components/OnboardingWizard.tsx(116,24): error TS2304: Cannot find name 't'.
+src/components/OnboardingWizard.tsx(116,65): error TS2304: Cannot find name 't'.
+src/components/ProviderSelector/ProviderSelector.tsx(21,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/ProviderSelector/ProviderSelector.tsx(145,27): error TS2304: Cannot find name 't'.
+src/components/ProviderSelector/ProviderSelector.tsx(283,16): error TS2304: Cannot find name 't'.
+src/components/ProviderSelector/ProviderSelector.tsx(304,46): error TS2304: Cannot find name 't'.
+src/components/ProviderSelector/ProviderSelector.tsx(348,51): error TS2304: Cannot find name 't'.
+src/components/RbacExportImport/RbacExportImport.tsx(90,53): error TS2304: Cannot find name 't'.
+src/components/UiComponents/AddressAutocomplete/AddressAutocomplete.tsx(7,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/UiComponents/AddressAutocomplete/AddressAutocomplete.tsx(278,55): error TS2304: Cannot find name 't'.
+src/components/UiComponents/AddressAutocomplete/AddressAutocomplete.tsx(288,57): error TS2304: Cannot find name 't'.
+src/components/UiComponents/AutoScroll/AutoScroll.tsx(4,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/UiComponents/AutoScroll/AutoScroll.tsx(152,23): error TS2304: Cannot find name 't'.
+src/components/UiComponents/BauvorschriftenSection/BauvorschriftenSection.tsx(5,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/UiComponents/BauvorschriftenSection/BauvorschriftenSection.tsx(44,49): error TS2304: Cannot find name 't'.
+src/components/UiComponents/BauvorschriftenSection/BauvorschriftenSection.tsx(56,49): error TS2304: Cannot find name 't'.
+src/components/UiComponents/BauvorschriftenSection/BauvorschriftenSection.tsx(68,49): error TS2304: Cannot find name 't'.
+src/components/UiComponents/BauvorschriftenSection/BauvorschriftenSection.tsx(74,49): error TS2304: Cannot find name 't'.
+src/components/UiComponents/BauvorschriftenSection/BauvorschriftenSection.tsx(80,49): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ConnectedFilesList/ConnectedFilesList.tsx(15,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/UiComponents/ConnectedFilesList/ConnectedFilesList.tsx(186,39): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ConnectedFilesList/ConnectedFilesList.tsx(233,52): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ConnectedFilesList/ConnectedFilesList.tsx(233,100): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ConnectedFilesList/ConnectedFilesList.tsx(240,42): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ConnectedFilesList/ConnectedFilesList.tsx(240,82): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ConnectedFilesList/ConnectedFilesList.tsx(250,60): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ConnectedFilesList/ConnectedFilesList.tsx(250,95): error TS2304: Cannot find name 't'.
+src/components/UiComponents/MapView/MapViewLeaflet.tsx(28,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/UiComponents/MapView/MapViewLeaflet.tsx(196,47): error TS2304: Cannot find name 't'.
+src/components/UiComponents/MapView/MapViewLeaflet.tsx(196,107): error TS2304: Cannot find name 't'.
+src/components/UiComponents/MapView/MapViewLeaflet.tsx(209,45): error TS2304: Cannot find name 't'.
+src/components/UiComponents/MapView/MapViewLeaflet.tsx(209,105): error TS2304: Cannot find name 't'.
+src/components/UiComponents/Messages/ChatMessages/ChatMessage.tsx(12,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/UiComponents/Messages/ChatMessages/ChatMessage.tsx(83,20): error TS2304: Cannot find name 't'.
+src/components/UiComponents/Messages/ChatMessages/ChatMessage.tsx(203,28): error TS2304: Cannot find name 't'.
+src/components/UiComponents/Messages/ChatMessages/ChatMessage.tsx(211,28): error TS2304: Cannot find name 't'.
+src/components/UiComponents/Messages/ChatMessages/ChatMessage.tsx(221,26): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(10,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(229,59): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(268,34): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(319,59): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(332,59): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(346,60): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(364,44): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(382,38): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(406,73): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(423,73): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(442,73): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(493,74): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(534,34): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(585,59): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(598,59): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(612,60): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(630,44): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(648,38): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(672,73): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(689,73): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(708,73): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(757,74): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(844,47): error TS2304: Cannot find name 't'.
+src/components/UiComponents/ParcelInfoPanel/ParcelInfoPanel.tsx(1083,47): error TS2304: Cannot find name 't'.
+src/components/UiComponents/Toast/Toast.tsx(23,11): error TS6133: 't' is declared but its value is never read.
+src/components/UiComponents/Toast/Toast.tsx(57,21): error TS2304: Cannot find name 't'.
+src/components/UiComponents/WorkflowStatus/WorkflowStatus.tsx(36,11): error TS6133: 't' is declared but its value is never read.
+src/components/UiComponents/WorkflowStatus/WorkflowStatus.tsx(73,55): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/ChatsTab.tsx(6,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/UnifiedDataBar/ChatsTab.tsx(311,26): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/ChatsTab.tsx(333,56): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/ChatsTab.tsx(341,24): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/ChatsTab.tsx(346,119): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/ChatsTab.tsx(438,36): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/ChatsTab.tsx(438,75): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/FilesTab.tsx(9,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/UnifiedDataBar/FilesTab.tsx(235,56): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/FilesTab.tsx(263,20): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/FilesTab.tsx(286,22): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/FilesTab.tsx(327,28): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/FilesTab.tsx(327,65): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/SourcesTab.tsx(23,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/components/UnifiedDataBar/SourcesTab.tsx(855,42): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/SourcesTab.tsx(855,90): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/SourcesTab.tsx(862,26): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/SourcesTab.tsx(958,32): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/SourcesTab.tsx(988,53): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/SourcesTab.tsx(988,84): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/SourcesTab.tsx(995,36): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/SourcesTab.tsx(1031,49): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/SourcesTab.tsx(1031,80): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/SourcesTab.tsx(1038,32): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/SourcesTab.tsx(1168,20): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/SourcesTab.tsx(1174,82): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/SourcesTab.tsx(1431,18): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/SourcesTab.tsx(1437,80): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/SourcesTab.tsx(1577,20): error TS2304: Cannot find name 't'.
+src/components/UnifiedDataBar/SourcesTab.tsx(1583,82): error TS2304: Cannot find name 't'.
+src/hooks/usePlayground.ts(2,3): error TS2305: Module '"../api/workflowApi"' has no exported member 'Workflow'.
+src/hooks/usePlayground.ts(3,3): error TS2305: Module '"../api/workflowApi"' has no exported member 'WorkflowMessage'.
+src/hooks/usePlayground.ts(4,3): error TS2305: Module '"../api/workflowApi"' has no exported member 'WorkflowLog'.
+src/hooks/usePlayground.ts(5,3): error TS2305: Module '"../api/workflowApi"' has no exported member 'StartWorkflowRequest'.
+src/hooks/usePlayground.ts(6,3): error TS2305: Module '"../api/workflowApi"' has no exported member 'StartWorkflowResponse'.
+src/hooks/usePlayground.ts(7,3): error TS2305: Module '"../api/workflowApi"' has no exported member 'ChatDataResponse'.
+src/hooks/useWorkflows.ts(4,3): error TS2724: '"../api/workflowApi"' has no exported member named 'deleteWorkflowApi'. Did you mean 'deleteWorkflow'?
+src/hooks/useWorkflows.ts(5,3): error TS2724: '"../api/workflowApi"' has no exported member named 'deleteWorkflowsApi'. Did you mean 'deleteWorkflow'?
+src/hooks/useWorkflows.ts(6,3): error TS2724: '"../api/workflowApi"' has no exported member named 'updateWorkflowApi'. Did you mean 'updateWorkflow'?
+src/hooks/useWorkflows.ts(9,3): error TS2305: Module '"../api/workflowApi"' has no exported member 'fetchAttributes'.
+src/hooks/useWorkflows.ts(10,3): error TS2305: Module '"../api/workflowApi"' has no exported member 'startWorkflowApi'.
+src/hooks/useWorkflows.ts(11,3): error TS2305: Module '"../api/workflowApi"' has no exported member 'stopWorkflowApi'.
+src/hooks/useWorkflows.ts(12,3): error TS2305: Module '"../api/workflowApi"' has no exported member 'deleteMessageApi'.
+src/hooks/useWorkflows.ts(13,3): error TS2305: Module '"../api/workflowApi"' has no exported member 'deleteFileFromMessageApi'.
+src/hooks/useWorkflows.ts(14,8): error TS2305: Module '"../api/workflowApi"' has no exported member 'Workflow'.
+src/hooks/useWorkflows.ts(15,8): error TS2305: Module '"../api/workflowApi"' has no exported member 'AttributeDefinition'.
+src/hooks/useWorkflows.ts(16,8): error TS2305: Module '"../api/workflowApi"' has no exported member 'StartWorkflowRequest'.
+src/hooks/useWorkflows.ts(32,15): error TS2305: Module '"../api/workflowApi"' has no exported member 'AttributeDefinition'.
+src/hooks/useWorkflows.ts(132,49): error TS2345: Argument of type 'undefined' is not assignable to parameter of type 'string'.
+src/hooks/useWorkflows.ts(195,72): error TS2345: Argument of type 'string | undefined' is not assignable to parameter of type 'string'.
+  Type 'undefined' is not assignable to type 'string'.
+src/hooks/useWorkflows.ts(196,14): error TS2352: Conversion of type 'Automation2Workflow' to type 'UserWorkflow' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
+  Type 'Automation2Workflow' is missing the following properties from type 'UserWorkflow': mandateId, status
+src/hooks/useWorkflows.ts(247,40): error TS7006: Parameter 'opt' implicitly has an 'any' type.
+src/hooks/useWorkflows.ts(263,40): error TS7006: Parameter 'opt' implicitly has an 'any' type.
+src/layouts/FeatureLayout.tsx(23,9): error TS2304: Cannot find name 't'.
+src/layouts/FeatureLayout.tsx(39,10): error TS2304: Cannot find name 't'.
+src/layouts/FeatureLayout.tsx(62,11): error TS6133: 't' is declared but its value is never read.
+src/pages/admin/AdminFeatureInstanceUsersPage.tsx(13,26): error TS6133: 'FaUsers' is declared but its value is never read.
+src/pages/admin/AdminInvitationsPage.tsx(13,26): error TS6133: 'FaEnvelopeOpenText' is declared but its value is never read.
+src/pages/admin/AdminMandatesPage.tsx(20,26): error TS6133: 'FaBuilding' is declared but its value is never read.
+src/pages/admin/AdminUserMandatesPage.tsx(12,26): error TS6133: 'FaUsers' is declared but its value is never read.
+src/pages/admin/AdminUsersPage.tsx(12,26): error TS6133: 'FaUsers' is declared but its value is never read.
+src/pages/basedata/ConnectionsPage.tsx(12,18): error TS6133: 'FaPlug' is declared but its value is never read.
+src/pages/basedata/FilesPage.tsx(17,18): error TS6133: 'FaFolder' is declared but its value is never read.
+src/pages/billing/BillingDashboard.tsx(12,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/pages/billing/BillingDashboard.tsx(69,56): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingDashboard.tsx(73,44): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingDashboard.tsx(87,14): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingDashboard.tsx(89,43): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingDashboard.tsx(109,14): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingDashboard.tsx(111,43): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingDashboard.tsx(131,14): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingDashboard.tsx(133,43): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingDashboard.tsx(189,14): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingDashboard.tsx(190,41): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingDashboard.tsx(197,46): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingDashboard.tsx(199,55): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingDashboard.tsx(201,43): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingMandateView.tsx(19,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/pages/billing/BillingMandateView.tsx(47,18): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingMandateView.tsx(48,18): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingMandateView.tsx(49,18): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingMandateView.tsx(72,62): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingMandateView.tsx(72,89): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingMandateView.tsx(134,18): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingMandateView.tsx(136,18): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingMandateView.tsx(140,49): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingMandateView.tsx(218,45): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingMandateView.tsx(229,55): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingMandateView.tsx(231,43): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingMandateView.tsx(254,55): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingMandateView.tsx(256,43): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingMandateView.tsx(268,30): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingMandateView.tsx(268,58): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingTransactions.tsx(12,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/pages/billing/BillingTransactions.tsx(98,14): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingTransactions.tsx(99,41): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingTransactions.tsx(106,55): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingTransactions.tsx(108,43): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingTransactions.tsx(116,26): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingTransactions.tsx(118,26): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingTransactions.tsx(122,57): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingTransactions.tsx(140,30): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingTransactions.tsx(140,63): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(20,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/pages/billing/BillingUserView.tsx(93,31): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(108,31): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(121,20): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(122,20): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(123,51): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(125,20): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(144,70): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(227,18): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(228,18): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(230,18): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(234,49): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(314,41): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(323,55): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(325,43): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(350,55): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(352,43): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(368,30): error TS2304: Cannot find name 't'.
+src/pages/billing/BillingUserView.tsx(368,55): error TS2304: Cannot find name 't'.
+src/pages/billing/SubscriptionTab.tsx(413,11): error TS2304: Cannot find name 't'.
+src/pages/billing/SubscriptionTab.tsx(414,11): error TS2304: Cannot find name 't'.
+src/pages/billing/SubscriptionTab.tsx(416,39): error TS2304: Cannot find name 't'.
+src/pages/billing/SubscriptionTab.tsx(416,79): error TS2304: Cannot find name 't'.
+src/pages/billing/SubscriptionTab.tsx(417,46): error TS2304: Cannot find name 't'.
+src/pages/billing/SubscriptionTab.tsx(417,81): error TS2304: Cannot find name 't'.
+src/pages/billing/SubscriptionTab.tsx(418,45): error TS2304: Cannot find name 't'.
+src/pages/billing/SubscriptionTab.tsx(418,80): error TS2304: Cannot find name 't'.
+src/pages/billing/SubscriptionTab.tsx(448,56): error TS2304: Cannot find name 't'.
+src/pages/billing/SubscriptionTab.tsx(475,46): error TS2304: Cannot find name 't'.
+src/pages/billing/SubscriptionTab.tsx(481,29): error TS2304: Cannot find name 't'.
+src/pages/billing/SubscriptionTab.tsx(481,75): error TS2304: Cannot find name 't'.
+src/pages/billing/SubscriptionTab.tsx(499,48): error TS2304: Cannot find name 't'.
+src/pages/billing/SubscriptionTab.tsx(503,20): error TS2304: Cannot find name 't'.
+src/pages/billing/SubscriptionTab.tsx(513,46): error TS2304: Cannot find name 't'.
+src/pages/billing/SubscriptionTab.tsx(515,43): error TS2304: Cannot find name 't'.
+src/pages/Dashboard.tsx(18,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/pages/Dashboard.tsx(74,16): error TS2304: Cannot find name 't'.
+src/pages/Dashboard.tsx(75,43): error TS2304: Cannot find name 't'.
+src/pages/Dashboard.tsx(84,14): error TS2304: Cannot find name 't'.
+src/pages/FeatureView.tsx(54,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/pages/FeatureView.tsx(69,27): error TS2304: Cannot find name 't'.
+src/pages/FeatureView.tsx(69,72): error TS2304: Cannot find name 't'.
+src/pages/FeatureView.tsx(73,46): error TS2304: Cannot find name 't'.
+src/pages/FeatureView.tsx(77,27): error TS2304: Cannot find name 't'.
+src/pages/FeatureView.tsx(84,27): error TS2304: Cannot find name 't'.
+src/pages/FeatureView.tsx(84,75): error TS2304: Cannot find name 't'.
+src/pages/FeatureView.tsx(90,10): error TS2304: Cannot find name 't'.
+src/pages/FeatureView.tsx(91,9): error TS2304: Cannot find name 't'.
+src/pages/FeatureView.tsx(97,10): error TS2304: Cannot find name 't'.
+src/pages/FeatureView.tsx(98,9): error TS2304: Cannot find name 't'.
+src/pages/GDPR.tsx(29,11): error TS6133: 't' is declared but its value is never read.
+src/pages/GDPR.tsx(165,48): error TS2304: Cannot find name 't'.
+src/pages/GDPR.tsx(168,20): error TS2304: Cannot find name 't'.
+src/pages/GDPR.tsx(169,19): error TS2304: Cannot find name 't'.
+src/pages/GDPR.tsx(190,20): error TS2304: Cannot find name 't'.
+src/pages/GDPR.tsx(191,19): error TS2304: Cannot find name 't'.
+src/pages/GDPR.tsx(212,20): error TS2304: Cannot find name 't'.
+src/pages/GDPR.tsx(213,19): error TS2304: Cannot find name 't'.
+src/pages/GDPR.tsx(282,48): error TS2304: Cannot find name 't'.
+src/pages/GDPR.tsx(283,65): error TS2304: Cannot find name 't'.
+src/pages/GDPR.tsx(288,22): error TS2304: Cannot find name 't'.
+src/pages/GDPR.tsx(298,22): error TS2304: Cannot find name 't'.
+src/pages/GDPR.tsx(308,22): error TS2304: Cannot find name 't'.
+src/pages/Register.tsx(47,11): error TS6133: 't' is declared but its value is never read.
+src/pages/Register.tsx(142,26): error TS2304: Cannot find name 't'.
+src/pages/Register.tsx(195,115): error TS2304: Cannot find name 't'.
+src/pages/Register.tsx(199,25): error TS2304: Cannot find name 't'.
+src/pages/Register.tsx(219,24): error TS2304: Cannot find name 't'.
+src/pages/Reset.tsx(40,11): error TS6133: 't' is declared but its value is never read.
+src/pages/Reset.tsx(111,45): error TS2304: Cannot find name 't'.
+src/pages/Reset.tsx(123,26): error TS2304: Cannot find name 't'.
+src/pages/Reset.tsx(151,43): error TS2304: Cannot find name 't'.
+src/pages/Reset.tsx(163,57): error TS2304: Cannot find name 't'.
+src/pages/Reset.tsx(178,106): error TS2304: Cannot find name 't'.
+src/pages/Reset.tsx(196,120): error TS2304: Cannot find name 't'.
+src/pages/Reset.tsx(210,24): error TS2304: Cannot find name 't'.
+src/pages/Store.tsx(140,38): error TS2304: Cannot find name 't'.
+src/pages/Store.tsx(140,65): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(32,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/pages/views/commcoach/CommcoachDossierView.tsx(252,46): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(263,35): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(263,82): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(295,18): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(306,26): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(314,26): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(320,41): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(323,43): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(326,47): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(330,53): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(330,90): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(332,95): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(340,16): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(341,15): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(342,90): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(358,162): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(359,163): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(363,54): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(363,93): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(376,38): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(388,21): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(391,61): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(419,58): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(433,44): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(433,91): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(435,38): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(435,74): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(438,63): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(438,105): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(441,63): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(441,103): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(490,86): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(490,131): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(603,36): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(617,34): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(642,148): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(672,34): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(699,152): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(776,30): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(782,57): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(782,98): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(786,49): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(815,49): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(822,95): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(822,125): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(832,47): error TS2304: Cannot find name 't'.
+src/pages/views/commcoach/CommcoachDossierView.tsx(850,49): error TS2304: Cannot find name 't'.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(120,29): error TS2339: Property 'filter' does not exist on type 'Automation2Workflow[] | { items: Automation2Workflow[]; pagination: any; }'.
+  Property 'filter' does not exist on type '{ items: Automation2Workflow[]; pagination: any; }'.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(121,14): error TS7006: Parameter 'w' implicitly has an 'any' type.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(376,47): error TS2304: Cannot find name 't'.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(391,38): error TS2304: Cannot find name 't'.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(476,83): error TS2304: Cannot find name 't'.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(486,29): error TS2304: Cannot find name 't'.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(600,39): error TS2304: Cannot find name 't'.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(634,22): error TS2304: Cannot find name 't'.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(648,33): error TS2304: Cannot find name 't'.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(648,83): error TS2304: Cannot find name 't'.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(855,41): error TS2304: Cannot find name 't'.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(855,94): error TS2304: Cannot find name 't'.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(871,29): error TS2304: Cannot find name 't'.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(871,79): error TS2304: Cannot find name 't'.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(879,17): error TS2304: Cannot find name 't'.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(920,47): error TS2304: Cannot find name 't'.
+src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx(926,47): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(368,58): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(368,110): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(485,44): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(492,19): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(507,31): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(507,64): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(527,40): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(533,26): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(557,19): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(567,32): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(574,46): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(574,85): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(588,32): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(595,46): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(595,85): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(614,39): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(614,72): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(621,48): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(657,46): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(667,35): error TS2304: Cannot find name 't'.
+src/pages/views/neutralization/NeutralizationView.tsx(682,50): error TS2304: Cannot find name 't'.
+src/pages/views/workspace/ChatStream.tsx(16,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/pages/views/workspace/ChatStream.tsx(377,85): error TS2304: Cannot find name 't'.
+src/pages/views/workspace/FilePreview.tsx(16,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/pages/views/workspace/FilePreview.tsx(102,91): error TS2304: Cannot find name 't'.
+src/pages/views/workspace/NeutralizationPanel.tsx(4,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/pages/views/workspace/NeutralizationPanel.tsx(295,92): error TS2304: Cannot find name 't'.
+src/pages/views/workspace/NeutralizationPanel.tsx(439,26): error TS2304: Cannot find name 't'.
+src/pages/views/workspace/NeutralizationPanel.tsx(452,15): error TS2304: Cannot find name 't'.
+src/pages/views/workspace/NeutralizationPanel.tsx(453,15): error TS2304: Cannot find name 't'.
+src/pages/views/workspace/WorkspaceGeneralSettings.tsx(11,1): error TS6133: 'useLanguage' is declared but its value is never read.
+src/pages/views/workspace/WorkspaceGeneralSettings.tsx(69,18): error TS2304: Cannot find name 't'.
+src/pages/views/workspace/WorkspaceGeneralSettings.tsx(83,18): error TS2304: Cannot find name 't'.
+src/pages/views/workspace/WorkspaceGeneralSettings.tsx(97,45): error TS2304: Cannot find name 't'.
+src/pages/views/workspace/WorkspaceGeneralSettings.tsx(104,39): error TS2304: Cannot find name 't'.
+src/pages/views/workspace/WorkspaceGeneralSettings.tsx(132,24): error TS2304: Cannot find name 't'.
+src/pages/views/workspace/WorkspaceGeneralSettings.tsx(153,19): error TS2304: Cannot find name 't'.
+src/pages/views/workspace/WorkspaceGeneralSettings.tsx(153,61): error TS2304: Cannot find name 't'.