diff --git a/pflegepilot_v3/frontend/src/app/(app)/patienten/neu-senioren/page.tsx b/pflegepilot_v3/frontend/src/app/(app)/patienten/neu-senioren/page.tsx
deleted file mode 100644
index ed6fbc0..0000000
--- a/pflegepilot_v3/frontend/src/app/(app)/patienten/neu-senioren/page.tsx
+++ /dev/null
@@ -1,1223 +0,0 @@
-"use client";
-
-// TEST-VARIANTE (Design B) - grosse Schrift, hoher Kontrast, groessere
-// Bedienflaechen fuer die aeltere Nutzergruppe. Bewusst eine komplette Kopie
-// von (app)/patienten/neu/page.tsx statt einer gemeinsamen Abstraktion, damit
-// die produktive Seite garantiert unangetastet bleibt - reine Testroute,
-// absichtlich nirgends in der Navigation verlinkt (nur per direktem Link
-// erreichbar: /patienten/neu-senioren). Gleiche Fach-/Speicherlogik wie das
-// Original, nur die JSX-/Style-Ebene wurde angepasst. Skalierung ueber CSS
-// `zoom` (nicht `transform:scale`) auf dem Aussen-Container, damit auch die
-// importierten Unterkomponenten (DateInput, EgkScan, KrankenkasseAutocomplete,
-// InfoTooltip) automatisch mitskalieren, ohne dass diese fuer beide Varianten
-// dupliziert werden muessten - `zoom` veraendert (anders als `transform`)
-// echte Layout-/Boxgroessen, dadurch kein Ueberlappen/Abschneiden.
-
-import { useEffect, useReducer, useState } from "react";
-import { useRouter } from "next/navigation";
-import { usePatientMutations } from "@/lib/patienten";
-import { useAuth } from "@/lib/auth";
-import { usePflegegradFragen, useSchaetzungMutation, useKrankenkasseLand } from "@/lib/pflegegrad";
-import { pruefeVersichertennummer } from "@/lib/versichertennummer";
-import { useKatalog, useRechnerMutation, type RechnerErgebnis } from "@/lib/katalog";
-import { LEISTUNGSERKLAERUNGEN } from "@/lib/leistungserklaerungen";
-import { api } from "@/lib/api";
-import { usePlzSync } from "@/lib/plz";
-import { DateInput } from "@/components/DateInput";
-import { KrankenkasseAutocomplete } from "@/components/KrankenkasseAutocomplete";
-import { InfoTooltip } from "@/components/InfoTooltip";
-import { EgkScan } from "@/components/EgkScan";
-import type { EgkScanErgebnis } from "@/lib/egk";
-
-const STEP_TITEL = [
-  "Persönliche Daten",
-  "Kontakt & Adresse",
-  "Krankenversicherung",
-  "Pflegesituation",
-  "Einschätzung & Pflegeperson",
-  "Leistungen",
-  "Übersicht",
-];
-
-// Groessere, kontrastreichere Bedienelemente fuer diese Design-Variante -
-// bewusst lokal statt der geteilten buttonStyles aus lib/theme.ts, damit hier
-// durchgaengig groessere Schrift/Touch-Flaechen gelten koennen, ohne die dort
-// zentral genutzten (kleineren) Stile fuer die restliche App zu veraendern.
-const seniorBtn = {
-  primary:
-    "inline-flex items-center justify-center gap-2 rounded-xl bg-slate-800 px-7 py-4 text-xl font-bold text-white transition hover:bg-slate-700 disabled:cursor-not-allowed disabled:opacity-50",
-  secondary:
-    "inline-flex items-center justify-center gap-2 rounded-xl border-2 border-slate-500 bg-white px-7 py-4 text-xl font-bold text-slate-800 transition hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-0",
-  success:
-    "inline-flex items-center justify-center gap-2 rounded-xl border-2 border-emerald-400 bg-emerald-50 px-5 py-3 text-lg font-bold text-emerald-800 transition hover:bg-emerald-100",
-  small:
-    "inline-flex items-center justify-center gap-2 rounded-xl border-2 border-slate-400 bg-white px-4 py-2.5 text-base font-bold text-slate-700 transition hover:bg-slate-50",
-};
-
-type WizardData = {
-  vorname: string;
-  nachname: string;
-  geburtsdatum: string | null;
-  strasse: string;
-  plz: string;
-  ort: string;
-  telefon: string;
-  email: string;
-  krankenkasse: string;
-  versichertennummer: string;
-  rentenversicherungsnummer: string;
-  versicherungsart: string;
-  pflegeperson: string;
-  notizen: string;
-  pflegegrad: number;
-};
-
-type WizardState = {
-  step: number;
-  q4sub: number;
-  data: WizardData;
-  antworten: Record<string, number>;
-  zielgruppe: string;
-  ausgewaehlteLeistungen: Set<string>;
-};
-
-const initialState: WizardState = {
-  step: 1,
-  q4sub: 0,
-  ausgewaehlteLeistungen: new Set(),
-  data: {
-    vorname: "",
-    nachname: "",
-    geburtsdatum: null,
-    strasse: "",
-    plz: "",
-    ort: "",
-    telefon: "",
-    email: "",
-    krankenkasse: "",
-    versichertennummer: "",
-    rentenversicherungsnummer: "",
-    versicherungsart: "GKV",
-    pflegeperson: "",
-    notizen: "",
-    pflegegrad: 0,
-  },
-  antworten: {},
-  zielgruppe: "alterspflege",
-};
-
-type Action =
-  | { type: "SET_FIELD"; field: keyof WizardData; value: string | number | null }
-  | { type: "SET_ZIELGRUPPE"; zg: string }
-  | { type: "SET_ANTWORT"; key: string; wert: number }
-  | { type: "TOGGLE_LEISTUNG"; id: string }
-  | { type: "SET_LEISTUNGEN"; add: string[]; remove: string[] }
-  | { type: "NEXT"; total: number }
-  | { type: "BACK"; total: number };
-
-function reducer(state: WizardState, action: Action): WizardState {
-  switch (action.type) {
-    case "SET_FIELD":
-      return { ...state, data: { ...state.data, [action.field]: action.value } };
-    case "TOGGLE_LEISTUNG": {
-      const next = new Set(state.ausgewaehlteLeistungen);
-      next.has(action.id) ? next.delete(action.id) : next.add(action.id);
-      return { ...state, ausgewaehlteLeistungen: next };
-    }
-    case "SET_LEISTUNGEN": {
-      const next = new Set(state.ausgewaehlteLeistungen);
-      action.remove.forEach((id) => next.delete(id));
-      action.add.forEach((id) => next.add(id));
-      return { ...state, ausgewaehlteLeistungen: next };
-    }
-    case "SET_ZIELGRUPPE":
-      return { ...state, zielgruppe: action.zg };
-    case "SET_ANTWORT": {
-      const antworten = { ...state.antworten, [action.key]: action.wert };
-      return { ...state, antworten };
-    }
-    case "NEXT": {
-      if (state.step === 4 && state.zielgruppe !== "beduerftige" && state.q4sub < action.total - 1) {
-        return { ...state, q4sub: state.q4sub + 1 };
-      }
-      if (state.step < STEP_TITEL.length) {
-        const step = state.step + 1;
-        return { ...state, step, q4sub: step === 4 ? 0 : state.q4sub };
-      }
-      return state;
-    }
-    case "BACK": {
-      if (state.step === 4 && state.zielgruppe !== "beduerftige" && state.q4sub > 0) {
-        return { ...state, q4sub: state.q4sub - 1 };
-      }
-      if (state.step > 1) {
-        const step = state.step - 1;
-        return {
-          ...state,
-          step,
-          q4sub: step === 4 ? (state.zielgruppe === "beduerftige" ? 0 : action.total - 1) : state.q4sub,
-        };
-      }
-      return state;
-    }
-    default:
-      return state;
-  }
-}
-
-export default function NeuerPatientSeniorenPage() {
-  const router = useRouter();
-  const { anlegen } = usePatientMutations();
-  const { meQuery } = useAuth();
-  const { data: fragenData, isLoading: fragenLoading } = usePflegegradFragen();
-  const schaetzung = useSchaetzungMutation();
-  const rechner = useRechnerMutation();
-
-  const [state, dispatch] = useReducer(reducer, initialState);
-  const total = 1 + (fragenData?.fragen.length ?? 5);
-
-  const [error, setError] = useState<string | null>(null);
-  const [berechtigungBestaetigt, setBerechtigungBestaetigt] = useState(false);
-  const [versichertennummerBeruehrt, setVersichertennummerBeruehrt] = useState(false);
-  const [hatEigeneEmail, setHatEigeneEmail] = useState(true);
-  const kontoEmail = meQuery.data?.email ?? null;
-
-  const eigeneEmailUmschalten = (checked: boolean) => {
-    setHatEigeneEmail(checked);
-    if (checked) {
-      dispatch({ type: "SET_FIELD", field: "email", value: "" });
-    } else if (kontoEmail) {
-      dispatch({ type: "SET_FIELD", field: "email", value: kontoEmail });
-    }
-  };
-
-  const [adresseWieKonto, setAdresseWieKonto] = useState(false);
-  const me = meQuery.data;
-  const kontoAdresse =
-    me?.rg_strasse && me?.rg_plz && me?.rg_ort
-      ? { strasse: me.rg_strasse, plz: me.rg_plz, ort: me.rg_ort }
-      : null;
-
-  const adresseWieKontoUmschalten = (checked: boolean) => {
-    setAdresseWieKonto(checked);
-    if (checked && kontoAdresse) {
-      dispatch({ type: "SET_FIELD", field: "strasse", value: kontoAdresse.strasse });
-      dispatch({ type: "SET_FIELD", field: "plz", value: kontoAdresse.plz });
-      dispatch({ type: "SET_FIELD", field: "ort", value: kontoAdresse.ort });
-    } else if (!checked) {
-      dispatch({ type: "SET_FIELD", field: "strasse", value: "" });
-      dispatch({ type: "SET_FIELD", field: "plz", value: "" });
-      dispatch({ type: "SET_FIELD", field: "ort", value: "" });
-    }
-  };
-
-  const krankenkasseLand = useKrankenkasseLand(state.data.krankenkasse);
-  const versichertennummerFehler = pruefeVersichertennummer(
-    state.data.versichertennummer,
-    krankenkasseLand,
-    state.data.versicherungsart
-  );
-
-  const next = () => {
-    if (state.step === 1 && (!state.data.vorname.trim() || !state.data.nachname.trim())) {
-      setError("Bitte Vor- und Nachname eintragen");
-      return;
-    }
-    if (state.step === 3 && versichertennummerFehler) {
-      setVersichertennummerBeruehrt(true);
-      return;
-    }
-    setError(null);
-    dispatch({ type: "NEXT", total });
-  };
-  const back = () => dispatch({ type: "BACK", total });
-
-  useEffect(() => {
-    if (state.step === 5 && Object.keys(state.antworten).length > 0) {
-      schaetzung.mutate(state.antworten);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [state.step]);
-
-  useEffect(() => {
-    if (state.step === 7) {
-      rechner.mutate({ pflegegrad: state.data.pflegegrad, zielgruppe: state.zielgruppe });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [state.step]);
-
-  useEffect(() => {
-    if (schaetzung.data && state.data.pflegegrad === 0) {
-      dispatch({ type: "SET_FIELD", field: "pflegegrad", value: schaetzung.data.vorschlag });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [schaetzung.data]);
-
-  const speichern = async () => {
-    setError(null);
-    try {
-      await speichernIntern();
-    } catch (e) {
-      setError(e instanceof Error ? e.message : "Speichern fehlgeschlagen");
-    }
-  };
-
-  const speichernIntern = async () => {
-    const patient = await anlegen.mutateAsync({
-      vorname: state.data.vorname,
-      nachname: state.data.nachname,
-      geburtsdatum: state.data.geburtsdatum ?? undefined,
-      strasse: state.data.strasse || undefined,
-      plz: state.data.plz || undefined,
-      ort: state.data.ort || undefined,
-      telefon: state.data.telefon || undefined,
-      email: state.data.email || undefined,
-      krankenkasse: state.data.krankenkasse || undefined,
-      versichertennummer: state.data.versichertennummer || undefined,
-      rentenversicherungsnummer: state.data.rentenversicherungsnummer || undefined,
-      versicherungsart: state.data.versicherungsart,
-      pflegeperson: state.data.pflegeperson || undefined,
-      notizen: state.data.notizen || undefined,
-      pflegegrad: state.data.pflegegrad,
-      zielgruppe: state.zielgruppe,
-      berechtigung_bestaetigt: berechtigungBestaetigt,
-    });
-
-    let leistungenFehler = false;
-    if (state.ausgewaehlteLeistungen.size > 0) {
-      try {
-        await api(`/api/patienten/${patient.id}/leistungen/katalog`, {
-          method: "POST",
-          body: JSON.stringify({ katalog_ids: [...state.ausgewaehlteLeistungen] }),
-        });
-      } catch {
-        leistungenFehler = true;
-      }
-    }
-    router.push(`/patienten/${patient.id}${leistungenFehler ? "?leistungen_fehler=1" : ""}`);
-  };
-
-  return (
-    <div className="mx-auto max-w-3xl p-4">
-      <div className="mb-4 rounded-lg border border-amber-300 bg-amber-50 px-4 py-2 text-sm font-medium text-amber-800">
-        Testversion &bdquo;Große Schrift&ldquo; – nur zum internen Ausprobieren, nicht verlinkt.
-      </div>
-
-      {/* zoom statt transform:scale, damit importierte Unterkomponenten
-          (DateInput, EgkScan, KrankenkasseAutocomplete, InfoTooltip) ohne
-          eigene Kopie automatisch mitskalieren und die Boxgroesse im Layout
-          korrekt mitwaechst (kein Ueberlappen wie bei transform:scale). */}
-      <div style={{ zoom: 1.3 }}>
-        <h1 className="mb-2 text-4xl font-bold text-slate-900">Neuer Patient</h1>
-        <p className="mb-6 text-xl text-slate-700">
-          Ein kurzes Interview – ohne KI, nur einfache Fragen zur Pflegesituation.
-        </p>
-
-        <StepDots current={state.step} />
-
-        <div className="mt-8 rounded-2xl border-2 border-slate-300 bg-white p-8 shadow-sm">
-          {state.step === 1 && <Step1 state={state} dispatch={dispatch} />}
-          {state.step === 2 && (
-            <Step2
-              state={state}
-              dispatch={dispatch}
-              hatEigeneEmail={hatEigeneEmail}
-              onHatEigeneEmailChange={eigeneEmailUmschalten}
-              kontoEmail={kontoEmail}
-              adresseWieKonto={adresseWieKonto}
-              onAdresseWieKontoChange={adresseWieKontoUmschalten}
-              kontoAdresse={kontoAdresse}
-            />
-          )}
-          {state.step === 3 && (
-            <Step3
-              state={state}
-              dispatch={dispatch}
-              fehler={versichertennummerBeruehrt ? versichertennummerFehler : null}
-              onVersichertennummerBlur={() => setVersichertennummerBeruehrt(true)}
-            />
-          )}
-          {state.step === 4 &&
-            (fragenLoading || !fragenData ? (
-              <p className="text-xl text-slate-700">Lädt…</p>
-            ) : (
-              <Step4 state={state} dispatch={dispatch} fragenData={fragenData} total={total} />
-            ))}
-          {state.step === 5 && (
-            <Step5 state={state} dispatch={dispatch} schaetzung={schaetzung.data} />
-          )}
-          {state.step === 6 && <StepLeistungen state={state} dispatch={dispatch} />}
-          {state.step === 7 && (
-            <StepUebersicht
-              state={state}
-              rechner={rechner.data}
-              berechtigungBestaetigt={berechtigungBestaetigt}
-              onBerechtigungChange={setBerechtigungBestaetigt}
-            />
-          )}
-
-          {error && <p className="mt-4 text-lg font-semibold text-red-700">{error}</p>}
-
-          <div className="mt-8 flex justify-between gap-3">
-            <button
-              type="button"
-              onClick={back}
-              disabled={state.step === 1 && state.q4sub === 0}
-              className={seniorBtn.secondary}
-            >
-              Zurück
-            </button>
-            {state.step < 7 ? (
-              <button type="button" onClick={next} className={seniorBtn.primary}>
-                Weiter
-              </button>
-            ) : (
-              <button
-                type="button"
-                onClick={speichern}
-                disabled={anlegen.isPending || !berechtigungBestaetigt}
-                className={seniorBtn.primary}
-              >
-                Patient speichern
-              </button>
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function StepDots({ current }: { current: number }) {
-  return (
-    <div>
-      <div className="flex items-center">
-        {STEP_TITEL.map((t, i) => {
-          const n = i + 1;
-          const done = n < current;
-          const on = n === current;
-          return (
-            <div key={t} className="flex flex-1 items-center last:flex-none">
-              <div
-                title={t}
-                className={`flex h-11 w-11 shrink-0 items-center justify-center rounded-full text-base font-bold ${
-                  on
-                    ? "bg-slate-800 text-white ring-4 ring-slate-300"
-                    : done
-                    ? "bg-emerald-600 text-white"
-                    : "border-2 border-slate-500 text-slate-700"
-                }`}
-              >
-                {done ? "✓" : n}
-              </div>
-              {n < STEP_TITEL.length && <div className="mx-1 h-1 flex-1 rounded-full bg-slate-300" />}
-            </div>
-          );
-        })}
-      </div>
-      {/* Aktueller Schrittname sichtbar als Text statt nur als Hover-Tooltip
-          (title-Attribut) - fuer Touch-Bedienung/aeltere Nutzer nicht
-          verlaesslich erreichbar. */}
-      <p className="mt-3 text-center text-lg font-bold text-slate-800">
-        Schritt {current} von {STEP_TITEL.length}: {STEP_TITEL[current - 1]}
-      </p>
-    </div>
-  );
-}
-
-function Field({
-  label,
-  value,
-  onChange,
-  required,
-  maxLength,
-  name,
-  autoComplete = "off",
-}: {
-  label: string;
-  value: string;
-  onChange: (v: string) => void;
-  required?: boolean;
-  maxLength?: number;
-  name?: string;
-  autoComplete?: string;
-}) {
-  return (
-    <div>
-      <label className="mb-1.5 block text-lg font-semibold text-slate-800">
-        {label}
-        {required && " *"}
-      </label>
-      <input
-        name={name}
-        autoComplete={autoComplete}
-        value={value}
-        onChange={(e) => onChange(e.target.value)}
-        maxLength={maxLength}
-        className="w-full rounded-xl border-2 border-slate-400 px-4 py-3 text-lg text-slate-900"
-      />
-    </div>
-  );
-}
-
-function Step1({
-  state,
-  dispatch,
-}: {
-  state: WizardState;
-  dispatch: React.Dispatch<Action>;
-}) {
-  const egkUebernehmen = (ergebnis: EgkScanErgebnis) => {
-    if (ergebnis.vorname) dispatch({ type: "SET_FIELD", field: "vorname", value: ergebnis.vorname });
-    if (ergebnis.nachname) dispatch({ type: "SET_FIELD", field: "nachname", value: ergebnis.nachname });
-    if (ergebnis.geburtsdatum)
-      dispatch({ type: "SET_FIELD", field: "geburtsdatum", value: ergebnis.geburtsdatum });
-    if (ergebnis.krankenkasse)
-      dispatch({ type: "SET_FIELD", field: "krankenkasse", value: ergebnis.krankenkasse });
-    if (ergebnis.versichertennummer)
-      dispatch({
-        type: "SET_FIELD",
-        field: "versichertennummer",
-        value: ergebnis.versichertennummer,
-      });
-  };
-
-  return (
-    <div className="flex flex-col gap-5">
-      <p className="text-xl font-semibold text-slate-800">
-        Wie heißt die Person, die Sie anmelden möchten?
-      </p>
-      <EgkScan onErgebnis={egkUebernehmen} />
-      <Field
-        label="Vorname"
-        required
-        name="patient_vorname"
-        autoComplete="off"
-        value={state.data.vorname}
-        onChange={(v) => dispatch({ type: "SET_FIELD", field: "vorname", value: v })}
-      />
-      <Field
-        label="Nachname"
-        required
-        name="patient_nachname"
-        autoComplete="off"
-        value={state.data.nachname}
-        onChange={(v) => dispatch({ type: "SET_FIELD", field: "nachname", value: v })}
-      />
-      <DateInput
-        value={state.data.geburtsdatum}
-        onChange={(iso) => dispatch({ type: "SET_FIELD", field: "geburtsdatum", value: iso })}
-        label="Geburtsdatum"
-      />
-    </div>
-  );
-}
-
-function Step2({
-  state,
-  dispatch,
-  hatEigeneEmail,
-  onHatEigeneEmailChange,
-  kontoEmail,
-  adresseWieKonto,
-  onAdresseWieKontoChange,
-  kontoAdresse,
-}: {
-  state: WizardState;
-  dispatch: React.Dispatch<Action>;
-  hatEigeneEmail: boolean;
-  onHatEigeneEmailChange: (checked: boolean) => void;
-  kontoEmail: string | null;
-  adresseWieKonto: boolean;
-  onAdresseWieKontoChange: (checked: boolean) => void;
-  kontoAdresse: { strasse: string; plz: string; ort: string } | null;
-}) {
-  usePlzSync(
-    state.data.plz,
-    (v) => dispatch({ type: "SET_FIELD", field: "ort", value: v }),
-    !adresseWieKonto
-  );
-
-  return (
-    <div className="flex flex-col gap-5">
-      {kontoAdresse && (
-        <label className="flex items-center gap-3 text-lg text-slate-800">
-          <input
-            type="checkbox"
-            checked={adresseWieKonto}
-            onChange={(e) => onAdresseWieKontoChange(e.target.checked)}
-            className="h-6 w-6 shrink-0"
-          />
-          Adresse wie mein Konto verwenden
-        </label>
-      )}
-
-      {adresseWieKonto && kontoAdresse ? (
-        <div className="rounded-xl border-2 border-slate-300 bg-slate-50 p-4 text-lg text-slate-800">
-          Es wird Ihre eigene Adresse verwendet:{" "}
-          <span className="font-bold text-slate-900">
-            {kontoAdresse.strasse}, {kontoAdresse.plz} {kontoAdresse.ort}
-          </span>
-        </div>
-      ) : (
-        <>
-          <Field
-            label="Straße"
-            name="patient_strasse"
-            autoComplete="off"
-            value={state.data.strasse}
-            onChange={(v) => dispatch({ type: "SET_FIELD", field: "strasse", value: v })}
-          />
-          <div className="flex gap-3">
-            <div className="w-2/5">
-              <Field
-                label="PLZ"
-                name="patient_plz"
-                autoComplete="off"
-                value={state.data.plz}
-                onChange={(v) => dispatch({ type: "SET_FIELD", field: "plz", value: v })}
-                maxLength={5}
-              />
-            </div>
-            <div className="flex-1">
-              <Field
-                label="Ort"
-                name="patient_ort"
-                autoComplete="off"
-                value={state.data.ort}
-                onChange={(v) => dispatch({ type: "SET_FIELD", field: "ort", value: v })}
-              />
-            </div>
-          </div>
-        </>
-      )}
-      <Field
-        label="Telefon"
-        name="patient_telefon"
-        autoComplete="off"
-        value={state.data.telefon}
-        onChange={(v) => dispatch({ type: "SET_FIELD", field: "telefon", value: v })}
-      />
-
-      <label className="flex items-center gap-3 text-lg text-slate-800">
-        <input
-          type="checkbox"
-          checked={hatEigeneEmail}
-          onChange={(e) => onHatEigeneEmailChange(e.target.checked)}
-          className="h-6 w-6 shrink-0"
-        />
-        Patient hat eine eigene E-Mail-Adresse
-      </label>
-
-      {!hatEigeneEmail && kontoEmail && (
-        <div className="rounded-xl border-2 border-slate-300 bg-slate-50 p-4 text-lg text-slate-800">
-          Es wird stattdessen Ihre eigene E-Mail-Adresse verwendet:{" "}
-          <span className="font-bold text-slate-900">{kontoEmail}</span>
-        </div>
-      )}
-
-      {(hatEigeneEmail || !kontoEmail) && (
-        <Field
-          label="E-Mail"
-          name="patient_email"
-          autoComplete="off"
-          value={state.data.email}
-          onChange={(v) => dispatch({ type: "SET_FIELD", field: "email", value: v })}
-        />
-      )}
-
-      {!hatEigeneEmail && !kontoEmail && (
-        <p className="text-lg text-slate-700">
-          Für Ihr Konto ist keine E-Mail-Adresse hinterlegt – bitte hier eine E-Mail-Adresse
-          eintragen, unter der der Patient bzw. Sie erreichbar sind.
-        </p>
-      )}
-    </div>
-  );
-}
-
-function Step3({
-  state,
-  dispatch,
-  fehler,
-  onVersichertennummerBlur,
-}: {
-  state: WizardState;
-  dispatch: React.Dispatch<Action>;
-  fehler: string | null;
-  onVersichertennummerBlur: () => void;
-}) {
-  return (
-    <div className="flex flex-col gap-5">
-      <KrankenkasseAutocomplete
-        value={state.data.krankenkasse}
-        onChange={(v) => dispatch({ type: "SET_FIELD", field: "krankenkasse", value: v })}
-      />
-      <div>
-        <label className="mb-1.5 block text-lg font-semibold text-slate-800">Versichertennummer</label>
-        <input
-          name="versichertennummer"
-          autoComplete="off"
-          value={state.data.versichertennummer}
-          onChange={(e) =>
-            dispatch({ type: "SET_FIELD", field: "versichertennummer", value: e.target.value })
-          }
-          onBlur={onVersichertennummerBlur}
-          className={`w-full rounded-xl border-2 px-4 py-3 text-lg text-slate-900 ${
-            fehler ? "border-red-500" : "border-slate-400"
-          }`}
-        />
-        {fehler ? (
-          <p className="mt-1.5 text-base font-semibold text-red-700">{fehler}</p>
-        ) : (
-          <p className="mt-1.5 text-base text-slate-600">
-            Format hängt von der Krankenkasse ab (DE z. B. A123456789).
-          </p>
-        )}
-      </div>
-      <Field
-        label="Rentenversicherungsnummer (optional)"
-        name="rentenversicherungsnummer"
-        autoComplete="off"
-        value={state.data.rentenversicherungsnummer}
-        onChange={(v) => dispatch({ type: "SET_FIELD", field: "rentenversicherungsnummer", value: v })}
-      />
-      <div>
-        <label className="mb-1.5 block text-lg font-semibold text-slate-800">Versicherungsart</label>
-        <select
-          value={state.data.versicherungsart}
-          onChange={(e) =>
-            dispatch({ type: "SET_FIELD", field: "versicherungsart", value: e.target.value })
-          }
-          className="w-full rounded-xl border-2 border-slate-400 px-4 py-3 text-lg text-slate-900"
-        >
-          <option value="GKV">Gesetzlich (GKV)</option>
-          <option value="PKV">Privat (PKV)</option>
-        </select>
-      </div>
-    </div>
-  );
-}
-
-function TeilschritteAuswahl({
-  frage,
-  antwortWert,
-  onChange,
-}: {
-  frage: { key: string; frage: string; teilschritte: string[] };
-  antwortWert: number | undefined;
-  onChange: (wert: number) => void;
-}) {
-  const [checked, setChecked] = useState<Set<number>>(() => {
-    if (antwortWert === undefined) return new Set();
-    const anzahlAngekreuzt = frage.teilschritte.length - antwortWert;
-    return new Set(Array.from({ length: anzahlAngekreuzt }, (_, i) => i));
-  });
-
-  const toggle = (i: number) => {
-    const next = new Set(checked);
-    if (next.has(i)) next.delete(i);
-    else next.add(i);
-    setChecked(next);
-    onChange(frage.teilschritte.length - next.size);
-  };
-
-  return (
-    <div>
-      <p className="mb-4 text-xl font-semibold text-slate-800">{frage.frage}</p>
-      <p className="mb-3 text-lg text-slate-700">Was kann die Person noch selbstständig?</p>
-      <div className="flex flex-col gap-3">
-        {frage.teilschritte.map((t, i) => (
-          <label
-            key={i}
-            className={`flex cursor-pointer items-start gap-3 rounded-xl border-2 px-4 py-3 text-left text-lg ${
-              checked.has(i) ? "border-slate-800 bg-slate-100 font-semibold text-slate-900" : "border-slate-400 text-slate-800"
-            }`}
-          >
-            <input
-              type="checkbox"
-              checked={checked.has(i)}
-              onChange={() => toggle(i)}
-              className="mt-1 h-6 w-6 shrink-0 rounded border-slate-400"
-            />
-            {t}
-          </label>
-        ))}
-      </div>
-    </div>
-  );
-}
-
-function Step4({
-  state,
-  dispatch,
-  fragenData,
-  total,
-}: {
-  state: WizardState;
-  dispatch: React.Dispatch<Action>;
-  fragenData: { fragen: { key: string; frage: string; teilschritte: string[] }[]; zielgruppen: { label: string; zg: string; hinweis: string }[] };
-  total: number;
-}) {
-  return (
-    <div>
-      {state.zielgruppe !== "beduerftige" && (
-        <div className="mb-5 flex gap-1.5">
-          {Array.from({ length: total }, (_, i) => (
-            <div
-              key={i}
-              className={`h-2 flex-1 rounded-full ${i <= state.q4sub ? "bg-slate-800" : "bg-slate-300"}`}
-            />
-          ))}
-        </div>
-      )}
-
-      {state.q4sub === 0 ? (
-        <div>
-          <p className="mb-4 text-xl font-semibold text-slate-800">
-            Worum geht es bei der Pflegesituation in erster Linie?
-          </p>
-          <div className="flex flex-col gap-3">
-            {fragenData.zielgruppen.map((o) => (
-              <button
-                key={o.zg}
-                type="button"
-                onClick={() => dispatch({ type: "SET_ZIELGRUPPE", zg: o.zg })}
-                className={`rounded-xl border-2 px-4 py-3 text-left ${
-                  state.zielgruppe === o.zg
-                    ? "border-slate-800 bg-slate-100"
-                    : "border-slate-400"
-                }`}
-              >
-                <div className="text-lg font-bold text-slate-900">{o.label}</div>
-                <div className="text-base text-slate-700">{o.hinweis}</div>
-              </button>
-            ))}
-          </div>
-          {state.zielgruppe === "beduerftige" && (
-            <p className="mt-4 text-base text-slate-700">
-              Für diese Auswahl ist keine Pflegegrad-Einschätzung vorgesehen – &bdquo;Weiter&ldquo;
-              führt direkt zum nächsten Schritt.
-            </p>
-          )}
-        </div>
-      ) : (
-        (() => {
-          const frage = fragenData.fragen[state.q4sub - 1];
-          return (
-            <TeilschritteAuswahl
-              key={frage.key}
-              frage={frage}
-              antwortWert={state.antworten[frage.key]}
-              onChange={(wert) => dispatch({ type: "SET_ANTWORT", key: frage.key, wert })}
-            />
-          );
-        })()
-      )}
-    </div>
-  );
-}
-
-function Step5({
-  state,
-  dispatch,
-  schaetzung,
-}: {
-  state: WizardState;
-  dispatch: React.Dispatch<Action>;
-  schaetzung?: { summe: number; von: number; bis: number; vorschlag: number };
-}) {
-  return (
-    <div className="flex flex-col gap-5">
-      <div className="rounded-xl border-2 border-amber-300 bg-amber-50 p-4 text-lg text-amber-900">
-        {state.zielgruppe === "beduerftige" ? (
-          <>
-            Für diese Zielgruppe ist in der Regel <strong>keine Pflegegrad-Einschätzung</strong>{" "}
-            nach SGB XI vorgesehen – hier geht es meist um Grundsicherung oder andere
-            Sozialleistungen. Falls trotzdem bereits ein Pflegegrad festgestellt wurde, kann er
-            unten eingetragen werden.
-          </>
-        ) : schaetzung ? (
-          <>
-            Grober Anhaltspunkt: <strong>Pflegegrad {schaetzung.von}–{schaetzung.bis}</strong>.
-            Das ist <strong>keine offizielle Feststellung</strong> – nur der Medizinische Dienst
-            kann per Begutachtung einen verbindlichen Pflegegrad bescheinigen.
-          </>
-        ) : (
-          "Schätzung wird berechnet…"
-        )}
-      </div>
-
-      <div>
-        <label className="mb-2 block text-lg font-semibold text-slate-800">
-          Vermuteter Pflegegrad
-        </label>
-        <div className="flex flex-wrap gap-2.5">
-          {[0, 1, 2, 3, 4, 5].map((g) => (
-            <button
-              key={g}
-              type="button"
-              onClick={() => dispatch({ type: "SET_FIELD", field: "pflegegrad", value: g })}
-              className={`rounded-full px-5 py-2.5 text-lg font-bold ${
-                state.data.pflegegrad === g
-                  ? "bg-slate-800 text-white"
-                  : "border-2 border-slate-400 text-slate-800"
-              }`}
-            >
-              {g === 0 ? "keiner" : g}
-            </button>
-          ))}
-        </div>
-      </div>
-
-      <Field
-        label="Pflegeperson"
-        name="pflegeperson"
-        autoComplete="off"
-        value={state.data.pflegeperson}
-        onChange={(v) => dispatch({ type: "SET_FIELD", field: "pflegeperson", value: v })}
-      />
-
-      <div>
-        <label className="mb-1.5 block text-lg font-semibold text-slate-800">
-          Notizen / Diagnosen
-        </label>
-        <textarea
-          value={state.data.notizen}
-          onChange={(e) => dispatch({ type: "SET_FIELD", field: "notizen", value: e.target.value })}
-          rows={3}
-          className="w-full rounded-xl border-2 border-slate-400 px-4 py-3 text-lg text-slate-900"
-        />
-      </div>
-    </div>
-  );
-}
-
-const LEISTUNGS_FRAGEN: {
-  key: string;
-  frage: string;
-  ueberspringenWennHeim?: boolean;
-  optionen: { label: string; ids: string[] }[];
-}[] = [
-  {
-    key: "betreuungsform",
-    frage: "Wie wird die Person hauptsächlich gepflegt?",
-    optionen: [
-      { label: "Zuhause, nur durch Angehörige oder Freunde", ids: ["pk_pflegegeld", "pk_beratungsbesuch"] },
-      { label: "Zuhause, nur durch einen professionellen Pflegedienst", ids: ["pk_sachleistung"] },
-      { label: "Zuhause, gemischt (Angehörige und Pflegedienst)", ids: ["pk_kombination", "pk_beratungsbesuch"] },
-      { label: "Dauerhaft in einem Pflegeheim", ids: ["pk_stationaer", "pk_leistungszuschlag"] },
-    ],
-  },
-  {
-    key: "tagespflege",
-    frage: "Wird zusätzlich stundenweise Betreuung in einer Einrichtung gebraucht (Tages- oder Nachtpflege)?",
-    ueberspringenWennHeim: true,
-    optionen: [
-      { label: "Ja", ids: ["pk_tagespflege"] },
-      { label: "Nein", ids: [] },
-    ],
-  },
-  {
-    key: "ersatzpflege",
-    frage:
-      "Fällt die Pflegeperson gelegentlich aus (Urlaub, Krankheit) oder wird eine vorübergehende Unterbringung gebraucht (z. B. nach einem Krankenhausaufenthalt)?",
-    ueberspringenWennHeim: true,
-    optionen: [
-      { label: "Ja", ids: ["pk_verhinderung", "pk_kurzzeitpflege", "pk_jahresbetrag"] },
-      { label: "Nein", ids: [] },
-    ],
-  },
-  {
-    key: "entlastung",
-    frage: "Wird zusätzliche Alltagshilfe gebraucht (Haushalt, Einkaufen, Betreuung, Gesellschaft)?",
-    optionen: [
-      { label: "Ja", ids: ["pk_entlastung"] },
-      { label: "Nein", ids: [] },
-    ],
-  },
-  {
-    key: "hilfsmittel",
-    frage:
-      "Werden Pflegehilfsmittel gebraucht – Verbrauchsmaterial (z. B. Handschuhe, Bettschutz) oder Technik (z. B. Pflegebett, Hausnotruf)?",
-    ueberspringenWennHeim: true,
-    optionen: [
-      { label: "Ja", ids: ["pk_hilfsmittel_verbrauch", "pk_hilfsmittel_tech"] },
-      { label: "Nein", ids: [] },
-    ],
-  },
-  {
-    key: "wohnumfeld",
-    frage: "Muss die Wohnung umgebaut werden, damit die Pflege zuhause möglich bleibt (z. B. Badumbau, Treppenlift)?",
-    ueberspringenWennHeim: true,
-    optionen: [
-      { label: "Ja", ids: ["pk_wohnumfeld"] },
-      { label: "Nein", ids: [] },
-    ],
-  },
-  {
-    key: "beruf",
-    frage: "Ist die Pflegeperson deswegen beruflich zurückgetreten oder arbeitet weniger als 30 Stunden pro Woche?",
-    optionen: [
-      { label: "Ja", ids: ["pk_rente", "pk_alo", "pk_unfall"] },
-      { label: "Nein", ids: [] },
-    ],
-  },
-  {
-    key: "schulung",
-    frage: "Möchte die Pflegeperson eine kostenlose Schulung zum Thema Pflege besuchen?",
-    optionen: [
-      { label: "Ja", ids: ["pk_pflegekurse"] },
-      { label: "Nein", ids: [] },
-    ],
-  },
-];
-
-function StepLeistungen({ state, dispatch }: { state: WizardState; dispatch: React.Dispatch<Action> }) {
-  const { data: katalog, isLoading } = useKatalog({
-    zielgruppe: state.zielgruppe,
-    pflegegrad: state.data.pflegegrad,
-  });
-  const [frageIndex, setFrageIndex] = useState(0);
-  const [gewaehlt, setGewaehlt] = useState<Record<string, number>>({});
-  const [uebersprungen, setUebersprungen] = useState(false);
-
-  const heimGewaehlt = gewaehlt.betreuungsform === 3;
-  const sichtbareFragen = LEISTUNGS_FRAGEN.filter((f) => !(f.ueberspringenWennHeim && heimGewaehlt));
-  const aktuelleFrage = sichtbareFragen[frageIndex];
-  const gefuehrtErledigt = uebersprungen || !aktuelleFrage;
-
-  function waehleOption(optIdx: number) {
-    if (!aktuelleFrage) return;
-    const alleIds = aktuelleFrage.optionen.flatMap((o) => o.ids);
-    const gewaehlteIds = aktuelleFrage.optionen[optIdx].ids;
-    dispatch({
-      type: "SET_LEISTUNGEN",
-      add: gewaehlteIds,
-      remove: alleIds.filter((id) => !gewaehlteIds.includes(id)),
-    });
-    setGewaehlt((g) => ({ ...g, [aktuelleFrage.key]: optIdx }));
-  }
-
-  function weiter() {
-    setFrageIndex((i) => i + 1);
-  }
-
-  return (
-    <div className="flex flex-col gap-5">
-      <p className="text-xl font-semibold text-slate-800">
-        Welche Leistungen aus dem Leistungskatalog könnten für{" "}
-        {state.data.vorname || "diese Person"} infrage kommen?
-      </p>
-
-      {!gefuehrtErledigt ? (
-        <div className="rounded-xl border-2 border-indigo-300 bg-indigo-50 p-5">
-          <div className="mb-4 flex items-center justify-between gap-3">
-            <span className="text-lg font-bold text-indigo-900">
-              Frage {frageIndex + 1} von {sichtbareFragen.length}
-            </span>
-            <button type="button" onClick={() => setUebersprungen(true)} className={seniorBtn.small}>
-              Überspringen
-            </button>
-          </div>
-          <p className="mb-4 text-xl font-semibold text-slate-900">{aktuelleFrage.frage}</p>
-          <div className="flex flex-col gap-3">
-            {aktuelleFrage.optionen.map((opt, i) => (
-              <button
-                key={opt.label}
-                type="button"
-                onClick={() => waehleOption(i)}
-                className={`rounded-xl border-2 px-4 py-3 text-left text-lg transition ${
-                  gewaehlt[aktuelleFrage.key] === i
-                    ? "border-indigo-600 bg-indigo-200 font-bold text-indigo-950"
-                    : "border-indigo-300 bg-white text-slate-800 hover:border-indigo-500 hover:bg-indigo-100"
-                }`}
-              >
-                {opt.label}
-              </button>
-            ))}
-          </div>
-          <button
-            type="button"
-            onClick={weiter}
-            disabled={gewaehlt[aktuelleFrage.key] === undefined}
-            className={`mt-4 w-full ${seniorBtn.primary}`}
-          >
-            Weiter
-          </button>
-          {frageIndex > 0 && (
-            <button
-              type="button"
-              onClick={() => setFrageIndex((i) => i - 1)}
-              className={`mt-3 w-full ${seniorBtn.small}`}
-            >
-              Zurück zur vorherigen Frage
-            </button>
-          )}
-        </div>
-      ) : (
-        <div className="flex items-center justify-between gap-3 rounded-xl border-2 border-emerald-300 bg-emerald-50 p-4">
-          <p className="text-base font-semibold text-emerald-900">
-            Passende Leistungen wurden unten vorausgewählt – bitte kurz prüfen und bei Bedarf anpassen.
-          </p>
-          <button
-            type="button"
-            onClick={() => {
-              setFrageIndex(0);
-              setUebersprungen(false);
-            }}
-            className={`shrink-0 ${seniorBtn.success}`}
-          >
-            Erneut beantworten
-          </button>
-        </div>
-      )}
-
-      <p className="text-base text-slate-700">
-        Vorauswahl passend zu Pflegegrad {state.data.pflegegrad === 0 ? "–" : state.data.pflegegrad}{" "}
-        und der gewählten Zielgruppe – nichts ausgewählt ist auch in Ordnung, lässt sich später auf
-        der Patientenseite jederzeit nachtragen.
-      </p>
-      {isLoading ? (
-        <p className="text-lg text-slate-700">Lädt…</p>
-      ) : (
-        <div className="flex max-h-[32rem] flex-col gap-3 overflow-y-auto">
-          {katalog?.items.map((k) => (
-            <label
-              key={k.id}
-              className={`flex items-start gap-3 rounded-xl border-2 p-4 text-lg ${
-                state.ausgewaehlteLeistungen.has(k.id)
-                  ? "border-slate-800 bg-slate-100"
-                  : "border-slate-300"
-              }`}
-            >
-              <input
-                type="checkbox"
-                className="mt-1 h-6 w-6 shrink-0"
-                checked={state.ausgewaehlteLeistungen.has(k.id)}
-                onChange={() => dispatch({ type: "TOGGLE_LEISTUNG", id: k.id })}
-              />
-              <span>
-                <span className="block font-bold text-slate-900">{k.name}</span>
-                <span className="block text-base text-slate-700">{k.kurz}</span>
-                <span className="block text-base text-slate-600">
-                  {k.rechtsgrundlage} · {k.betrag}
-                </span>
-              </span>
-            </label>
-          ))}
-          {katalog && katalog.items.length === 0 && (
-            <p className="text-lg text-slate-700">Keine passenden Leistungen gefunden.</p>
-          )}
-        </div>
-      )}
-    </div>
-  );
-}
-
-function StepUebersicht({
-  state,
-  rechner,
-  berechtigungBestaetigt,
-  onBerechtigungChange,
-}: {
-  state: WizardState;
-  rechner?: RechnerErgebnis;
-  berechtigungBestaetigt: boolean;
-  onBerechtigungChange: (v: boolean) => void;
-}) {
-  const d = state.data;
-  return (
-    <div className="flex flex-col gap-3 text-lg">
-      <p className="mb-2 text-xl font-semibold text-slate-800">Bitte prüfen, bevor gespeichert wird:</p>
-      <SummaryRow label="Name" value={`${d.vorname} ${d.nachname}`} />
-      <SummaryRow label="Geburtsdatum" value={d.geburtsdatum ?? "–"} />
-      <SummaryRow label="Adresse" value={[d.strasse, [d.plz, d.ort].filter(Boolean).join(" ")].filter(Boolean).join(", ") || "–"} />
-      <SummaryRow label="Krankenkasse" value={d.krankenkasse || "–"} />
-      <SummaryRow label="Pflegegrad" value={d.pflegegrad === 0 ? "keiner" : String(d.pflegegrad)} />
-      <SummaryRow label="Pflegeperson" value={d.pflegeperson || "–"} />
-      <SummaryRow label="Ausgewählte Leistungen" value={String(state.ausgewaehlteLeistungen.size)} />
-
-      {rechner && (
-        <div className="mt-3 rounded-xl border-2 border-emerald-300 bg-emerald-50 p-4 text-base text-emerald-900">
-          <p className="mb-3 text-lg font-bold">
-            Geschätzter Geld-Vorteil laut Pflegegrad {d.pflegegrad === 0 ? "–" : d.pflegegrad}
-          </p>
-
-          <p className="mb-1 text-lg font-bold text-emerald-950">Monatlich</p>
-          <ul className="mb-3 flex flex-col gap-1">
-            <li className="flex items-center">
-              Pflegegeld: {rechner.pflegegeld} €
-              <InfoTooltip text={LEISTUNGSERKLAERUNGEN.pflegegeld} />
-            </li>
-            <li className="flex items-center">
-              Pflegesachleistung: {rechner.sachleistung} €
-              <InfoTooltip text={LEISTUNGSERKLAERUNGEN.sachleistung} />
-            </li>
-            <li className="flex items-center">
-              Entlastungsbetrag: {rechner.entlastungsbetrag} €
-              <InfoTooltip text={LEISTUNGSERKLAERUNGEN.entlastungsbetrag} />
-            </li>
-            <li className="flex items-center">
-              Pflegehilfsmittel: {rechner.hilfsmittel} €
-              <InfoTooltip text={LEISTUNGSERKLAERUNGEN.hilfsmittel} />
-            </li>
-          </ul>
-
-          <p className="mb-1 text-lg font-bold text-emerald-950">Jährlich</p>
-          <ul className="mb-3 flex flex-col gap-1">
-            <li className="flex items-center">
-              Verhinderungspflege: {rechner.verhinderungspflege} €
-              <InfoTooltip text={LEISTUNGSERKLAERUNGEN.verhinderungspflege} />
-            </li>
-            <li className="flex items-center">
-              Kurzzeitpflege: {rechner.kurzzeitpflege} €
-              <InfoTooltip text={LEISTUNGSERKLAERUNGEN.kurzzeitpflege} />
-            </li>
-          </ul>
-
-          {rechner.wohnumfeld > 0 && (
-            <>
-              <p className="mb-1 text-lg font-bold text-emerald-950">Einmalig</p>
-              <p className="mb-3 flex items-center">
-                Wohnumfeldverbesserung: {rechner.wohnumfeld} €
-                <InfoTooltip text={LEISTUNGSERKLAERUNGEN.wohnumfeld} />
-              </p>
-            </>
-          )}
-
-          <p className="mt-2 text-sm text-emerald-800">
-            Unverbindliche Schätzung – Pflegegeld und Pflegesachleistung schließen sich in der Regel
-            gegenseitig aus (bzw. sind anteilig kombinierbar), nicht addieren.
-          </p>
-        </div>
-      )}
-
-      <label className="mt-4 flex items-start gap-3 rounded-xl border-2 border-slate-300 bg-slate-50 p-4 text-base text-slate-800">
-        <input
-          type="checkbox"
-          required
-          checked={berechtigungBestaetigt}
-          onChange={(e) => onBerechtigungChange(e.target.checked)}
-          className="mt-1 h-6 w-6 shrink-0"
-        />
-        <span>
-          Ich bin berechtigt, im Namen von {d.vorname || "der pflegebedürftigen Person"}{" "}
-          {d.nachname} deren Daten in MeinPflegeFuchs einzugeben und zu pflegen. Hierfür liegt eine
-          Einwilligung der betroffenen Person, eine tatsächliche Pflege- und Fürsorgebeziehung
-          oder eine entsprechende rechtliche Vertretungsbefugnis (z. B. Vorsorgevollmacht,
-          rechtliche Betreuung) vor.
-        </span>
-      </label>
-    </div>
-  );
-}
-
-function SummaryRow({ label, value }: { label: string; value: string }) {
-  return (
-    <div className="flex justify-between border-b-2 border-slate-200 py-2.5">
-      <span className="text-slate-700">{label}</span>
-      <span className="font-bold text-slate-900">{value}</span>
-    </div>
-  );
-}