[split-required] Split 700-870 LOC files across all services

backend-lehrer (11 files):
- llm_gateway/routes/schools.py (867 → 5), recording_api.py (848 → 6)
- messenger_api.py (840 → 5), print_generator.py (824 → 5)
- unit_analytics_api.py (751 → 5), classroom/routes/context.py (726 → 4)
- llm_gateway/routes/edu_search_seeds.py (710 → 4)

klausur-service (12 files):
- ocr_labeling_api.py (845 → 4), metrics_db.py (833 → 4)
- legal_corpus_api.py (790 → 4), page_crop.py (758 → 3)
- mail/ai_service.py (747 → 4), github_crawler.py (767 → 3)
- trocr_service.py (730 → 4), full_compliance_pipeline.py (723 → 4)
- dsfa_rag_api.py (715 → 4), ocr_pipeline_auto.py (705 → 4)

website (6 pages):
- audit-checklist (867 → 8), content (806 → 6)
- screen-flow (790 → 4), scraper (789 → 5)
- zeugnisse (776 → 5), modules (745 → 4)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

website/app/admin/content/_components/ContentEditorTabs.tsx

@@ -0,0 +1,184 @@
+'use client'
+
+import { WebsiteContent, FeatureContent } from '@/lib/content-types'
+import HeroEditor from './HeroEditor'
+
+interface ContentEditorTabsProps {
+  activeTab: string
+  content: WebsiteContent
+  isRTL: boolean
+  t: (key: string) => string
+  updateHero: (field: any, value: string) => void
+  updateFeature: (index: number, field: keyof FeatureContent, value: string) => void
+  updateFAQ: (index: number, field: 'question' | 'answer', value: string | string[]) => void
+  addFAQ: () => void
+  removeFAQ: (index: number) => void
+  updatePricing: (index: number, field: string, value: string | number | boolean) => void
+  updateTrust: (key: 'item1' | 'item2' | 'item3', field: 'value' | 'label', value: string) => void
+  updateTestimonial: (field: 'quote' | 'author' | 'role', value: string) => void
+}
+
+export default function ContentEditorTabs(props: ContentEditorTabsProps) {
+  const { activeTab, content, isRTL, t } = props
+  const dir = isRTL ? 'rtl' : 'ltr'
+
+  if (activeTab === 'hero') {
+    return <HeroEditor content={content} isRTL={isRTL} t={t} updateHero={props.updateHero} />
+  }
+
+  if (activeTab === 'features') {
+    return (
+      <div className="space-y-6">
+        <h2 className="text-xl font-semibold text-slate-900">{t('admin_tab_features')}</h2>
+        {content.features.map((feature, index) => (
+          <div key={feature.id} className="border border-slate-200 rounded-lg p-4">
+            <div className="grid gap-4">
+              <div className="grid grid-cols-3 gap-4">
+                <div>
+                  <label className="block text-sm font-medium text-slate-700 mb-1">Icon</label>
+                  <input type="text" value={feature.icon} onChange={(e) => props.updateFeature(index, 'icon', e.target.value)} className="w-full px-3 py-2 border border-slate-300 rounded-lg text-2xl text-center" />
+                </div>
+                <div className="col-span-2">
+                  <label className="block text-sm font-medium text-slate-700 mb-1">Titel</label>
+                  <input type="text" value={feature.title} onChange={(e) => props.updateFeature(index, 'title', e.target.value)} className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" dir={dir} />
+                </div>
+              </div>
+              <div>
+                <label className="block text-sm font-medium text-slate-700 mb-1">Beschreibung</label>
+                <textarea value={feature.description} onChange={(e) => props.updateFeature(index, 'description', e.target.value)} rows={2} className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" dir={dir} />
+              </div>
+            </div>
+          </div>
+        ))}
+      </div>
+    )
+  }
+
+  if (activeTab === 'faq') {
+    return (
+      <div className="space-y-6">
+        <div className={`flex items-center justify-between ${isRTL ? 'flex-row-reverse' : ''}`}>
+          <h2 className="text-xl font-semibold text-slate-900">{t('admin_tab_faq')}</h2>
+          <button onClick={props.addFAQ} className="px-4 py-2 bg-slate-100 text-slate-700 rounded-lg hover:bg-slate-200 transition-colors">{t('admin_add_faq')}</button>
+        </div>
+        {content.faq.map((item, index) => (
+          <div key={index} className="border border-slate-200 rounded-lg p-4">
+            <div className={`flex items-start justify-between gap-4 ${isRTL ? 'flex-row-reverse' : ''}`}>
+              <div className="flex-1 space-y-4">
+                <div>
+                  <label className="block text-sm font-medium text-slate-700 mb-1">{t('admin_question')} {index + 1}</label>
+                  <input type="text" value={item.question} onChange={(e) => props.updateFAQ(index, 'question', e.target.value)} className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" dir={dir} />
+                </div>
+                <div>
+                  <label className="block text-sm font-medium text-slate-700 mb-1">{t('admin_answer')}</label>
+                  <textarea value={item.answer.join('\n')} onChange={(e) => props.updateFAQ(index, 'answer', e.target.value)} rows={4} className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500 font-mono text-sm" dir={dir} />
+                </div>
+              </div>
+              <button onClick={() => props.removeFAQ(index)} className="p-2 text-red-600 hover:bg-red-50 rounded-lg transition-colors" title="Frage entfernen">
+                <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+                </svg>
+              </button>
+            </div>
+          </div>
+        ))}
+      </div>
+    )
+  }
+
+  if (activeTab === 'pricing') {
+    return (
+      <div className="space-y-6">
+        <h2 className="text-xl font-semibold text-slate-900">{t('admin_tab_pricing')}</h2>
+        {content.pricing.map((plan, index) => (
+          <div key={plan.id} className="border border-slate-200 rounded-lg p-4">
+            <div className="grid gap-4">
+              <div className="grid grid-cols-4 gap-4">
+                <div>
+                  <label className="block text-sm font-medium text-slate-700 mb-1">Name</label>
+                  <input type="text" value={plan.name} onChange={(e) => props.updatePricing(index, 'name', e.target.value)} className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" dir={dir} />
+                </div>
+                <div>
+                  <label className="block text-sm font-medium text-slate-700 mb-1">Preis (EUR)</label>
+                  <input type="number" step="0.01" value={plan.price} onChange={(e) => props.updatePricing(index, 'price', e.target.value)} className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" />
+                </div>
+                <div>
+                  <label className="block text-sm font-medium text-slate-700 mb-1">Intervall</label>
+                  <input type="text" value={plan.interval} onChange={(e) => props.updatePricing(index, 'interval', e.target.value)} className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" dir={dir} />
+                </div>
+                <div className="flex items-end">
+                  <label className="flex items-center gap-2">
+                    <input type="checkbox" checked={plan.popular || false} onChange={(e) => props.updatePricing(index, 'popular', e.target.checked)} className="w-4 h-4 text-primary-600 rounded" />
+                    <span className="text-sm text-slate-700">{t('pricing_popular')}</span>
+                  </label>
+                </div>
+              </div>
+              <div>
+                <label className="block text-sm font-medium text-slate-700 mb-1">Beschreibung</label>
+                <input type="text" value={plan.description} onChange={(e) => props.updatePricing(index, 'description', e.target.value)} className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" dir={dir} />
+              </div>
+              <div className="grid grid-cols-2 gap-4">
+                <div>
+                  <label className="block text-sm font-medium text-slate-700 mb-1">{t('pricing_tasks')}</label>
+                  <input type="text" value={plan.features.tasks} onChange={(e) => props.updatePricing(index, 'features.tasks', e.target.value)} className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" dir={dir} />
+                </div>
+                <div>
+                  <label className="block text-sm font-medium text-slate-700 mb-1">Aufgaben-Beschreibung</label>
+                  <input type="text" value={plan.features.taskDescription} onChange={(e) => props.updatePricing(index, 'features.taskDescription', e.target.value)} className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" dir={dir} />
+                </div>
+              </div>
+              <div>
+                <label className="block text-sm font-medium text-slate-700 mb-1">Features (eine pro Zeile)</label>
+                <textarea value={plan.features.included.join('\n')} onChange={(e) => props.updatePricing(index, 'features.included', e.target.value)} rows={4} className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500 font-mono text-sm" dir={dir} />
+              </div>
+            </div>
+          </div>
+        ))}
+      </div>
+    )
+  }
+
+  // 'other' tab
+  return (
+    <div className="space-y-8">
+      <div>
+        <h2 className="text-xl font-semibold text-slate-900 mb-4">Trust Indicators</h2>
+        <div className="grid grid-cols-3 gap-4">
+          {(['item1', 'item2', 'item3'] as const).map((key, index) => (
+            <div key={key} className="border border-slate-200 rounded-lg p-4">
+              <div className="space-y-4">
+                <div>
+                  <label className="block text-sm font-medium text-slate-700 mb-1">Wert {index + 1}</label>
+                  <input type="text" value={content.trust[key].value} onChange={(e) => props.updateTrust(key, 'value', e.target.value)} className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" dir={dir} />
+                </div>
+                <div>
+                  <label className="block text-sm font-medium text-slate-700 mb-1">Label {index + 1}</label>
+                  <input type="text" value={content.trust[key].label} onChange={(e) => props.updateTrust(key, 'label', e.target.value)} className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" dir={dir} />
+                </div>
+              </div>
+            </div>
+          ))}
+        </div>
+      </div>
+      <div>
+        <h2 className="text-xl font-semibold text-slate-900 mb-4">Testimonial</h2>
+        <div className="border border-slate-200 rounded-lg p-4 space-y-4">
+          <div>
+            <label className="block text-sm font-medium text-slate-700 mb-1">Zitat</label>
+            <textarea value={content.testimonial.quote} onChange={(e) => props.updateTestimonial('quote', e.target.value)} rows={3} className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" dir={dir} />
+          </div>
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <label className="block text-sm font-medium text-slate-700 mb-1">Autor</label>
+              <input type="text" value={content.testimonial.author} onChange={(e) => props.updateTestimonial('author', e.target.value)} className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" dir={dir} />
+            </div>
+            <div>
+              <label className="block text-sm font-medium text-slate-700 mb-1">Rolle</label>
+              <input type="text" value={content.testimonial.role} onChange={(e) => props.updateTestimonial('role', e.target.value)} className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" dir={dir} />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

website/app/admin/content/_components/HeroEditor.tsx

@@ -0,0 +1,106 @@
+'use client'
+
+import { WebsiteContent, HeroContent } from '@/lib/content-types'
+
+interface HeroEditorProps {
+  content: WebsiteContent
+  isRTL: boolean
+  t: (key: string) => string
+  updateHero: (field: keyof HeroContent, value: string) => void
+}
+
+export default function HeroEditor({ content, isRTL, t, updateHero }: HeroEditorProps) {
+  const dir = isRTL ? 'rtl' : 'ltr'
+
+  return (
+    <div className="space-y-6">
+      <h2 className="text-xl font-semibold text-slate-900">{t('admin_tab_hero')} Section</h2>
+      <div className="grid gap-4">
+        <div>
+          <label className="block text-sm font-medium text-slate-700 mb-1">Badge</label>
+          <input
+            type="text"
+            value={content.hero.badge}
+            onChange={(e) => updateHero('badge', e.target.value)}
+            className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
+            dir={dir}
+          />
+        </div>
+        <div>
+          <label className="block text-sm font-medium text-slate-700 mb-1">Titel (vor Highlight)</label>
+          <input
+            type="text"
+            value={content.hero.title}
+            onChange={(e) => updateHero('title', e.target.value)}
+            className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
+            dir={dir}
+          />
+        </div>
+        <div className="grid grid-cols-2 gap-4">
+          <div>
+            <label className="block text-sm font-medium text-slate-700 mb-1">Highlight 1</label>
+            <input
+              type="text"
+              value={content.hero.titleHighlight1}
+              onChange={(e) => updateHero('titleHighlight1', e.target.value)}
+              className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
+              dir={dir}
+            />
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-slate-700 mb-1">Highlight 2</label>
+            <input
+              type="text"
+              value={content.hero.titleHighlight2}
+              onChange={(e) => updateHero('titleHighlight2', e.target.value)}
+              className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
+              dir={dir}
+            />
+          </div>
+        </div>
+        <div>
+          <label className="block text-sm font-medium text-slate-700 mb-1">Untertitel</label>
+          <textarea
+            value={content.hero.subtitle}
+            onChange={(e) => updateHero('subtitle', e.target.value)}
+            rows={3}
+            className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
+            dir={dir}
+          />
+        </div>
+        <div className="grid grid-cols-3 gap-4">
+          <div>
+            <label className="block text-sm font-medium text-slate-700 mb-1">CTA Primaer</label>
+            <input
+              type="text"
+              value={content.hero.ctaPrimary}
+              onChange={(e) => updateHero('ctaPrimary', e.target.value)}
+              className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
+              dir={dir}
+            />
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-slate-700 mb-1">CTA Sekundaer</label>
+            <input
+              type="text"
+              value={content.hero.ctaSecondary}
+              onChange={(e) => updateHero('ctaSecondary', e.target.value)}
+              className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
+              dir={dir}
+            />
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-slate-700 mb-1">CTA Hinweis</label>
+            <input
+              type="text"
+              value={content.hero.ctaHint}
+              onChange={(e) => updateHero('ctaHint', e.target.value)}
+              className="w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
+              dir={dir}
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

website/app/admin/content/_components/LivePreviewPanel.tsx

@@ -0,0 +1,74 @@
+'use client'
+
+import { RefObject } from 'react'
+
+interface LivePreviewPanelProps {
+  activeTab: string
+  iframeRef: RefObject<HTMLIFrameElement | null>
+}
+
+export default function LivePreviewPanel({ activeTab, iframeRef }: LivePreviewPanelProps) {
+  return (
+    <div className="bg-white rounded-xl border border-slate-200 shadow-sm overflow-hidden">
+      {/* Preview Header */}
+      <div className="bg-slate-50 border-b border-slate-200 px-4 py-3 flex items-center justify-between">
+        <div className="flex items-center gap-2">
+          <div className="flex gap-1.5">
+            <div className="w-3 h-3 rounded-full bg-red-400"></div>
+            <div className="w-3 h-3 rounded-full bg-yellow-400"></div>
+            <div className="w-3 h-3 rounded-full bg-green-400"></div>
+          </div>
+          <span className="text-xs text-slate-500 ml-2">localhost:3000</span>
+        </div>
+        <div className="flex items-center gap-2">
+          <span className="text-xs font-medium text-slate-600 bg-slate-200 px-2 py-1 rounded">
+            {activeTab === 'hero' && 'Hero Section'}
+            {activeTab === 'features' && 'Features'}
+            {activeTab === 'faq' && 'FAQ'}
+            {activeTab === 'pricing' && 'Pricing'}
+            {activeTab === 'other' && 'Trust & Testimonial'}
+          </span>
+          <button
+            onClick={() => iframeRef.current?.contentWindow?.location.reload()}
+            className="p-1.5 text-slate-500 hover:text-slate-700 hover:bg-slate-200 rounded transition-colors"
+            title="Preview neu laden"
+          >
+            <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
+            </svg>
+          </button>
+        </div>
+      </div>
+      {/* Preview Frame */}
+      <div className="relative h-[calc(100vh-340px)] bg-slate-100">
+        <iframe
+          ref={iframeRef}
+          src={`/?preview=true&section=${activeTab}#${activeTab}`}
+          className="w-full h-full border-0 scale-75 origin-top-left"
+          style={{
+            width: '133.33%',
+            height: '133.33%',
+            transform: 'scale(0.75)',
+            transformOrigin: 'top left',
+          }}
+          title="Website Preview"
+          sandbox="allow-same-origin allow-scripts"
+        />
+        <div className="absolute bottom-4 left-4 right-4 bg-blue-600 text-white px-4 py-2 rounded-lg shadow-lg flex items-center gap-2 text-sm">
+          <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+          </svg>
+          <span>
+            Du bearbeitest: <strong>
+              {activeTab === 'hero' && 'Hero Section (Startbereich)'}
+              {activeTab === 'features' && 'Features (Funktionen)'}
+              {activeTab === 'faq' && 'FAQ (Haeufige Fragen)'}
+              {activeTab === 'pricing' && 'Pricing (Preise)'}
+              {activeTab === 'other' && 'Trust & Testimonial'}
+            </strong>
+          </span>
+        </div>
+      </div>
+    </div>
+  )
+}

website/app/admin/content/_components/types.ts

@@ -0,0 +1,11 @@
+export const ADMIN_KEY = 'breakpilot-admin-2024'
+
+export const SECTION_MAP: Record<string, { selector: string; scrollTo: string }> = {
+  hero: { selector: '#hero', scrollTo: 'hero' },
+  features: { selector: '#features', scrollTo: 'features' },
+  faq: { selector: '#faq', scrollTo: 'faq' },
+  pricing: { selector: '#pricing', scrollTo: 'pricing' },
+  other: { selector: '#trust', scrollTo: 'trust' },
+}
+
+export type ContentTab = 'hero' | 'features' | 'faq' | 'pricing' | 'other'

website/app/admin/content/_components/useContentEditor.ts

@@ -0,0 +1,173 @@
+'use client'
+
+import { useState, useEffect, useRef, useCallback } from 'react'
+import { WebsiteContent, HeroContent, FeatureContent } from '@/lib/content-types'
+import { useLanguage } from '@/lib/LanguageContext'
+import { ADMIN_KEY, SECTION_MAP, ContentTab } from './types'
+
+export function useContentEditor() {
+  const { language, setLanguage, t, isRTL } = useLanguage()
+  const [content, setContent] = useState<WebsiteContent | null>(null)
+  const [loading, setLoading] = useState(true)
+  const [saving, setSaving] = useState(false)
+  const [message, setMessage] = useState<{ type: 'success' | 'error'; text: string } | null>(null)
+  const [activeTab, setActiveTab] = useState<ContentTab>('hero')
+  const [showPreview, setShowPreview] = useState(true)
+  const iframeRef = useRef<HTMLIFrameElement>(null)
+
+  const scrollToSection = useCallback((tab: string) => {
+    if (!iframeRef.current?.contentWindow) return
+    const section = SECTION_MAP[tab]
+    if (section) {
+      try {
+        iframeRef.current.contentWindow.postMessage(
+          { type: 'scrollTo', section: section.scrollTo },
+          '*'
+        )
+      } catch {
+        // Same-origin policy - fallback
+      }
+    }
+  }, [])
+
+  useEffect(() => {
+    scrollToSection(activeTab)
+  }, [activeTab, scrollToSection])
+
+  useEffect(() => {
+    loadContent()
+  }, [])
+
+  async function loadContent() {
+    try {
+      const res = await fetch('/api/content')
+      if (res.ok) {
+        const data = await res.json()
+        setContent(data)
+      } else {
+        setMessage({ type: 'error', text: t('admin_error') })
+      }
+    } catch (error) {
+      setMessage({ type: 'error', text: t('admin_error') })
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  async function saveChanges() {
+    if (!content) return
+    setSaving(true)
+    setMessage(null)
+    try {
+      const res = await fetch('/api/content', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'x-admin-key': ADMIN_KEY,
+        },
+        body: JSON.stringify(content),
+      })
+      if (res.ok) {
+        setMessage({ type: 'success', text: t('admin_saved') })
+      } else {
+        const error = await res.json()
+        setMessage({ type: 'error', text: error.error || t('admin_error') })
+      }
+    } catch (error) {
+      setMessage({ type: 'error', text: t('admin_error') })
+    } finally {
+      setSaving(false)
+    }
+  }
+
+  function updateHero(field: keyof HeroContent, value: string) {
+    if (!content) return
+    setContent({ ...content, hero: { ...content.hero, [field]: value } })
+  }
+
+  function updateFeature(index: number, field: keyof FeatureContent, value: string) {
+    if (!content) return
+    const newFeatures = [...content.features]
+    newFeatures[index] = { ...newFeatures[index], [field]: value }
+    setContent({ ...content, features: newFeatures })
+  }
+
+  function updateFAQ(index: number, field: 'question' | 'answer', value: string | string[]) {
+    if (!content) return
+    const newFAQ = [...content.faq]
+    if (field === 'answer' && typeof value === 'string') {
+      newFAQ[index] = { ...newFAQ[index], answer: value.split('\n') }
+    } else if (field === 'question' && typeof value === 'string') {
+      newFAQ[index] = { ...newFAQ[index], question: value }
+    }
+    setContent({ ...content, faq: newFAQ })
+  }
+
+  function addFAQ() {
+    if (!content) return
+    setContent({
+      ...content,
+      faq: [...content.faq, { question: 'Neue Frage?', answer: ['Antwort hier...'] }],
+    })
+  }
+
+  function removeFAQ(index: number) {
+    if (!content) return
+    const newFAQ = content.faq.filter((_, i) => i !== index)
+    setContent({ ...content, faq: newFAQ })
+  }
+
+  function updatePricing(index: number, field: string, value: string | number | boolean) {
+    if (!content) return
+    const newPricing = [...content.pricing]
+    if (field === 'price') {
+      newPricing[index] = { ...newPricing[index], price: Number(value) }
+    } else if (field === 'popular') {
+      newPricing[index] = { ...newPricing[index], popular: Boolean(value) }
+    } else if (field.startsWith('features.')) {
+      const subField = field.replace('features.', '')
+      if (subField === 'included' && typeof value === 'string') {
+        newPricing[index] = {
+          ...newPricing[index],
+          features: { ...newPricing[index].features, included: value.split('\n') },
+        }
+      } else {
+        newPricing[index] = {
+          ...newPricing[index],
+          features: { ...newPricing[index].features, [subField]: value },
+        }
+      }
+    } else {
+      newPricing[index] = { ...newPricing[index], [field]: value }
+    }
+    setContent({ ...content, pricing: newPricing })
+  }
+
+  function updateTrust(key: 'item1' | 'item2' | 'item3', field: 'value' | 'label', value: string) {
+    if (!content) return
+    setContent({
+      ...content,
+      trust: { ...content.trust, [key]: { ...content.trust[key], [field]: value } },
+    })
+  }
+
+  function updateTestimonial(field: 'quote' | 'author' | 'role', value: string) {
+    if (!content) return
+    setContent({
+      ...content,
+      testimonial: { ...content.testimonial, [field]: value },
+    })
+  }
+
+  return {
+    language, setLanguage, t, isRTL,
+    content, loading, saving, message,
+    activeTab, setActiveTab,
+    showPreview, setShowPreview,
+    iframeRef,
+    saveChanges,
+    updateHero, updateFeature, updateFAQ,
+    addFAQ, removeFAQ, updatePricing,
+    updateTrust, updateTestimonial,
+  }
+}