Changelog

Beim Wechsel von der Bedürfnis-Auswahl zu den Zusatzversicherungs-Empfehlungen schien auf dem iPhone kurz der Auswahl-Rahmen der zuvor gewählten Bedürfnis-Karten im Hintergrund durch. Der Rahmen wird jetzt sauber innerhalb der Karte gezeichnet.

Der Dialog zum Zwischenspeichern heisst neu „Später fortsetzen“. Der Auslass „Beratungstermin vereinbaren“ im Bestätigungs-Schritt öffnet jetzt den Hinweis „Das ist noch nicht im Prototyp enthalten.“ statt eines Telefon-Links.

In der Produkt-Übersicht rechts läuft die weiche Wechsel-Animation jetzt nur noch auf dem zusammenfassenden Total. Die einzelnen Produktzeilen wechseln direkt, ohne Überblendung — das wirkt ruhiger beim Anpassen einer Versicherung.

Der ganzseitige Info-Hinweis (z.B. bei der Unfalldeckung) verschwand auf dem Handy, sobald man irgendwo hineingetippt hat. Jetzt bleibt er offen und schliesst sich nur über das X oben rechts.

Fügt man beim Bearbeiten einer Person (über die Zusammenfassung oder das Header-Fenster) eine neue Person hinzu, wird diese jetzt einmal komplett durch Grund- und Zusatzversicherung geführt und landet danach wieder in der Zusammenfassung — statt leer und ohne Produkte abgelegt zu werden. Bereits erfasste Personen müssen dabei nicht erneut durchgeklickt werden.

Die Info-/Tooltip-Popover (z.B. bei der Unfalldeckung) öffnen sich auf dem Handy neu als ganzseitige Ansicht mit grossem X oben rechts, statt als kleine schwebende Sprechblase. Auf dem Desktop bleibt die Sprechblase wie bisher. Ein Tipp öffnet den Hinweis jetzt zuverlässig (auch auf iPhones), und der Mauszeiger über dem Info-Symbol ist ein normaler Zeiger statt eines Fragezeichens.

In der Zusammenfassung (Bottom-Sheet + Zusammenfassungsseite) sind die Personen-Karten beim Durchswipen breiter. Die angeschnittene Nachbarkarte bleibt konstant 22 px sichtbar, der Abstand zwischen den Karten ist 8 px.

Der Hinweis „Das ist noch nicht im Prototyp enthalten.“ (z.B. bei „Details vergleichen“) trägt neu die Zeile „Was würdest du dir hier wünschen?“. Der OK-Button steht rechtsbündig und hat eine Mindestbreite von 200 px.

Wenn man auf dem Handy über den Preis im Header die Zusammenfassung öffnet und darin etwas bearbeitet, schliesst sich das Fenster jetzt automatisch. Nach „Änderungen übernehmen“ (oder „Abbrechen“) landet man wieder auf dem Schritt, auf dem man vorher war — nicht mehr auf der Zusammenfassungs-Seite.

Auf dem Handy stehen Icon und Titel einer Bedürfnis-Karte jetzt nebeneinander in der oberen Zeile (Auswahl-Häkchen rechts), der erklärende Text darunter über die volle Breite. Auf dem Desktop bleibt das Layout unverändert.

Auf dem ersten Schritt ist der Fortschrittsbalken „Personen erfassen“ jetzt immer voll ausgefüllt — egal ob eine oder mehrere Personen. Auf dem Handy sitzt der „Person hinzufügen“-Button neu etwas kompakter zwischen den Personendaten und dem „Weiter“-Button.

Auf den Bedürfnis-Karten sind die Icons im nicht ausgewählten Zustand etwas heller und färben sich beim Auswählen dunkler ein — konsistent mit dem Design.

Klappt man auf einer Zusatzversicherungs-Empfehlung die Details auf, stehen die enthaltenen Leistungen auf dem Desktop neu in zwei Spalten (mobil weiterhin einspaltig) — kompakter und übersichtlicher. Ausserdem etwas mehr Abstand zwischen der Leistungsliste und den „Zusätzlichen Optionen“.

Das „?“ neben der Unfalldeckung öffnet in der Grundversicherung kein Fenster mehr, sondern zeigt beim Darüberfahren einen kurzen Hinweis: Wer mindestens acht Stunden pro Woche beim gleichen Arbeitgeber arbeitet, kann die Unfallversicherung ausschliessen und Prämien sparen. Tooltip und Aufruf-Icon entsprechen dem KPT-Designsystem.

Die Empfehlungen zu den gewählten Bedürfnissen zeigen jetzt höchstens vier Vorschläge — Pulse immer zuoberst, beim Thema Spital primär die klassische Spital-Zusatzversicherung. Weitere passende Produkte (z.B. SICURANTA, Spitaltaggeld) bleiben unter „Weitere Zusatzversicherungen“ wählbar.

Die Bedürfnis-Abfrage heisst neu „Die Grundversicherung deckt nicht alles ab. Was ist dir zusätzlich wichtig?“, die Empfehlungsliste „Deine Wünsche, unsere Zusatzversicherungen“.

Der „Weiter“-Button beim Personenwechsel nennt nicht mehr den Namen der nächsten Person (klarere Führung). Beim Franchise-Tipp sind die Emojis entfernt. In der Zusammenfassung sitzt das Gesamttotal enger am Rest. Die Bedürfnis-Badges auf den Empfehlungskarten sind etwas dunkler.

In der Zusammenfassung ist der Titel der „Deine Offerte“-Box jetzt gleich gross wie die übrigen Sidebar-Titel („Später fortsetzen?“, „Du hast Fragen?“) — ruhigeres, konsistentes Bild.

In den Grundversicherungs-Detailfenstern trägt jede Leistungszeile jetzt exakt das aktualisierte Icon aus dem Design (z.B. Krankenwagen für „Vorgehen im Notfall“, Headset für „Schnelle Hilfe“, Wecker für „Telefonberatung 24/7“). Frühere Platzhalter-Icons sind ersetzt.

Alle Zusatzversicherungs-Karten tragen jetzt die aktuellen Namen, Kurzbeschriebe und Leistungspunkte pro Stufe — mit einem passenden Icon je Leistungszeile. Die Spital-Zusatzversicherung hat neu sechs Stufen (Flex Eco/Top, Allgemein, Halbprivat, Privat Schweiz, Privat Welt) inkl. Jahresfranchise-Wahl bei den privaten Stufen. Neu wählbar: „Rechtsschutz“ (bei Pulse) und „Unfall einschliessen“ (bei Spital) — beim Anhaken erscheinen die Zusatzleistungen samt Detail-Link und der Beitrag fliesst ins Total. Die Detail-Links („Details vergleichen“, „Details zum Rechtsschutz“, „Details zum Unfallzusatz“) öffnen einen Hinweis, dass diese Ansicht im Prototyp noch nicht enthalten ist.

Auf der Zusammenfassung wird die Zusammenfassungs-Schaltfläche oben im Header auf dem Smartphone nicht mehr angezeigt (sie wäre dort doppelt). Der Button zum Hinzufügen einer Person heisst neu „Weitere Personen hinzufügen“ und hat etwas mehr Abstand zu den Buttons darüber.

Das Info-Fenster zur Unfalldeckung in der Grundversicherung wurde deutlich gestrafft — kürzerer Einstieg und knappere Aufzählungen, damit es besonders auf dem Smartphone übersichtlicher ist.

Auf dem iPhone färbte Safari seine untere Leiste rot ein, weil es die Farbe des schwebenden roten Buttons aufnahm. Eine unsichtbare helle Fläche dahinter hält den unteren Rand neutral, sodass die Browser-Leiste hell bleibt.

Auf dem Smartphone werden die „Zurück“-Buttons in der Grund-/Zusatzversicherung und in der Zusammenfassung nicht mehr angezeigt — zurück geht es dort über den Browser-Zurück-Button und den Fortschritts-Stepper oben. Auf dem Desktop bleiben die Buttons unverändert.

Auf dem Zusatzversicherungs-Empfehlungs-Screen erschienen auf iPhones nach der Bedürfnis-Auswahl kurz feine Linien im Hintergrund. Ursache war ein Rendering-Artefakt der Einblend-Animation in iOS Safari — die Übergänge nutzen jetzt eine GPU-schonendere Variante, sodass die Linien nicht mehr auftreten.

Die Comparis-Übersicht hat neu — wie die Rechner-Zusammenfassung — einen „Person hinzufügen“-Link. Er öffnet ein Bottom-Sheet für die Grunddaten und fügt der Offerte eine weitere Person hinzu (die Versicherungen setzt man danach über „Bearbeiten“).

Die Herkunfts-Karte in der Comparis-Übersicht zeigt neu nur noch das Vergleichsdatum („Vergleich vom …“) mit dem echten Comparis-Logo (grüne Wortmarke) linksbündig darunter — ohne Zusatz-Label und ohne Comparis-Kontaktangaben. Im Comparis-Fall entfällt zudem die „Später fortsetzen?“-Speicherkarte in der Sidebar.

Auf dem Handy sind die Buttons unter der Zusammenfassung neu klarer nach Wichtigkeit gestaffelt: „Online abschliessen“ (rot) oben, darunter „Offerte anfordern“ als Umriss-Button (vorher ein Text-Link), dann „Zurück“ und zuunterst „Person hinzufügen“ als dezenter Button. Auf dem Desktop unverändert.

Der Button in der „Später fortsetzen?“-Karte heisst neu „Für später speichern“ statt „Offerte speichern“ — gespeichert wird der Zwischenstand zum Weitermachen, nicht die Offerte.

Der Text in der „Dein Angebot“-Box ist neu kundennäher formuliert („Der passende Schutz für deine Gesundheit für CHF … pro Monat“). Bei mehreren Personen spricht er die ganze Familie an („eure Gesundheit“); der Titel bleibt in beiden Fällen „Dein Angebot“.

Die Sidebar der Zusammenfassung trägt neu eine graue „Dein Angebot“-Box mit einem nach Personenzahl formulierten Text inkl. Gesamtpreis und dem passenden Button darunter: Hat man den Rechner selbst durchlaufen, ist es „Offerte anfordern“ (Outline) und die Aktionen bleiben zusätzlich unten; kommt man über einen Berater- oder Comparis-Link, steht dort der rote „Online abschliessen“-Button und die Aktionen unten entfallen. Bei den Link-Strecken bleibt die Sidebar beim Scrollen fixiert, im selbst durchlaufenen Flow scrollt sie mit.

Beim Bearbeiten einer einzelnen Person aus der Zusammenfassung (bei mehreren Personen) fiel der Fortschrittsbalken im Stepper auf die Grund-/Zusatzversicherungs-Phase zurück. Er bleibt jetzt auf einer komplett gefüllten „Zusammenfassung“ stehen — egal ob eine oder mehrere Personen —, da das Bearbeiten nur ein kurzer Abstecher für eine Person ist.

Der Link „Details vergleichen“ in der Zusatzversicherung öffnet neu ein kurzes Hinweis-Fenster („Das ist noch nicht im Prototyp enthalten.“ mit OK-Button) — auf Desktop und Mobile gleich. Die detaillierte Vergleichsansicht ist im Prototyp bewusst noch nicht gebaut.

Beim Bearbeiten eines Bereichs aus der Zusammenfassung heraus verschwand die schwebende „Abbrechen / Änderungen übernehmen“-Leiste auf dem iPhone teils hinter dem Inhalt und blitzte beim Scrollen nur auf. Sie liegt jetzt zuverlässig sichtbar über dem Inhalt.

Das Gesamttotal steht jetzt auch in der Sidebar und ist im Inhalt nach unten gewandert (bei mehreren Personen als eigene Box); die „Später fortsetzen?“-Box in der Sidebar ist entfernt. In den Personen-Karten ist mehr Luft zwischen Grund- und Zusatzversicherung, der Versicherungsbeginn steht bei der Grundversicherung neu auf derselben Zeile wie die Franchise („Beginn: …“) und bei der Zusatzversicherung einmal unter der Auflistung. „Offerte anfordern“ ist neu ein Link statt eines Buttons. Die Sidebar der Zusammenfassung scrollt neu mit (nicht mehr sticky).

Auf dem Handy steht die Sprachauswahl (Deutsch · Français · Italiano · English) jetzt auf einer eigenen Zeile ganz oben im Footer – über „Impressum“; darunter folgen wie gehabt die Links und die KPT-Adresszeile. Auf dem Desktop bleibt sie unten rechts.

Die Leistungs-Details aller Grundversicherungsmodelle (KPTwin.smart, .win, .plus, .doc, .easy und Standard) wurden inhaltlich überarbeitet und an die aktuellen Web-Inhalte angeglichen – inkl. passender Icons je Leistung.

Der sticky „Weiter“-Button auf dem Handy (z. B. bei der Grundversicherung) schwebt jetzt frei mit weichem Schatten über dem Inhalt – die frühere weisse Box drumherum ist weg.

Auf der „Person erfassen“-Seite ist der Haupt-Button auf dem Handy jetzt über die volle Breite, heisst neu „Versicherung wählen“ und trägt ein Pfeil-Icon. Der „Bereits versichert? Login“-Hinweis ist auf dem Handy zentriert, und der Abstand von dort zu den Vertrauens-Karten wurde auf 32 px verringert.

Auf der „Person erfassen“-Seite ist „Person hinzufügen“ jetzt auf dem Desktop ein schlichter Textlink und nur auf dem Handy ein voller Umriss-Button. Der Abstand zwischen den Personendaten und dem Button bzw. dem Weiter-Button wurde sauber auf 32 px gesetzt.

Die Hinweis-/Tooltip-Boxen (u. a. der Franchise-Hinweis im Grundversicherungs-Schritt sowie die allgemeinen Info-Popover) haben jetzt 16 px runde Ecken statt der bisherigen leichten Rundung — konsistent mit den übrigen Kartenflächen.

Bei allen Bottom-Sheet-Modals (ActionSheet) sitzt das Schliessen-X auf dem Desktop jetzt konsistent oben rechts — wie bei den übrigen Dialogen. Auf dem Handy bleibt es links (übliche Bottom-Sheet-Position).

Auf der Zusammenfassung steht „Offerte anfordern“ jetzt links (neben „Zurück“), während „Online abschliessen“ rechts bleibt. Auf dem Handy rutscht „Person hinzufügen“ neu unter die anderen Buttons (als voller Umriss-Button); auf dem Desktop bleibt es wie bisher der Link unter den Personen.

In der Zusatzversicherungs-Empfehlung öffnet „Details vergleichen“ (Pulse-Leistungstabelle) nur noch auf dem Desktop die grosse Vergleichstabelle. Auf dem Handy ist die Vollbild-Tabelle deaktiviert — ein Tipp zeigt stattdessen einen kurzen Hinweis, dass der detaillierte Vergleich nur in der Desktop-Ansicht verfügbar ist.

Auch das Zwischenspeichern („Später fortsetzen“) läuft jetzt vollständig im Bottom-Sheet — ohne Erfolgs-Toast. Schritt 1: E-Mail-Adresse eingeben und Datenschutzbestimmungen bestätigen. Nach dem Speichern zeigt derselbe Dialog Schritt 2 mit der Bestätigung, an welche E-Mail der Link zum Fortsetzen geht (inkl. Bearbeiten-Stift) und — durch eine Trennlinie abgesetzt — dem Auslass „Beratungstermin vereinbaren“. Geschlossen wird über das X; einen „Zurück“-Button gibt es hier bewusst nicht.

„Offerte anfordern“ läuft jetzt vollständig im Bottom-Sheet auf der Zusammenfassung — ohne Sprung auf eine eigene Seite. Schritt 1: E-Mail-Adresse eingeben und Einverständnis bestätigen. Nach dem Absenden zeigt derselbe Dialog Schritt 2 mit der Bestätigung, an welche E-Mail die Offerte geht (inkl. Bearbeiten-Stift), einem „Zurück zur Zusammenfassung“-Button und dem neuen Auslass „Beratungstermin vereinbaren“. Design an die Figma-Vorlage angeglichen.

„Person erfassen“ auf Mobile visuell angeglichen: „Person hinzufügen“ ist jetzt ein voller Umriss-Button (statt Textlink) und heisst überall einheitlich „Person hinzufügen“ (vorher „Weitere Person hinzufügen“); die Geschlechts-Auswahl liegt bündig auf derselben Breite wie die restlichen Felder. In der Zusatzversicherung ist die Bereichs-Navigation auf Mobile (Spital/Alltag/Vorsorge) ans Design angeglichen: helle Pille mit dunklen runden Pfeil-Buttons und zentriertem Bereichsnamen.

Kleinere Anpassungen: In der Zusatzversicherungs-Empfehlung steht bei den Karten jetzt „pro Monat“ über dem Preis; die Empfehlungs-Karten heben sich beim Überfahren mit demselben weichen Schatten hervor wie die Grundversicherungs-Karten; auf Mobile ist der Aufklapp-Link auf „Weitere Zusatzversicherungen“ gekürzt (passt auf eine Zeile); und der „Entfernen“-Link bei einer Person ist an die Design-Vorgabe angepasst.

Die Bedürfnis-Karten entsprechen jetzt 1:1 der Figma-Komponente: sieben Bedürfnisse mit Titel und erklärendem Subtext — Fitness & Vorsorge, Komplementärmedizin, Medikamente & Therapien, Brille & Kontaktlinsen, Zahnbehandlungen, Spital, Finanzielle Absicherung — jeweils mit dem passenden Original-Icon aus der Design-Vorlage (Hantel, Pflanze, Tablette, Brille, Zahn, Spital, Münzen). Auf Desktop drei Karten pro Reihe. Ist eine Karte gewählt, hebt sie sich mit dunklem Rahmen ab und das Icon färbt sich ein.

Die aufklappbaren Detailinhalte sind pro Leistungsstufe ausgebaut: Pulse (Eco/Top/Premium), Zahn (Leistungsklasse 1/3/4) und Spital zeigen jetzt die konkreten Leistungen mit passenden Icons. Nicht abgedeckte Leistungen (z.B. bei Pulse Eco „Keine Beiträge an Komplementärmedizin“) sind mit einem X und gedämpftem Text gekennzeichnet.

Die aufgeklappten Details liegen jetzt in einer grauen Box. Ein Klick auf die ganze Karte wählt die Versicherung aus und öffnet die Details (erneuter Klick wählt sie wieder ab); Klicks auf „Details“ oder in die graue Box lösen die Auswahl nicht aus. Die Preisanzeige ist gleich wie bei der Grundversicherung (Betrag gross, „pro Monat“ darunter), und das Stufen-Dropdown wird nicht mehr am Kartenrand abgeschnitten.

Der Aufklapp-Bereich unter den Empfehlungen zeigt jetzt nur noch die restlichen Zusatzversicherungen (die bereits empfohlenen erscheinen nicht mehr doppelt). Die Bereiche sind neu gegliedert in „Spital“, „Alltag & Gesundheit“ und „Vorsorge & Familie“ (mit Todesfall & Invalidität, Erwerbsausfall-Versicherung, Unfallzusatz Pflegeleistungen und Kinder-Zusatzversicherung Teddy). Die früheren Reise-/Ferien-/Internationalen Versicherungen („Unterwegs & Notfall“) sind bewusst nicht Teil des Rechners.

Die Zusatzversicherungs-Auswahl ist überarbeitet: Die gewählten Bedürfnisse werden nicht mehr separat als Chips gezeigt, sondern erscheinen als Matching-Badges direkt auf den passenden Empfehlungs-Karten. Beim Aufklappen einer Empfehlung wählt man die Leistungsklasse jetzt über ein Dropdown, in dem die empfohlene Stufe mit einer „Empfehlung“-Markierung vorausgewählt ist; darunter die Leistungen und zusätzliche Optionen (z.B. 3-Jahresvertrag). Unter „Alle Zusatzversicherungen anzeigen“ wechselt man die Bereiche auf dem Handy neu über einen ‹ › -Stepper (statt Tabs).

Der Bedürfnis-Schritt vor der Zusatzversicherung ist an die neue Figma-Vorlage angeglichen: neuer Seitentitel („Die Grundversicherung deckt nicht alles ab. Was ist dir zusätzlich wichtig?“), sieben Bedürfnisse (statt neun) mit neuen Titeln (Fitness & Vorsorge, Komplementärmedizin, Medikamente & Therapien, Brille & Kontaktlinsen, Zahnbehandlungen, Spital, Reisen & Rechtsschutz) und je einem erklärenden Subtext (z.B. „Sportabos, Check-ups, Impfungen“). Karten neu mit Icon + fettem Titel + Subtext; drei neue Icons (Kapsel, Spital, Schild).

Der Zusatzversicherungs-Schritt zeigt jetzt oben die im vorigen Schritt gewählten Bedürfnisse als Chips (mit „Anpassen“ zum Zurückspringen) und stellt darunter eine kuratierte Liste „Passend zu deinen Bedürfnissen“ mit den dazu passenden Produkten zusammen. Alle übrigen Produkte liegen hinter „Alle Produkte anzeigen“. Neu lässt sich auch ein Versicherungsbeginn für die Zusatzversicherung wählen. Der frühere Zwang, sich Ambulant → Spital → Weitere per „Weiter“ durchzuklicken, entfällt — „Weiter“ führt direkt zur Zusammenfassung bzw. nächsten Person.

Der Schritt vor der Zusatzversicherung wurde inhaltlich an die neue Figma-Vorlage angeglichen: neuer Titel („Die Grundversicherung hat Lücken. Wähle aus, was dir wichtig ist.“) und neun Bedürfnisse statt sieben — neu „Zahnbehandlungen“, „Mehr Schutz bei Unfall“ und „Familie & Rechtliches“; „Sport und Fitness“ und „Medizinische Massage“ sind zu „Sport, Fitness & Massage“ zusammengefasst, „Freie Arzt- und Spitalwahl“ heisst neu „Arzt und Spital frei wählen“. Passende Icons aus der KPT-Icon-Library ergänzt.

In der Berateransicht der Gesundheitsdeklaration (alle Fragen auf einer Seite) stehen die Ja/Nein-Fragen jetzt mit einem kompakten „Ja/Nein“-Umschalter direkt neben der Frage, und die Fragennummer sitzt in einem grösseren grauen Kreis. Der Endkunden-Flow (eine Frage pro Screen) bleibt unverändert.

Der rote Strich, der bei mehreren Personen die aktuell bearbeitete Person in der Übersichts-Sidebar markiert, ist jetzt ein feiner, eckiger 2×20-px-Strich mit sauberem Abstand zum Kartenrand und zum Personen-Icon.

In der Gesundheitsdeklaration müssen jetzt alle Angaben ausgefüllt werden — Grösse/Gewicht und, sobald man „Ja“ antwortet, auch die zugehörigen Folgefragen jeder Instanz. Nur wenige bewusst optionale „falls …“-Felder und die Mehrfachauswahl-Fragen (Medikamente, geplante Behandlungen) dürfen leer bleiben. Leere Pflichtfelder werden beim Weiterklicken rot markiert. Die Frage nach der Ärztin/dem Arzt und der Frauenärztin hat neu getrennte Felder für Name und Adresse: Der Name schlägt bekannte Praxen aus der KPT-Liste vor und füllt bei Auswahl die Adresse automatisch; die Adresse hat eine Autovervollständigung.

Der Online-Abschluss (und die Magic-Link-, Comparis- sowie Kundenportal-Anpassungs-Strecken) nutzt jetzt die neue Gesundheitsdeklaration V2 statt der bisherigen Version — also mit mehreren Einträgen pro Frage, antwortabhängigen Folgefragen, Monat/Jahr-Auswahl und Vorschlagslisten. Die bisherige V1-Strecke ist ins Archiv gewandert und bleibt dort als Referenz erreichbar.

Auf der Startseite gibt es neu eine eigene Gruppe „Gesundheitsdeklaration“ mit zwei Einstiegen: dem Endkunden-Flow (Frage für Frage) und einer neuen Berateransicht, die alle Fragen auf einer Seite zeigt — gedacht für interne Berater-Applikationen. Beide Ansichten teilen sich exakt dieselben Fragen und Bausteine: Eine Änderung an einer Frage wirkt in beiden Ansichten gleich.

Auf der Angebots-Zusammenfassung (Step 4) gibt es neben „Online abschliessen“ wieder die Aktion „Offerte anfordern“. Ein Klick öffnet ein Modal, das die E-Mail-Adresse abfragt; danach wird die Offerte-angefordert-Bestätigung angezeigt. Zwischen E-Mail-Feld und dem Absenden-Button liegt eine Checkbox zum Akzeptieren der Bedingungen — genau wie im „Zwischenspeichern“-Modal, das jetzt dieselbe Checkbox an derselben Stelle trägt.

In der Produkt-Übersicht wird bei mehreren Personen pro Person nur noch „Grundversicherung“ und „Zusatzversicherung“ (bzw. „Zusatzversicherungen“ bei mehreren) mit dem jeweiligen Preis angezeigt — nicht mehr jedes einzelne Produkt. Bei einer einzelnen Person bleiben wie bisher die einzelnen Produkte sichtbar.

Mehrere kleine visuelle Anpassungen: Der Kontaktblock (Telefon, Öffnungszeiten, Website) im Footer wurde entfernt (rechtliche Links und Auszeichnungen bleiben). Die Total-Boxen im Grundversicherungs-Detailmodal und auf der Zusammenfassungsseite haben denselben, etwas dunkleren Grau-Hintergrund. Der „Zwischenspeichern“-Button in der „Später fortsetzen?“-Karte trägt kein Icon mehr. Beim Aktivieren von „Neu in der Schweiz“ gleitet das Einreisedatum-Feld sanft nach unten ein (statt kurz blau aufzuleuchten). Der Abstand zwischen Kopfleiste und Fortschrittsanzeige ist kompakter. Das Produkt-Icon im Detailmodal ist vertikal zum Text zentriert. Der „Ohne Zusatzversicherung“-Link zeigt beim Überfahren den Hand-Cursor.

Das Detail-Modal zu den Grundversicherungs-Modellen (über „Details“ auf einer Modell-Karte) ist neu gestaltet. Jede Leistung hat jetzt ein eigenes, zum Thema passendes Icon (statt eines generischen Häkchens) — sowohl auf dem Handy als auch auf dem Desktop. Auf dem Desktop ist das Modal zusätzlich breiter, zeigt die Leistungen in zwei Spalten und trägt oben einen Kopfbereich mit Produkt-Icon, Produktname, Titel und Kurzbeschreibung (Schliessen oben rechts); auf dem Handy bleibt die einspaltige Ansicht mit hervorgehobenem Stichwort. Zuunterst jeweils das Monatstotal.

Der „Beratung“-Button im schlanken Header erscheint jetzt nur noch auf Desktop. Auf Mobile war er im schmalen Header nur ein Platzkonkurrent zur Zusammenfassung mit dem Monatstotal — und ohne Funktion. Desktop bleibt unverändert.

Neue Konzept-Strecke unter /gesundheitsfragen-v2, die das Fachfeedback aus den Figma-Kommentaren umsetzt — jetzt mit dem vollständigen Fragenkatalog: Eine „Ja“-Antwort kann mehrere Einträge haben (z. B. Hautcheck und Mammografie einzeln), die Folgefragen richten sich nach der Antwort (Asthma fragt anderes als Diabetes), Zeitangaben laufen über einen Monat/Jahr-Picker, Freitextfelder haben Vorschlagslisten, und Medikamente/geplante Behandlungen sind Mehrfachauswahl. Die Hausarzt-Frage ist neu formuliert (auskunftsfähigste Person, darf leer bleiben) und die Frauenärztin-Angabe ist Pflicht. Die bestehende Gesundheitsfragen-Strecke bleibt unverändert.

In der Angebots-Zusammenfassung sind die Personen-Karten auf Mobile jetzt ein Swipe-Karussell — dieselbe Komponente wie das Zusammenfassungs-Sheet oben im Header. Die aktive Karte liegt zentriert, die Nachbar-Karten schauen links und rechts angeschnitten hervor. Pro Karte gibt es einen Bearbeiten-Stift, der ein Menü öffnet (Person / Grundversicherung / Zusatzversicherung anpassen) und in den jeweiligen Schritt springt.

Wird aus der Zusammenfassung eine weitere Person hinzugefügt, springt der Rechner zurück auf „Person erfassen“ und scrollt jetzt direkt zur neu angelegten Personen-Karte, statt oben stehen zu bleiben.

In den Personen-Karten der Angebots-Zusammenfassung entfällt die Trennlinie zwischen der Grundversicherung und der Zusatzversicherung — die beiden Gruppen sind nur noch durch Abstand getrennt.

In der Angebots-Zusammenfassung steht das Total jetzt in einer grauen Box zuoberst — zwischen Titel und Personen — sowohl bei einer als auch bei mehreren Personen. In der Produkt-Seitenleiste werden bei mehreren Personen neu die Grund- und Zusatzversicherungen (Produkt + Preis) direkt unter dem jeweiligen Namen aufgelistet.

Die schwebende „Änderungen übernehmen“-Leiste (beim Bearbeiten aus der Zusammenfassung) richtet sich auf dem Desktop jetzt am jeweils bearbeiteten Inhalt aus — zentriert beim Bearbeiten einer Person, an der Content-Spalte bei Grund-/Zusatzversicherung — und ist etwas breiter als der Inhalt (16px je Seite).

In der Seitenleiste des Online-Abschlusses gibt es einen kompakten Teaser „Später weitermachen?“ mit einem „Zwischenspeichern“-Button, der das Speichern des Fortschritts (E-Mail erfassen → später über den Link fortsetzen) anbietet.

Die Arzt-/Gesundheitsnetz-Suche wurde ans neue Design angeglichen: die erweiterten Filter (Netz, Fachrichtung, „nimmt neue Patient:innen auf“) liegen jetzt hinter einem „Filter“-Schalter, darüber lässt sich die Trefferliste sortieren (Relevanz, Entfernung, Name) und per „Auf Karte anzeigen“ auf eine Kartenansicht umschalten. Lange Listen laden schrittweise über „Weitere Ergebnisse anzeigen“. Die Ergebnis-Karten zeigen neu die Entfernung, einen „Infos“-Link und — nur bei Praxen ohne Aufnahme — den Hinweis „Nimmt keine neuen Patient:innen auf“ mit Erklär-Info.

Im Online-Abschluss zeigt die Seitenleiste bei mehreren Personen jetzt — wie im Prämienrechner — die rote Marker-Linie neben der Person, die gerade bearbeitet wird (Persönliche Angaben, Arztwahl, Gesundheitsfragen).

Die Arzt-/Gesundheitsnetz-Auswahl erklärt jetzt oben per Info-Box, warum sie zur gewählten Grundversicherung gehört. Bei mehreren Personen im Haushalt steht die aktuelle Person im Titel (auch beim Gesundheitsnetz). Der Abstand zwischen Trefferzahl und Liste ist kompakter (12px). Neu unter der Liste: ein „Nicht gefunden?“-Link, um eine andere Grundversicherung zu wählen (vorerst nur der Link, ohne Funktion).

In der Arztwahl steht bei mehreren Personen jetzt die aktuell bearbeitete Person (Geschlechts-Icon + Name) direkt im Titel — wie in den übrigen Schritten. Zugleich folgen die Schritt-Titel durchgängig der Konvention: normaler Text, nur das wichtigste Schlüsselwort fett, der Name bleibt normal.

Die Praxis-Ergebniskarten in der Arztwahl verhalten sich jetzt wie die übrigen Auswahl-Karten: die ganze Karte ist klickbar, rechts zeigt eine Checkbox die Auswahl an. Der frühere „Auswählen“-Button und der Aufblink-/Pulse-Effekt beim Auswählen sind entfernt.

Wird beim Bearbeiten einer Person aus der Zusammenfassung ein preisrelevantes Feld geändert (z. B. Geburtsdatum → Kindertarif), erscheint oben zwischen Titel und Formular ein kurzer Hinweis mit dem neuen Preis und der Differenz.

Der Empfehlungs-Block „Optimiere deinen Zusatzversicherungsschutz“ auf der Zusammenfassung ist vorerst ausgeblendet, während das Konzept überarbeitet wird. Die Funktion bleibt im Code erhalten und kann jederzeit wieder eingeschaltet werden.

Im Online-Abschluss springt die Ansicht bei jedem Schritt-Wechsel — und im Mehrpersonen-Fall auch beim Wechsel zur nächsten Person — zuverlässig an den Seitenanfang (vorher blieb man z. B. bei der Arztwahl mitten auf der Seite).

Wird aus der Zusammenfassung ein Bereich bearbeitet (Grundversicherung, Zusatzversicherung oder persönliche Angaben), erscheint jetzt eine schwebende Leiste am unteren Rand mit „Abbrechen“ und „Änderungen übernehmen“ — auf Desktop und Mobile. So sind die Aktionen immer erreichbar, ohne zu scrollen.

Der „Offerte bearbeiten“-Button in der Seitenleiste des Online-Abschlusses ist entfernt — das Zurück ins Angebot läuft über den „Zurück“-Button auf „Persönliche Angaben“.

Auf dem ersten Schritt des Online-Abschlusses („Persönliche Angaben“) gibt es bei der ersten Person wieder einen „Zurück“-Button — er führt zurück zur Zusammenfassung (Angebot). Der Button heisst schlicht „Zurück“.

Wird auf der Zusammenfassung „Person hinzufügen“ geklickt, führt der Funnel jetzt nur noch durch die neu erfasste Person (Grund- + Zusatzversicherung) und springt danach zurück zur Zusammenfassung — die bereits konfigurierten Personen werden nicht erneut durchlaufen.

In der Produkt-Übersicht (mehrere Personen) sind die Personen-Zeilen nicht mehr anklickbar — der Personen-Wechsel läuft ausschliesslich über den „Weiter“/„Zurück“-Fluss. Die aktive Person bleibt durch den roten Marker gekennzeichnet.

Auf der Zusammenfassung stehen die Empfehlungen zum Optimieren der Zusatzversicherung bei mehreren Personen jetzt direkt in der jeweiligen Personen-Karte unter dem Subtotal — und werden beim Hinzufügen der richtigen Person zugeordnet (vorher landeten sie immer bei der Hauptperson). Bei einer Einzelperson bleibt der Block wie gehabt unten.

Auf dem Handy sind die Bedürfnis-Karten (Zusatzversicherung) jetzt kompakte Zeilen: Icon und Text auf einer Linie, die Checkbox rechts. Auf dem Desktop bleibt das bisherige Karten-Raster.

Die rechte Sidebar im Online-Abschluss und auf der Zusammenfassung startet jetzt auf Höhe des Seitentitels (wie im Prämienrechner), statt etwas höher zu sitzen. Zudem trägt die „Du hast Fragen?“-Karte ein neues Frage-Icon.

Wenn du die Gesundheitsfragen bereits ausgefüllt hast, kannst du sie jetzt im Schritt-Balken von einem früheren Schritt (z.B. „Persönliche Angaben“) direkt anspringen — auch nach einem Neustart. Vorher blieb der Schritt gesperrt, obwohl die Daten schon vorhanden waren. Gleiches gilt für die Arztwahl, sobald überall eine Praxis gewählt ist.

Beim Bearbeiten einer einzelnen Gesundheitsfrage aus der Zusammenfassung gibt es jetzt nur noch „Abbrechen“ (im gleichen Outline-Stil wie „Zurück“) neben „Antwort übernehmen“ — der zusätzliche, verwirrende „Zurück“-Button ist weg.

Wenn du ein Grundversicherungs-Modell auswählst, färbt sich jetzt auch der Kreis hinter dem Modell-Symbol (etwas dunkler) und die Nebentexte werden einen Tick kräftiger — passend zur Figma-Vorlage. So sieht man auf einen Blick, welche Karte gewählt ist.

Im Online-Abschluss springt „Zurück“ jetzt immer verlässlich zum vorherigen Schritt des Flows, statt über die Browser-History unkontrolliert aus dem Abschluss herauszuführen. Betrifft Arztwahl, Gesundheitsfragen, Zahlung und Bestätigen — auch nach einem Seiten-Neuladen, einem Sprung über den Schritt-Balken oder einem „Offerte bearbeiten“-Rücksprung. Bei mehreren Personen geht „Zurück“ in der Arztwahl neu Person für Person zurück.

Wenn du eine Gesundheitsfrage mit „Ja“ beantwortest, scrollt die Seite jetzt zuverlässig zur eingeblendeten Folgefrage — auch auf Mobile (der Scroll läuft erst, wenn die Box fertig aufgeklappt ist). Auf dem Handy wird dabei die Tastatur nicht mehr automatisch geöffnet, damit sie die Folgefragen nicht verdeckt.

Im Prämienrechner und im Online-Abschluss stehen die Buttons unter dem Inhalt auf dem Handy jetzt durchgängig untereinander (volle Breite), mit der Weiter-/Haupt-Aktion oben und „Zurück“ ganz unten. Vorher waren einige Schritte (u. a. Step 4, Zahlung, Persönliche Angaben, Gesundheitsfragen) noch nebeneinander.

Der letzte Abschluss-Schritt (Bestätigen) ist optisch an die Zusammenfassung im Rechner angeglichen: „Bearbeiten“ ist überall ein unterstrichener Link, die Gesundheitsfragen zeigen keine ausklappbare Antwort-Liste mehr (nur Status + „Bearbeiten“), die Zahlungsdaten sind im gleichen Karten-Stil und über „Bearbeiten“ anpassbar, und die AGB-Checkbox ist sauberer ausgerichtet.

Im Online-Abschluss kannst du über den Phasen-Stepper jetzt zu jedem bereits abgeschlossenen Schritt springen — vor und zurück, nicht nur rückwärts. Noch nicht erreichte Schritte bleiben gesperrt.

Wer im Online-Abschluss auf „Offerte bearbeiten“ klickt und so auf der Zusammenfassung landet, sieht dort als Haupt-Button jetzt „Weiter zum Online-Abschluss“ statt „Online abschliessen“ — passend dazu, dass der Abschluss bereits begonnen wurde. Gilt für Kundenrechner, Magic-Link-Offerte und Comparis.

Am Ende der Gesundheitsfragen steht neu ein Zusammenfassungs-Schritt, der alle Fragen mit den gegebenen Antworten (inkl. Folgefragen) auflistet. Jede Antwort lässt sich einzeln bearbeiten: Ein Klick auf „Bearbeiten“ springt zur Frage; dort führen „Antwort übernehmen“ (speichert), „Abbrechen“ (verwirft) und „Zurück“ jeweils zurück in die Zusammenfassung.

Wer die Gesundheitsfragen einer Person schon ausgefüllt hat und die Phase erneut aufruft (z.B. über den Stepper), landet direkt auf der Zusammenfassung statt erneut die Intro und alle Fragen durchzuklicken. Änderungen laufen dort über „Bearbeiten“ pro Frage.

Der Hinweis, welches Grundversicherungs-Modell eine andere Person im Haushalt bereits gewählt hat, sitzt jetzt als dunkler Tab auf der oberen Kante der Modellkarte (statt als Badge im Karteninneren). Auf Mobile mit etwas mehr Abstand nach oben, damit er die Karte darüber nicht überlappt.

Beim Zurückspringen auf „Person erfassen“ mit mehreren Personen klappen die Personen-Boxen nicht mehr auf — die Aufklapp-Animation läuft nur noch, wenn man tatsächlich eine zweite Person hinzufügt.

Beim Überfahren der Franchise-Optionen springt der Pfeil des Hinweis-Kastens nicht mehr zwischendurch zur Auswahl zurück — er folgt sauber der überfahrenen Option.

Ein Klick auf „Zusatzversicherung“ im Fortschritts-Stepper führt jetzt direkt zur Produktauswahl (statt zur Bedürfnis-Abfrage) — bei mehreren Personen bei der ersten Person.

In der Produkt-Übersicht (Sidebar) kann man bei mehreren Personen direkt auf eine Person klicken und springt zu ihr — in der Phase, in der man gerade ist (Grund- bzw. Zusatzversicherung).

Wechselt man in der Produkt-Übersicht zur nächsten Person, gleitet der rote Aktiv-Strich jetzt sanft zur neuen Person, statt umzuspringen.

In der Zusammenfassung lassen sich die Personen-Karten nicht mehr ein- und ausklappen — das Chevron-Icon neben dem Personen-Icon ist entfernt, alle Angaben sind immer sichtbar.

Bei mehreren Personen trägt der Titel der Grundversicherung jetzt bei jeder Person — auch der ersten — das Geschlechts-Icon und den Namen (z.B. „Grundversicherung für Sarah“), damit immer klar ist, für wen man gerade wählt.

In der Produkt-Übersicht (Sidebar) markiert bei mehreren Personen ein kleiner roter Strich am linken Rand die Person, die man gerade bearbeitet — im gleichen Stil wie der rote Fortschrittsbalken oben.

Auf dem Zusammenfassungs-Screen führt „Bearbeiten“ bei Person, Grundversicherung oder Zusatzversicherung direkt zum passenden Schritt der jeweiligen Person. Dort steht statt der Weiter-Navigation nur noch „Zurück“ und ein Haupt-Button „Grundversicherung übernehmen“ (bzw. Zusatzversicherung / Angaben) — beide führen zurück zur Zusammenfassung.

„Person hinzufügen“ auf dem Zusammenfassungs-Screen springt jetzt zurück zum Schritt „Person erfassen“ — mit bereits geöffnetem Formular für die neue Person und dem Cursor direkt im Namensfeld. Danach läuft man den normalen Ablauf für die neue Person durch.

Der Hinweis-Kasten unter der Franchise-Auswahl trägt jetzt wieder einen kleinen Pfeil, der auf die aktuell gewählte Franchise-Pille zeigt — so ist klar, auf welche Franchise sich der Tipp (und der Preis) bezieht.

Der Gesundheitsfragen-Schritt im Online-Abschluss zeigt jetzt den vollständigen Gesundheitsprofil-Katalog (eine Frage pro Screen), Person für Person — welche Fragen erscheinen, ergibt sich automatisch aus Geschlecht und Alter. Gilt überall: Direktabschluss, Magic-Link-Offerte, Comparis und die Kundenportal-Anpassung. Drei Feinheiten: der Kernbegriff jeder Frage ist im Titel fett hervorgehoben (z.B. „Alternativmedizin“), jede Ja/Nein-Frage muss beantwortet werden (sonst ein Hinweis), und die Antwort-Auswahlen sind ab Tablet nur noch halb so breit.

Zweite, alternative Test-Seite für die Gesundheitsfragen im Typeform-Stil: eine einfache Frage pro Screen, warme Du-Ansprache und Antwort-Karten mit erklärendem Hilfetext. Start mit einem Intro, dann Frage für Frage; Medikamente und geplante Behandlungen sind je zu einer Auswahl-Frage zusammengefasst. Erreichbar über „Gesundheitsfragen (Typeform)“ auf der Startseite.

Neue Test-Seite mit dem kompletten Gesundheitsprofil-Fragenkatalog (Grunddaten, Gesundheitszustand, Versicherungsleistungen, Medikamente, geplante Behandlungen). Ein Profil-Umschalter (Mann / Frau / Kind / …) zeigt, welche Fragen für wen gelten; Folgefragen erscheinen bei „Ja“. Bewusst losgelöst vom Abschluss-Flow zum Testen — erreichbar über den Link „Gesundheitsfragen (Test)“ auf der Startseite.

Der Online-Abschluss folgt jetzt konsequent dem Rechner: die aktuell bearbeitete Person steht mit Icon + Name direkt im Schritt-Titel (statt in separaten Personen-Chips über der Navigation und einer doppelten Zwischenüberschrift). Die Preis-Zusammenfassung im Header erscheint nur noch auf Mobile — auf Desktop liegt die Übersicht in der Sidebar, die neu einen „Offerte bearbeiten“-Button trägt.

Der Online-Abschluss übernimmt jetzt das vertraute Rechner-Layout: waagrechter Phasen-Stepper über der Content-Spalte und die Produkt-Übersicht als Karte rechts (inkl. „Später fortsetzen?“). Alle Abschluss-Schritte sehen damit aus wie die Schritte davor.

Bei mehreren Personen werden die persönlichen Angaben nun nacheinander erfasst — erst die eine Person, dann die nächste (gleiche Bedienung wie bei der Arztwahl und den Gesundheitsfragen). Oben zeigen Personen-Pills, wer gerade dran ist und wer schon erfasst wurde.

Kleinere Anpassungen an der Übersicht rechts: In der Aufstellung stehen Produktname und Preis jetzt in einheitlicher Schrift; bei mehreren Personen sind Name und Personen-Icon etwas kompakter und das Monatstotal kräftiger.

Die Übersicht steht jetzt in einer einzigen Karte mit einheitlicher „Total pro Monat“-Zeile. Bei einer Person zeigt sie die Grund- und Zusatzversicherung im Detail; bei mehreren Personen je eine kompakte Zeile pro Person mit deren Monatstotal.

Der rote Fortschrittsbalken der aktiven Versicherungs-Phase spiegelt jetzt den Personen-Anteil: Bei einer einzelnen Person ist der Balken komplett gefüllt, bei zwei Personen in Hälften, bei drei in Dritteln. Zuvor war er bei einer Person nur zur Hälfte gefüllt.

Die Rahmen sind jetzt durchgängig konsistent: Auswahl-Chips und Eingabefelder tragen einen etwas kräftigeren Rahmen, Karten und Trennlinien einen dezenteren. Der Kopfbereich zeigt seine Trennlinie neu erst beim Scrollen.

Die Symbole auf den Grundversicherungs-Modellkarten (KPTwin.smart / .doc / .easy / .plus / .win / Standard) entsprechen jetzt exakt den Figma-Illustrationen — inkl. dem hellgrauen Kreis-Hintergrund und einheitlicher Linienführung.

Die Zusatzversicherungs-Empfehlungen („Optimieren Sie …“) am Ende der Zusammenfassung folgen jetzt exakt dem Figma-Design: hellerer Rahmen mit dunklem „Hinzufügen“-Text sowie ruhigere Zeilenabstände bei Titel, Beschreibung und Preis.

Die Einstiegsseiten für per Berater-Link bzw. Comparis erhaltene Offerten sehen jetzt exakt aus wie die Zusammenfassung im Kundenrechner (gleiche Übersicht, gleicher Phasen-Fortschritt, gleiche Buttonleiste „Zurück / Online abschliessen“). Rechts oben steht zusätzlich eine Herkunfts-Karte: beim Berater-Link mit Name und Kontakt der Beratungsperson, bei Comparis mit dem Comparis-Hinweis und Kontakt.

Das Layout des Rechners folgt jetzt über alle Schritte einem einheitlichen Raster: 795 px Inhaltsbreite, 80 px Abstand zur rechten Spalte und 325 px Sidebar (zusammen 1200 px, zentriert). Auf schmaleren Bildschirmen wird der Inhaltsbereich entsprechend schmaler.

Die Buttonleiste am Ende der Zusammenfassung ist jetzt eine schlichte Zeile mit „Zurück“ links und „Online abschliessen“ rechts (statt der gestapelten Variante der vorherigen Schritte). In der rechten Spalte kommt neu eine „Du hast Fragen?“-Karte mit direkter Telefonnummer für die kostenlose Beratung dazu. Der separate „Offerte anfordern“-Button entfällt auf dieser Seite.

Die Zusammenfassungs-Seite („Dein Angebot bei der KPT“) wurde 1:1 ans Figma-Design angeglichen: grössere Überschrift, einheitliche Innenabstände und Trennlinien in der Personen-Karte (inkl. Linie zwischen Grund- und Zusatzversicherung), Jahrgang/Wohnort eingerückt unter dem Namen, „Bearbeiten“ als schlichter unterstrichener Link und Empfehlungs-Karten mit weissem Hintergrund und feiner Umrandung. Beim Grundversicherungs-Eintrag steht neu auch der Versicherungsbeginn.

In der Zusammenfassung führt „Bearbeiten“ jetzt direkt an die richtige Stelle im Ablauf: bei einer Person zurück zu „Person erfassen“, bei der Grundversicherung zur Grundversicherung und bei der Zusatzversicherung zur Zusatzversicherung der jeweiligen Person — statt ein separates Fenster zu öffnen.

Bei den Bedürfnis-Karten der Zusatzversicherung wird jetzt beim Auswählen auch der Kreis hinter dem Icon dezent dunkler — die Karte reagiert dadurch deutlicher auf die Auswahl.

Klickt man in der Bedürfnis-Abfrage auf „Ohne Zusatzversicherung“, wird die Zusatzversicherung für diese Person nun komplett übersprungen: Der Rechner geht direkt zur nächsten Person bzw. zur Zusammenfassung, statt trotzdem noch die Produktliste zu öffnen.

Die Bedürfnis-Auswahl der Zusatzversicherung (z.B. „Alternativmedizin“, „Sport und Fitness“) erscheint neu als Raster aus Karten statt als untereinander gestapelte Liste: pro Karte das Icon im hellen Kreis oben links, die Auswahl-Checkbox oben rechts und die Bezeichnung darunter. Auf breiten Bildschirmen drei Karten pro Zeile, auf schmaleren entsprechend weniger.

Neue, wiederverwendbare „Select Pill“-Komponente (runde Auswahl-Pille mit optionalem Icon, Zustände Standard/Hover/Ausgewählt/Fehler) inkl. optionalem Feld-Label mit einheitlichem 8px-Abstand zu den Pills. Im Berater-Vermittler-Rechner ersetzt sie bei „Geschlecht / Typ“ und „Franchise“ die bisherigen eckigen Auswahl-Buttons; der Label-Abstand ist dort jetzt überall gleich.

Solange ein Dialog oder ein Bottom-Sheet offen ist, lässt sich die Seite dahinter nicht mehr scrollen. Vorher konnte der Hintergrund trotz offenem Fenster verschoben werden.

Der Versenden-Dialog folgt jetzt dem neuen Design: Empfänger und Postadresse stehen in eigenen, klar beschrifteten Feldern (bei „Per E-Mail und Post“ Adresse über E-Mail). Der rechtliche Hinweis zum Beratungsprotokoll liegt neu hinter einem Info-Icon neben der Checkbox (öffnet ein Info-Fenster) statt als feste Box darunter. Die Offerten-Übersicht rechts ist eine kompakte Karte, die optionalen Beilagen sind standardmässig eingeklappt, und der Dialog ist etwas schmaler.

Die Schritt-Titel sind auf Mobile etwas kleiner (24 px) für mehr Ruhe auf schmalen Bildschirmen. Auf der Personen-Seite sind die Abstände zwischen den Formularfeldern jetzt durchgehend gleich. Das Preis-Total im mobilen Header ist schlanker gesetzt und zeigt im leeren Zustand sauber 'CHF 0.–'.

Auf der Zusammenfassungsseite stehen 'Online abschliessen' und 'Offerte anfordern' auf grösseren Bildschirmen nebeneinander. Ab der zweiten Person trägt der Grundversicherungs-Titel den Personennamen ('Wähle jetzt die Grundversicherung für …'). Versicherungsbeginn und Unfalldeckung sind exakt auf gleicher Höhe.

Bei mehreren Personen im Haushalt tragen die Schritt-Überschriften jetzt den Namen der aktuell konfigurierten Person: z.B. 'Wähle zuerst deine Grundversicherung' (Einzelperson) bzw. '... für Sara' (Mehrpersonen). Gleiches gilt für die Bedürfnis-Abfrage und den Zusatzversicherungs-Schritt.

Der Schrift-Grad des Personen-Totals in der Produkt-Übersicht wurde auf 16 px vereinheitlicht, und die Ausrichtung des Personen-Icons + Namens im Schritt-Titel ist jetzt korrekt an der Textbaseline.

Auf den Zusatzversicherungs-Schritten (Bedürfnisse + Auswahl) wurde der Titel beim Laden kurz durch eine personenbezogene Variante ersetzt. Der Titel bleibt jetzt stabil bei der gewünschten Formulierung. Die Grundversicherung führt weiterhin den Namen der aktuellen Person im Titel.

In der Produkt-Übersicht rechts (Desktop) wechseln jetzt auch die Totals mit demselben sanften Ein-/Ausblende-Effekt wie die einzelnen Produktzeilen, statt mit dem rollenden Ziffern-Effekt — die ganze Übersicht verhält sich dadurch konsistent.

Die Überschriften der Grund- und Zusatzversicherung sind persönlicher formuliert („Wähle zuerst die Grundversicherung“, „Deine Wünsche, unsere Zusatzversicherungen“) mit dem jeweiligen Schlüsselbegriff hervorgehoben. (Vorerst nur Deutsch.)

Die Trennlinie unterhalb der Fortschritts-Navigation (Person erfassen / Grundversicherung / …) entfällt im Rechner, und die Navigation sitzt etwas weiter oben, näher am Kopfbereich.

Die per Magic-Link bzw. über Comparis erhaltene Offerte zeigt die Personen jetzt im selben kompakten Zusammenfassungs-Layout wie der letzte Schritt des Kundenrechners. Bearbeiten von Stammdaten, Grund- und Zusatzversicherung bleibt pro Person möglich, und die Produkt-Empfehlungen erscheinen wie im Rechner.

Beim Bearbeiten der Grund- oder Zusatzversicherung einer Offerte (Magic-Link & Comparis) erscheinen jetzt dieselben Ansichten wie im öffentlichen Kundenrechner: die Modell-Karten mit Franchise-Auswahl bei der Grundversicherung und die Bereichs-Tabs (Ambulant/Spital/Weitere) bei der Zusatzversicherung — statt der bisherigen abweichenden Darstellung.

Beim Anhaken von „Kollektivvertrag“ springt der Fokus nicht mehr automatisch ins „Vertrag auswählen“-Feld und das Auswahl-Dropdown öffnet sich nicht mehr von selbst. Das Folgeformular klappt ruhig auf, der Berater entscheidet selbst, wann er das Feld öffnet.

In der rechten Preisübersicht entfällt das Plus-Zeichen vor dem Betrag der Unfallversicherung — die untereinander gelisteten Beträge werden ohnehin zusammengezählt.

Auf der Übersicht einer versendeten Offerte lässt sich neu — wie im Rechner — nur noch die ganze Personenkarte ein-/ausklappen (nicht mehr die einzelnen Abschnitte), und zwar gezielt über das Icon statt über die ganze Zeile. Bei den Zusatzversicherungen entfallen die Aufzählungspunkte. Zusätzlich wurde ein Darstellungsfehler behoben, bei dem der oben fixierte Personen-Titel beim Scrollen von Abschnitts-Titeln überdeckt wurde.

Bei einem ungeborenen Kind stehen jetzt die passenden Franchisen (CHF 600 / 400 / 200 / 0, Standard CHF 600), die Unfalldeckung ist vorausgewählt und die Grundversicherungs-Preise entsprechen dem tieferen Kinder-Tarif. Zusätzlich ist bei Personen bis 15 Jahren die Unfalldeckung standardmässig angehakt.

Der Total-Betrag in der rechten Übersicht wird gemäss Design neu in 24px dargestellt (vorher etwas grösser).

Wird eine ausgewählte, aufgeklappte Zusatzversicherung über die Checkbox wieder abgewählt, schliesst sich die Karte jetzt automatisch, statt offen stehen zu bleiben.

Bei Zusatzversicherungen mit nur zwei Leistungsklassen (z.B. Flexible Spitalzusatzversicherung) füllen die beiden Karten jetzt die gesamte Zeilenbreite, statt eine leere dritte Spalte offen zu lassen. Produkte mit drei Klassen bleiben unverändert.

Bei den Zusatzversicherungen (z.B. Zahnversicherung) werden jetzt ausschliesslich die Leistungsklassen angezeigt, die für den Kunden tatsächlich auswählbar sind. Nicht verfügbare Klassen werden nicht mehr ausgegraut mitgezeigt.

„Online Kunde“ steht jetzt ohne den Klammer-Zusatz. Bei „Kollektivvertrag“, „Neu in der Schweiz“ und „Abweichende Korrespondenzadresse“ entfällt das Fragezeichen am Ende.

Bei mehreren Personen zeigt jede Grundversicherungs-Karte, die eine andere Person im Haushalt bereits gewählt hat, jetzt einen Badge direkt unter dem Titel („für Alex ausgewählt“) — statt einer separaten Notiz über der Modell-Liste.

Bei mehreren Personen heisst der Weiter-Button beim Wechsel zur nächsten Person jetzt „Weiter mit {Name}“ (z.B. „Weiter mit Alex“) statt „Zur nächsten Person“.

Auf dem Grundversicherungs-Schritt verschwindet der „Weiter ohne Grundversicherung“-Link, sobald ein Modell gewählt wurde — Überspringen ist nur sinnvoll, solange keine Grundversicherung ausgewählt ist.

Beim Weiterklicken zum nächsten Schritt springt die Seite jetzt auf Mobile und Desktop einheitlich an den Seitenanfang (vorher landete man auf dem Handy mitten in der Seite).

Der Abschluss-Zusammenfassungs-Screen folgt jetzt der neuen Design-Vorlage: Titel „Dein Angebot bei der KPT“, ruhigere und einheitlichere Schriftgrössen, schlankeres Padding in der Personen-Karte, Jahrgang und Wohnort stehen jetzt unter Icon und Name. Der Bearbeiten-Knopf ist auf dem Handy ein runder Icon-Button. Unten stehen neu zwei volle Buttons untereinander („Online abschliessen“ und „Offerte anfordern“). Die Empfehlungen für Zusatzversicherungen bleiben erhalten.

Auf dem Zusammenfassungs-Screen kann unter der letzten Person jetzt direkt eine weitere Person hinzugefügt werden. Das Hinzufügen und Bearbeiten einer Person öffnet sich neu als Bottom-Sheet (auf dem Handy von unten einschiebbar) und nutzt dasselbe Formular wie die „Personen erfassen“-Seite.

Der Kopfbereich auf dem Handy wurde nach Vorlage überarbeitet: Das KPT-Logo zeigt nur noch die Bildmarke ohne Schriftzug (am Desktop bleibt das volle Logo), rechts steht neu ein „Beratung“-Button mit Telefon-Icon, und das Zusammenfassungs-Kürzel ist als graue Pille mit Dokument-Icon und laufendem Total neu gestaltet.

Auf dem Versicherungs-Schritt liegt auf dem Handy jetzt eine sticky Leiste über die volle Breite am unteren Rand mit einem „Weiter“-Button, der die nächste Aktion mit vollem Kontext anzeigt (z.B. „Zusatzversicherung wählen“, „Zur nächsten Person“). Sobald man weit genug nach unten scrollt und der eigentliche Button am Seitenende erscheint, blendet sich die Leiste aus — so sieht man nie zwei gleiche Buttons. Solange noch keine Grundversicherung gewählt ist, erscheint die Leiste nicht (kein „Weiter ohne Grundversicherung“ als sticky CTA) — dann steht der Button nur ganz unten. Die Buttons im Seitenfuss stehen auf dem Handy untereinander und über die volle Breite. Das laufende Total steht nicht mehr in der Leiste (es ist bereits im Kopfbereich sichtbar).

Die Felder „Neu in der Schweiz?“ (Personen erfassen) und „Inklusive Unfallversicherung“ (Grundversicherung) lassen sich jetzt über die ganze Box anklicken, nicht mehr nur über das kleine Kästchen. Ihr Rahmen hat zudem dieselbe Farbe wie ein normales Eingabefeld.

Der Kopfbereich des Kundenrechners (inkl. Online-Abschluss) ist jetzt schmaler und bleibt beim Scrollen oben kleben. Rechts steht neu ein „Zusammenfassung“-Kürzel — ein Personen-Icon mit dem laufenden Monats-Total (rollende Ziffern wie in der Übersicht). Ein Klick öffnet ein Bottom-Sheet mit der Zusammenfassung pro Person; bei mehreren Personen lässt sich seitlich durch die Personen wischen, wobei die gerade bearbeitete Person vorausgewählt ist. Die Sprachauswahl ist dafür in den Footer gewandert (alle vier Sprachen direkt anwählbar), das Telefon-Kürzel ist entfallen.

Wechselt man bei mehreren Personen die Grundversicherung von einer Person zur nächsten, klappt die Detail-Karte der vorherigen Person jetzt weich zur Kompaktzeile zusammen (Inhalt blendet nach oben aus), während die neue Person aufklappt und das Total mitgleitet — statt hart umzuspringen. Der Name der eingeklappten Person ist gleich gross wie der der aufgeklappten.

Bei mehreren Personen zeigt der Versicherungs-Schritt die aktuell bearbeitete Person jetzt direkt im Titel mit Geschlechts-Icon und Namen an (z.B. „Grundversicherung für 👩 Sarah“) — statt der bisherigen Personen-Pill-Reihe unter dem Fortschrittsbalken. Gilt für Grund- und Zusatzversicherung inkl. Bedürfnis-Abfrage. Zwischen den Personen führt der „Weiter“/„Zurück“-Ablauf wie gehabt.

Wenn man in der Produkt-Übersicht die Grundversicherung oder eine Zusatzversicherung hinzufügt oder ändert, blitzt die betroffene Zeile kurz auf (sanfter Puls). So sieht man auf einen Blick, welche Auswahl sich gerade ausgewirkt hat. Beim ersten Laden blitzt nichts.

Das „Total / Monat" in der Produkt-Übersicht des Kundenrechners rollt jetzt sanft auf den neuen Wert, wenn man ein Modell, eine Franchise oder eine Zusatzversicherung ändert — statt hart umzuspringen (Desktop-Sidebar + mobile Aktionsleiste). Macht die Auswirkung einer Auswahl auf den Preis unmittelbar sichtbar. Gleiches gilt für das neue Total + die Preisdifferenz in der Kundenportal-Anpassung.

Das Lampen-Icon neben dem Franchise-Label in der Grundversicherung ist jetzt klickbar und blendet den erklärenden Hinweistext darunter ein bzw. aus. Bei ausgeblendetem Hinweis ist die Lampe abgedimmt, damit der Zustand klar erkennbar bleibt.

Die Wahl der Hausarztpraxis bzw. des Gesundheitsnetzes (bei den Modellen KPTwin.doc und KPTwin.plus) passiert nicht mehr während der Versicherungsauswahl, sondern als eigener Schritt im Online-Abschluss — gleich nach den persönlichen Angaben. Sie erscheint nur, wenn mindestens eine Person ein Modell mit Praxis-Pflicht gewählt hat, und ist pro betroffener Person auszufüllen. So bleibt die erste Auswahl schlanker, und die Praxis wird erst beim verbindlichen Abschluss festgelegt.

Für „Ungeborenes Kind“ wird neu ein eigenes Baby-Gesicht-Icon verwendet (statt des Storch-Icons) — passend zum Figma-Design. Greift überall, wo der Personentyp erscheint: Geschlechtsauswahl, Übersichten, Bestätigung und Kündigung, im Kunden- wie im Berater-Rechner.

Der erste Schritt (Personen erfassen) zeigt oben keinen Phasen-Stepper mehr — der Einstieg bleibt ruhig, und die Vertrauens-Teaser (Einfach und schnell · Die KPT ist beliebt · Persönlich) stehen wie gewohnt darunter. Ab dem Versicherungs-Schritt erscheint der Stepper wieder. Die Teaser-Karten wurden ans Figma-Design angeglichen (KPT-Icons mit rotem Akzent).

Die abgerundeten Ecken aller Karten (Grundversicherung, Zusatzversicherung, Personen-Karten, Sidebars, Dialoge) sind jetzt durchgängig 16px. Vorher war es uneinheitlich: ein Teil der Karten lag bei 8px, ein anderer durch einen Rechenfehler bei nur 7.2px — also kleiner als gedacht. Beide Werte sind nun zentral auf 16px korrigiert.

Die Produkt-Detail-Ansichten (z.B. „Details“ auf den Grundversicherungs-Karten) verhalten sich jetzt wie ein echtes Bottom-Sheet: auf dem Handy gleiten sie von unten herein, lassen sich am Greif-Indikator nach unten ziehen (folgt dem Finger, federt zurück oder schliesst bei kräftigem Wisch) und schliessen mit einer weichen Abwärts-Animation. Der abdunkelnde Hintergrund blendet beim Ziehen mit. Auf Desktop/Tablet erscheint das zentrierte Fenster sanft ein- und ausblendend mit leichtem Schatten. Der Kopf folgt dem Figma-Design: Schliessen-Knopf links im grauen Kreis, Produktname mittig. Ausserdem behoben: das Sheet legt sich jetzt korrekt über die gesamte Seite (inkl. der schwebenden Total-Leiste auf dem Handy) statt dahinter eingeklemmt zu sein. Respektiert die System-Einstellung „Bewegung reduzieren“.

Im Grundversicherungs-Schritt steht „Unfalldeckung“ auf Desktop und Tablet jetzt direkt neben „Versicherungsbeginn“ in einer Zeile (auf dem Handy weiterhin untereinander). Der Preis wird nicht mehr in der Checkbox angezeigt — er ist ohnehin im Modell-Preis enthalten.

Der Schritt „Grundversicherung wählen“ folgt neu dem Figma-Design: Versicherungsbeginn und Unfalldeckung stehen jetzt oberhalb der Modell-Karten (statt in der aufklappenden Karte), die Franchisen sind von hoch nach tief sortiert (CHF 2'500 → 300) mit Default 2'500, damit Preise sofort sichtbar sind, und pro Franchise erscheint ein Tipp. Die Modell-Karten sind schlanke Auswahl-Karten mit Auswahl-Punkt; „Details“ öffnet die Produktinfos als Bottom-Sheet (mobil) bzw. Dialog (Desktop) mit hervorgehobenen Stichworten. Ein einziger, dynamischer Weiter-Button pro Seite („Weiter ohne Grundversicherung“ → „Zusatzversicherung wählen“), beim Scrollen verkürzt auf „Weiter“. Bei mehreren Personen sieht man zusätzlich, welches Modell die anderen Personen bereits gewählt haben. Die Franchise-Auswahl ist jetzt eine Pill-Reihe im gleichen Stil wie die Personen-/Geschlechtsauswahl (auf dem Handy horizontal scrollbar), die Produktkarten haben durchgängig 16px abgerundete Ecken, und der Fortschritts-Stepper oben ist auf die Breite des Inhalts ausgerichtet.

Die Personen-Karte beim Erfassen folgt neu dem Figma-Design: Ab zwei Personen sitzt jede Person in einer umrandeten Karte mit Geschlechts-Icon + Name und Trennlinie im Kopf (eine einzelne Person bleibt wie bisher ohne Rahmen). Die aktive Geschlechts-Auswahl ist neu hell hinterlegt mit dunklem Rahmen statt voll ausgefüllt. „Neu in der Schweiz?“ ist jetzt ein eigenes Feld mit „Ja“-Auswahl (ohne Info-Icon), und beim Vornamen steht „(optional)“ direkt im Feldtitel.

Beim Typ „Ungeborenes Kind“ wird der voraussichtliche Geburtstermin nicht mehr als Fehler markiert, wenn er in der Zukunft liegt. Für reguläre Personen bleibt die Prüfung „nicht in der Zukunft“ bestehen.

In der Offerten-Übersicht des „Offerte versenden“-Dialogs zeigt jede Person jetzt ihr Geschlechts-Icon (Frau/Mann/ungeborenes Kind) statt des generischen Personen-Icons. Hat eine Person nur eine Variante, heisst die Preiszeile neu „Total“ statt „Auswahl“.

Ein Klick auf eine nicht aktive Person in der rechten Übersicht scrollt die Seite jetzt wieder zuverlässig zu dieser Person — wie beim Hinzufügen einer Person.

Im „Offerte versenden“-Dialog tragen die Buttons jetzt passende Icons (E-Mail/Post/E-Mail+Post am Versenden-Button, Dokument-Icons bei Vorschau und Upload). „Dokument auswählen“ heisst neu „Dokument hinzufügen“ und ist — wie die „Offerten-Vorschau“ — als Outline-Button gestaltet.

Im „Offerte versenden“-Dialog gibt es neben dem Versenden-Button neu „Offerten-Vorschau“: Damit öffnet sich die Offerte als dokument-artige Vorschau in einem neuen Tab — mit einem deutlichen Wasserzeichen „Vorschau · nicht versenden“ quer über die Seite. So können Berater die Offerte vor dem Versand gegenchecken, ohne dass die Vorschau zum manuellen Versand missbraucht werden kann. Der Versand läuft weiterhin ausschliesslich über den Dialog.

Die Produktkarten der Zusatzversicherungen wurden ans finale Design angeglichen: abgerundete Ecken (16 px), die ausgewählte Karte trägt jetzt — wie die Grundversicherung — einen dunklen Rahmen, einheitliche Innenabstände, aufgeräumte Trennlinien und ein neuer, ruhigerer „Leistungsvergleich“-Bereich. Beim Auf- und Zuklappen einer Karte gleitet der Inhalt sanft auf/zu statt zu springen. Auch die Grundversicherungs-Modellkarten sind neu abgerundet.

Beim Auswählen einer Zusatzversicherung (Häkchen oder Klick auf die Karte) wird automatisch die günstigste Leistungsklasse vorausgewählt. Der Zähler in den Bereichs-Tabs zählt ein Produkt erst, wenn auch eine Leistungsklasse gewählt ist. Entfernt man das Häkchen einer offenen Karte, bleibt sie geöffnet (nur Produkt und Leistungsklasse werden abgewählt). Ein Klick auf das Pfeil-Symbol klappt die Karte nur auf/zu, ohne sie auszuwählen.

Schaltet man die Grund- oder Zusatzversicherung über den Schalter aus und wieder ein, startet der Bereich neu im Standardzustand — die vorherige Auswahl wird nicht mehr zwischengespeichert.

Der Sidebar-Button heisst neu „Offertversand vorbereiten“. Die Such-Buttons in den HMO-Hinweisen (Arzt/Gesundheitsnetz finden) nutzen den Outline-Stil. Der Link „Name von Hauptperson übernehmen“ unter dem Kontoinhaber-Feld ist links ausgerichtet.

Wechselt man in der rechten Übersicht zwischen den Personen, blendet die aktive Person ihre Produkt-Aufstellung jetzt flüssig auf und zu, statt zu springen — auch der Preis wandert weich von der Namenszeile nach unten. Während des Hinscrollens bleibt die gewählte Person markiert (kein Flackern mehr).

Beim ungeborenen Kind ist die Bezugsperson-Erfassung überarbeitet: Die Häkchen (Online-Kunde, Neu in der Schweiz, abweichende Korrespondenzadresse) stehen neu nebeneinander auf halber Breite mit einheitlicher Optik und passenden Abständen, und die Felder zeigen sinnvollere bzw. keine Platzhalter mehr.

Vor- und Nachname eines ungeborenen Kindes sind jetzt optional (Vertragspartner ist die Bezugsperson). Ohne Namen wird die Person als „Ungeborenes Kind“ angezeigt statt „Person X“ — bei mehreren ungeborenen Kindern durchnummeriert.

Der Kopfbereich hat neu einen weissen statt grauen Hintergrund. Die Prozentzahl im Vollständigkeits-Kreis ist etwas kleiner. Bei den Zahlungsinformationen steht als Platzhalter „Keine Angabe“ bei Zahlungsart/-intervall, und die Kontoinhaber-Namen zeigen keinen Platzhalter mehr.

Die Übersichts-Karte rechts wurde an das finale Design angeglichen (Abstände, Farben, klarere Trennung von Personen, Vollständigkeit und Total). Das Zwischentotal pro aktiver Person erscheint nur noch, wenn mehrere Personen erfasst sind — bei einer einzelnen Person genügt das Gesamttotal ganz unten. Hat eine Variante noch keine Produkte (z.B. eine neu erstellte), steht in der Übersicht der Hinweis „Keine Produkte ausgewählt“.

Solange eine Person noch keinen Namen hat, heisst sie neu „Person 1“, „Person 2“ usw. statt „Person A“, „Person B“.

Der Kundenrechner hat eine neue Navigation. Statt der vertikalen Leiste links steht jetzt oben ein waagrechter Phasen-Stepper (Personen erfassen · Grundversicherung · Zusatzversicherung · Zusammenfassung); der aktive Schritt ist durch seinen roten Strich hervorgehoben — gleicher Ansatz auf Desktop und Mobile. Wichtigste Änderung: Bei mehreren Personen wird nicht mehr jede Person komplett durchlaufen, sondern zuerst für alle Personen die Grundversicherung gewählt und danach für alle die Zusatzversicherung. Die alte Navigation bleibt als Vergleichs-Konzept im Navigations-Prototyp erhalten.

Auf dem Versicherungs-Schritt zeigt der Rechner rechts wieder die Produkt-Übersicht mit Live-Total und Speichern-Funktion.

Der Online-Abschluss (Persönliche Angaben · Gesundheitsfragen · Zahlung · Abschliessen) nutzt jetzt denselben waagrechten Phasen-Stepper wie der Rechner statt der vertikalen Leiste links — gleiche Optik auf Desktop und Mobile. Bei mehreren Personen mit Zusatzversicherung erscheinen die Personen als Auswahl-Pills unter dem Stepper.

Varianten gehören jetzt zur einzelnen Person, nicht mehr zur ganzen Offerte. Pro Person lassen sich mehrere Produkt-Varianten anlegen (z.B. eine günstigere und eine umfassendere) — die persönlichen Daten, Adresse, Kontakt und Zahlung bleiben dabei geteilt, nur die Grund-/Zusatzversicherung unterscheidet sich. In der Übersicht rechts wird die aktive Person hervorgehoben und trägt darunter ein Varianten-Auswahlmenü; neue Varianten entstehen über das Drei-Punkte-Menü der Person. Beim Versenden werden alle Varianten einer Person als Auswahlmöglichkeiten mitgeschickt.

Grundversicherung und Zusatzversicherung haben je einen Schalter im Titel. Ist er aus, klappt der Bereich zu und fliesst nicht in Preis, Vollständigkeit oder Versand ein — praktisch, wenn eine Person z.B. nur eine Zusatzversicherung braucht.

Nur noch die ganze Person lässt sich ein- und ausklappen — die Unterbereiche bleiben offen. Die Zahlungsinformationen sind eine eigene, immer sichtbare Karte. Aktivierte Häkchen wie „Neu in der Schweiz“, „Kollektivvertrag“ oder „abweichende Korrespondenzadresse“ zeigen ihre Folgefelder jetzt direkt in einer umrandeten Box rund um das Häkchen.

Die Zusatzversicherungen werden neu über Bereichs-Tabs (Ambulant / Spital / Weitere) mit Anzahl-Anzeige gewählt; pro Produkt klappt eine Zeile auf und zeigt die Leistungsklassen als einzelne Karten. Die Auswahl-Markierung (Geschlecht, Franchise, Modelle, Leistungsklassen) nutzt durchgehend den neuen dunklen Rahmen statt des bisherigen Blautons.

Die Desktop-Navigation des Rechners wurde feiner gemacht: Personen erscheinen bereits beim Erfassen, der aktive Punkt ist ein klarer roter Kreis, die Fortschritts-Linie bis dahin ist rot, und Name/Grund-/Zusatzversicherung stehen sauber auf einer Linie (der aktive Punkt sitzt immer auf der Grund- bzw. Zusatzversicherung, nie auf dem Namen). Dieselbe Navigations-Optik gilt jetzt auch im Online-Abschluss (Persönliche Angaben / Gesundheitsfragen / Zahlung / Abschliessen).

Die Auswahl Weiblich / Männlich / Ungeborenes Kind beim Erfassen einer Person ist neu eine Reihe abgerundeter Auswahl-Pills statt der zusammenhängenden Segment-Leiste. Auf schmalen Bildschirmen lässt sich die Reihe horizontal scrollen, statt die Beschriftungen zu quetschen. Umgesetzt nach Figma-Vorlage.

Die Navigation des Kundenrechners hat ein neues Gesicht. Auf dem Desktop ist der aktive Schritt neu als helle Pille mit grösserem Punkt hervorgehoben; auf dem Versicherungs-Schritt erscheinen Grund- und Zusatzversicherung (bzw. bei Familien die Personen) direkt als Navigationspunkte. Darunter ein „Später fortsetzen?“-Hinweis mit Speichern-Funktion. Auf dem Mobile liegt die Navigation neu zuoberst als Fortschrittsleiste mit Personen-Auswahl, und die schwebende Leiste unten zeigt nur noch das Gesamttotal und den Weiter-Button. Die rechte Produkt-Übersicht ist vorerst ausgeblendet. Umgesetzt nach Figma-Vorlage.

Die Bedürfnis-Auswahl in der Zusatzversicherung ist neu eine klare Liste: pro Bedürfnis eine Zeile mit Symbol, Bezeichnung und Auswahlkästchen rechts — mobil-optimiert und auf dem Desktop gleich aufgebaut. Neu sieben statt sechs Bedürfnisse (ergänzt: „Medizinische Massage“); zwei Bezeichnungen wurden geschärft („Komplementärmedizin“ → „Alternativmedizin“, „Fitness und Gesundheit“ → „Sport und Fitness“). Die Symbole sind neu die originalen KPT-Icons. Umgesetzt nach Figma-Vorlage.

Im Stammdaten-Schritt des Online-Abschlusses sind Geschlecht und Geburtsdatum neu fest (nicht mehr editierbar). Beide bestimmen die Prämie und werden bereits im Rechner erfasst — eine spätere Änderung würde nicht zur berechneten Prämie passen. Korrigieren lässt sich das wie bisher im ersten Schritt des Rechners.

Auf der Abschluss-Zusammenfassung zeigt jede Person-Karte neu eine kompakte Kopfzeile (Name + „Jahrgang · PLZ Ort“) und pro Abschnitt — Person, Grund- und Zusatzversicherung — eine eigene Bearbeiten-Funktion. Auf dem Desktop ist das ein „Bearbeiten“-Button, auf dem Mobile ein Stift-Icon mit grosszügiger Tippfläche. Umgesetzt nach Figma-Vorlage.

Ein weiteres Navigations-Paradigma im „Konzept“-Dropdown: oben drei Phasen-Balken (Personen erfassen / Versicherung / Übersicht), die sich beim Fortschreiten rot füllen, mit dem aktuellen Phasen-Namen darüber. Statt einer seitlichen Navigation hängt unten eine schwebende Leiste, die immer sichtbar bleibt — mit den Personen (die aktive hervorgehoben) und dem Gesamtpreis pro Monat für den ganzen Haushalt.

Die Spielwiese kennt jetzt drei zusätzliche, grundlegend andere Navigations-Paradigmen — wählbar im „Konzept“-Dropdown: Top-Stepper (linearer Checkout mit Phasen-Leiste), Personen-Tabs (ein Browser-Tab pro Person plus angepinnter Übersicht-Tab) und Haushalts-Dashboard (Übersichts-Board mit Drill-in pro Person). Alle nutzen denselben echten Versicherungs-Flow; nur die Navigation drumherum unterscheidet sich. Leitidee: der Versicherungsbereich steht im Fokus, das Personen-Erfassen ist nachrangig.

Mehrere Stellen reagieren jetzt sauber auf schmale Bildschirme: Der „Details“-Dialog der Grundversicherung quetscht Preis und Text nicht mehr ineinander (der Preis steht jetzt unter dem Namen) und bietet neben „Auswählen“ zusätzlich eine „Schliessen“-Aktion. Die Modell-Karten zeigen den Preis auf dem Smartphone unter dem Namen statt in einer zu engen Spalte. Die Bedürfnis-Auswahl („Was ist dir wichtig?“) erscheint zweispaltig und übernimmt die gleiche Hover-/Auswahl-Optik wie die Grundversicherungs-Karten. Die Bereichs-Tabs der Zusatzversicherung passen jetzt gleichbreit in eine Zeile. Die Empfehlungs-Karten auf der Zusammenfassung brechen nicht mehr — Name oben, Preis und Button darunter. Sekundäre Aktionen nutzen durchgehend Outline-Buttons und sind nicht mehr blau.

Die Geräte-Vorschau läuft neu in einem echten Geräte-Rahmen — Tablet und Mobile zeigen jetzt exakt das Layout, das auf dem jeweiligen Gerät erscheint (vorher wurde die Desktop-Ansicht in die schmale Breite gequetscht). Die Navigation klappt auf schmalen Geräten automatisch in die kompakte Leiste, der Inhalt fliesst sauber einspaltig.

Mehrere Bereiche sind auf schmalen Bildschirmen aufgeräumt worden: Die Modell-Karten der Grundversicherung brechen Titel und Text nicht mehr Wort für Wort um, der Geschlechts-Schalter zeigt „Ungeborenes Kind“ sauber zweizeilig, die Bereichs-Tabs der Zusatzversicherung (Ambulant/Spital/Weitere) lassen sich horizontal scrollen, und die Weiter-/Zurück-Buttons stehen untereinander statt über den Rand hinaus.

In der seitlichen Navigation sind alle Punkte jetzt durchgehend schwarz — auch noch nicht erreichte Schritte wie „Zusammenfassung“ erscheinen nicht mehr ausgegraut. Den Fortschritt zeigen weiterhin die Linienfarbe und die Hervorhebung des aktiven Schritts.

In der Beratungs-Box des Sidebar-Layouts sitzt das Telefon-Icon jetzt rechts neben der Frage statt links.

Im Sidebar-Layout sitzt „Beratung anfordern“ jetzt als hellgraue Box direkt unter der Navigation — mit Telefon-Icon, der Frage „Brauchen Sie telefonische Beratung?“ und einem Link statt eines Buttons. Die Sprachwahl ist aus der Sidebar in den Footer gewandert und dort ausgeschrieben (Deutsch, Français, Italiano, English). Der Inhalt rechts beginnt jetzt auf gleicher Höhe wie „Personen erfassen“ in der Navigation.

Unter dem Titel der Zusatzversicherung wurde die Zeile mit den gewählten Bedürfnissen samt „anpassen“-Link entfernt — der Bereich wirkte redundant.

Beim Weiterklicken (z.B. von Grund- zu Zusatzversicherung oder zwischen den Zusatzversicherungs-Bereichen) springt die Ansicht jetzt ohne Scroll-Animation an den Anfang des Inhaltsbereichs.

Der Zwischenschritt beim Wechsel von einer Person zur nächsten zeigt die Personen jetzt als umrandete Boxen (wie bei „Personen erfassen“) statt als Zeitstrahl: Icon, Name und ein Status-Tag („Abgeschlossen“ / „Offen“) rechts. Unter dem Namen stehen bei fertigen Personen kurz die gewählte Grund- und Zusatzversicherung. Der Weiter-Button hängt nicht mehr an der Person, sondern steht unten neben „Zurück“ und heisst jetzt „Weiter mit {Name}“.

Neuer „Layout“-Umschalter in der schwarzen Leiste. „Mit Header“ ist wie bisher. „Sidebar“ entfernt den Header komplett und baut die ganze linke Spalte zu einer durchgehenden Sidebar um: KPT-Logo zuoberst, darunter die Schritt-Navigation, und am unteren Rand fix „Beratung anfordern“ zusammen mit der Sprachwahl. Die Sidebar bleibt beim Scrollen stehen, sodass Logo oben und Support unten immer sichtbar sind.

Mehr Abstand zwischen den Modellkarten, ein dezenter Hover-Effekt (die Karte hebt sich leicht an und bekommt einen betonteren Rahmen, weich animiert) als Hinweis auf die Klickbarkeit, und der „Details“-Link ist jetzt durchgehend unterstrichen und färbt sich beim Überfahren rot.

Der Navigations-Prototyp zeigt jetzt den kompletten Kundenrechner 1:1 — echter Header, Step-Navigation, der reale Inhalt (Personen-Erfassung, Grundversicherungs-Modelle mit Preisen, Bedürfnis-Abfrage, Zusatzversicherungen, Angebots-Übersicht) und der echte Footer. Oben bleibt die schwarze Leiste, um Navigationskonzept, Personen-Konstellation und Viewport umzuschalten. Einzige Auslassung ist die rechte Produkt-Übersicht. Er verhält sich genau wie der Kundenrechner; die Daten sind isoliert, sodass kein echter Kundenrechner-Stand beeinflusst wird.

Die seitliche Schritt-Navigation hat jetzt grössere Schrift (16px) in durchgehend schwarzer Farbe statt grau, eine etwas kräftigere Fortschritts-Linie und leicht grössere Punkte. So ist auf einen Blick klarer, wo man im Ablauf steht.

Neue Variante „immer aufgeklappt“: Grund- und Zusatzversicherung sind von Anfang an sichtbar, statt hinter „Versicherung wählen“ eingeklappt zu sein. Bei einer Person springt man direkt zwischen Grund- und Zusatzversicherung; bei mehreren Personen sieht man schon auf „Personen erfassen“ alle Personen (z.B. Anna und Jens), und nur die aktive Person klappt ihre Grund-/Zusatzversicherung als Unterpunkte auf.

Der Konzept-Umschalter bietet die Varianten „Gruppe bleibt“ (eine Person zeigt „Versicherung wählen“ als Überschrift, die stehen bleibt) und „Gruppe blendet aus“ (dieselbe Überschrift, die verschwindet, sobald man in Grund-/Zusatzversicherung ist). Bei mehreren Personen sind beide gleich.

Die Marker der Navigation sind jetzt durchgehend gleich gestaltet: ein etwas grösserer Punkt (12×12) für alle Schritte. Der erledigte „Personen erfassen“-Schritt zeigt keinen Haken-Kreis mehr, sondern denselben Punkt wie die übrigen Knoten.

Bei nur einer Person zeigt die Navigation keinen eigenen Personen-Eintrag mehr (kein Name, kein Geschlechts-Icon). Stattdessen steht „Versicherung wählen“ als graue Gruppen-Überschrift, darunter direkt Grund- und Zusatzversicherung als die anklickbaren Schritte — wie im Figma-Entwurf. Mehrere Personen behalten ihre einzelnen Knoten.

Solange man noch auf „Personen erfassen“ steht, zeigt die Navigation nur einen Punkt „Versicherung wählen“ statt schon die einzelnen Namen — die Personen erscheinen erst, wenn man weitergeht. Die Personen sind nicht mehr ausgegraut, immer anklickbar (Pointer-Cursor + Hover) und die Fortschritts-Linie läuft nicht mehr durch die Personen-Icons hindurch, sondern bricht mit dem gleichen Abstand wie bei den Punkten.

Eine separate Spielwiese, um Navigationskonzepte für den Kundenrechner auszuprobieren, bevor sie in die echte Strecke wandern. Oben eine Leiste zum Umschalten von Konzept, Personen-Konstellation (1–5 Personen: Single bis Familie mit 3 Kindern) und Viewport (Desktop/Tablet/Mobile); daneben eine graue Platzhalter-Box, deren Titel den aktiven Schritt spiegelt. Erstes Konzept ist eine durchgängige vertikale Step-Navigation mit Fortschritts-Linie, auf der Personen und ihre Grund-/Zusatzversicherung als Punkte sitzen. Voll durchklickbar, mit weichen Übergängen. Nur per Direktlink erreichbar (/nav-prototyp), nicht im Hub.

Die drei Vertrauens-Karten („Einfach und schnell“, „Die KPT ist beliebt“, „Persönlich“) erscheinen jetzt nur noch auf dem Personen-Schritt. Auf den weiteren Schritten sind sie ausgeblendet, damit der Fokus auf der Auswahl bleibt; der Footer bekommt dort eine saubere obere Trennlinie.

Auf der Grundversicherung heisst die Checkbox neu schlicht „Unfalldeckung“ (mit Preis dahinter) statt „Unfalldeckung einschliessen“. Der frühere Info-Tooltip ist einem „Details“-Link gewichen, der ein Modal öffnet und verständlich erklärt, in welchen Fällen man die Unfalldeckung braucht (z.B. nicht/wenig angestellt, selbständig) und wann nicht (Deckung über den Arbeitgeber).

Der Zwischenschritt beim Wechsel von einer Person zur nächsten wirkt klarer: die Timeline ist kompakter, der Status „Abgeschlossen“ sitzt als dezente Badge direkt beim Namen statt am rechten Rand, und der Button „Versicherung auswählen“ steht direkt unter der nächsten Person — die Aktion gehört damit sichtbar zu ihr.

Drei Zusatzversicherungs-Screens wurden code-treu nach Figma übertragen — diesmal durchgängig mit echten Komponenten aus der KPT-Library statt nachgezeichneter Rechtecke: Tab „Ambulant“ (leer), Tab „Spital“ (leer) und Tab „Spital“ mit ausgewähltem Spitalzusatz (aufgeklappter 5-Stufen-Picker XS–XL). Bereichs-Toggle, Produktzeilen (InsuranceAccordion), Stufen-Badges, Auswahl-Radios, Buttons und der Bedürfnisse-Link sind instanzbasiert. Dient als Vorlage für die saubere Neuauflage der übrigen Screens.

Wenn die Versicherung einer Person fertig zusammengestellt ist, erscheint bei mehreren Personen ein kurzer, ruhiger Übergabe-Screen: „{Name}s Versicherung ist zusammengestellt — als Nächstes ist {nächste Person} an der Reihe.“ Als schlanke Timeline dargestellt: erledigte Personen mit grünem Häkchen, die aktuelle als Ring mit dem „Versicherung auswählen“-Button, der ihre Grundversicherung startet, spätere als offene Punkte.

Bei einer zweiten Person ist das frühere Papierkorb-Icon jetzt ein beschrifteter „Entfernen“-Button mit einem Personen-Minus-Icon aus der KPT-Icon-Library. Der „Person hinzufügen“-Link trägt passend ein Personen-Plus-Icon.

Sobald eine zweite Person dazukommt, sitzt jede Person in einer eigenen umrandeten Box mit ihrem Namen als Titel (statt Geschlecht), und der Inhalt liegt bündig darunter. Der Namen-Bereich der ersten Person und die Box gleiten beim Hinzufügen sanft ein, und die neue Person öffnet sich smooth — kein Springen mehr.

Auf dem Grundversicherungs-Step steht der Preis der Unfalldeckung jetzt fett direkt im Auswahl-Label. Unter der Franchise-Auswahl erscheint der Hinweis-Text grösser und mit einem Glühbirnen-Icon als Tipp. In der Angebots-Übersicht und der Übersichts-Sidebar ist die Unfalldeckung im Grundversicherungs-Preis enthalten und wird als Zeile „inkl. Unfallversicherung“ unter dem Modellnamen ausgewiesen — keine separate Preiszeile mehr. In der Sidebar zeigen die einzelnen Produktzeilen nur noch die Zahl, „CHF“ steht nur beim Total.

Der finale Bestätigungs-Screen vor dem verbindlichen Abschluss zeigt jetzt pro Person alle erfassten Angaben — persönliche Daten (Geschlecht, Geburtsdatum, bisherige Kasse, Kontakt, Adresse), die Produktauswahl, die Gesundheitsfragen und die Zahlungsinformationen. Die Gesundheitsfragen sind als Schnellübersicht eingeklappt (Antworten auf einen Blick) und lassen sich für die vollständigen Frage-Texte und Notizen ausklappen. Optik an den Zusammenfassungs-Screen angelehnt.

Die Titel im Versicherungs-Flow sind jetzt knackiger und schneller scannbar: „Grundversicherung wählen“, „Was ist dir wichtig?“, „Zusatzversicherung wählen“, „Dein Angebot“. Wenn du die Versicherung für eine weitere Person zusammenstellst, steht der Name in der dritten Person — z.B. „Grundversicherung für Tom“ oder „Was ist Tom wichtig?“ — statt die Person direkt mit „dir/deine“ anzusprechen. (Aktuell auf Deutsch; FR/IT/EN folgen.)

Alle Karten und Sidebars (u.a. Grundversicherung, Zusatzversicherung, Übersicht) haben jetzt durchgehend 8px abgerundete Ecken statt 4px. Buttons und Eingabefelder bleiben bei ihrem bisherigen Radius.

Auf dem Versicherungs-Schritt klappt die linke Navigation neu in „Grundversicherung“ und „Zusatzversicherung“ auf — so kann man direkt zwischen beiden springen. Bei mehreren Personen erscheinen diese Punkte nur unter der aktuell bearbeiteten Person; ein Klick auf eine andere Person springt automatisch zu deren Grundversicherung und klappt sie auf. Der Trenn-Strich vor den Personen ist weg (Icons sind jetzt bündig mit „Versicherung wählen“), und die „Schritt X von Y“-Anzeige entfällt.

Die Design-System-Seite zeigt unter „Icons“ neu alle Icons des Kundenrechners visuell (Person/Geschlecht, Bedürfnisse, UI-Aktionen, Trust-Cards) — mit Kennzeichnung, welche schon KPT-eigene Icons sind und welche noch Platzhalter. Das erste Bedürfnis-Icon (Freie Arzt- und Spitalwahl) ist bereits als Custom-Icon umgesetzt; alle Bedürfnis-Icons sind jetzt schwarz. Grundlage fürs Ersetzen der restlichen Icons durch die Figma-Icon-Library (Arbeitsliste: docs/icon-inventory.md).

Bei der Unfalldeckung steht der Preis (CHF 8.65 / Monat) jetzt rechts am Zeilenende in normaler Schrift (wie ein normaler Versicherungspreis, nicht fett); das Info-Icon sitzt direkt neben „Unfalldeckung“ und die Checkbox ist vertikal mittig zum Versicherungsbeginn-Feld ausgerichtet. In der Zusammenfassung wird die Unfalldeckung als separate Zeile unter der Grundversicherung ausgewiesen — der Grundversicherungs-Preis zeigt entsprechend nur noch das Modell, das Total bleibt gleich.

Die Gesundheitsfragen im Abschluss-Flow laufen jetzt Person für Person — gleich wie die Zusatzversicherung. Bei mehreren Personen erscheinen sie als Unterpunkte (mit Geschlechts-Icon und grünem Haken bei erledigt) unter „Gesundheitsfragen“ in der Schritt-Navigation; die Personen-Pills im Inhalt entfallen. Zusätzlich ist die „Schritt X von Y“-Angabe über den Titeln im gesamten Abschluss-Flow (Gesundheitsfragen, Zahlung, Bestätigen) entfernt — die Schritt-Navigation links zeigt den Fortschritt ohnehin.

Auf dem Smartphone liegt die Übersicht jetzt in einer schwebenden Leiste am unteren Rand. Bei mehreren Personen zeigt sie als Pills, welche Person gerade konfiguriert wird (die aktive Person ist rot hervorgehoben), daneben das Total pro Monat. Ein Tippen auf die Leiste öffnet die vollständige Übersicht als Vollbild-Ansicht — mit allen Personen, Produkten, Preisen und dem „Speichern“-Button. Ersetzt das frühere Inline-Aufklappen.

Die Bereichs-Auswahl (Ambulant / Spital / Weitere) ist neu eine Pill-Toggle-Gruppe. Beim Wechsel zwischen den Bereichen — per Klick oder über „Weiter“ — wird der Inhalt mit derselben Animation wie die anderen Schritte eingeblendet und der Screen springt nach oben. Unten in der Button-Reihe gibt es zusätzlich einen „Keine Zusatzversicherung“-Button, der die Zusatzversicherung für die Person überspringt.

In der linken Schritt-Navigation tragen die Personen unter „Versicherung wählen“ jetzt ihr Geschlechts-Icon. Zusätzlich zeigt die Navigation, wie weit man im Versicherungs-Schritt der aktuellen Person ist („Schritt X von Y“) — bei einer Einzelperson direkt unter „Versicherung wählen“, bei mehreren Personen unter der gerade bearbeiteten Person. Die Navigation bleibt beim Scrollen oben sichtbar (sticky), wie die Übersicht rechts.

Die Modell-Auswahl in der Grundversicherung ist neu aufgebaut: Eine Karte wird mit einem Klick auf die ganze Fläche ausgewählt (kein separater „Auswählen“-Button mehr). Beim Auswählen klappt die Karte sanft auf und zeigt darin Versicherungsbeginn und die Unfalldeckung (mit Preis) sowie einen „Weiter“- bzw. „Hausarztpraxis/Gesundheitsnetz wählen“-Button und einen „Entfernen“-Button. Die Karten-Gestaltung wurde an das aktuelle Design angeglichen (Icon oben rechts, grössere Titel/Preise).

Bei mehreren Personen erscheinen diese in der linken Schritt-Navigation als Unterpunkte unter „Versicherung wählen“ — so ist immer sichtbar (und anklickbar), welche Person gerade konfiguriert wird. Die Markierung in der rechten Übersicht entfällt dafür. Zusätzlich führt der Browser-Zurück-Button jetzt Schritt für Schritt durch den Versicherungs-Flow zurück, statt direkt zur Personen-Erfassung zu springen.

Im ersten Schritt stehen der Haupt-Button und „Bereits bei der KPT versichert? Login“ nebeneinander in einer Reihe. „Person hinzufügen“ ist neu ein schlichter Link-Button mit Personen-Icon.

Der „Speichern“-Button in der Übersicht hat neu ein Download-Icon. Die Filter in der Gesundheitsnetz-Suche stehen in einer Reihe. Der Inhaltsbereich des Rechners ist auf eine angenehme Lesebreite zentriert.

Preise werden in der ganzen Anwendung einheitlich ausgewiesen: ganze Frankenbeträge mit Strich für die Rappen (CHF 1'000.–), Beträge mit Rappen mit zwei Nachkommastellen (CHF 1'000.90).

Die Seite „Persönliche Angaben“ im Online-Abschluss zeigt jede Person in einer eigenen Card (mit dem Namen als Titel) — analog zur Zusammenfassung. „Persönliche Angaben“ steht als Überschrift darüber. Kontaktdaten (E-Mail, Mobilnummer) sind jetzt pro Person erfassbar; bei weiteren Personen sind sie optional. Neu dabei: „Neu in der Schweiz“ inkl. Einreisedatum pro Person, vorausgefüllt aus den Angaben im ersten Schritt.

Bei mehreren Personen lässt sich auf der Zusammenfassung jede Person einzeln ein- und ausklappen (eingeklappt zeigt die Kopfzeile den Personen-Subtotal). Der „Bearbeiten“-Button pro Person öffnet die Angaben jetzt in einem Modal (statt zurück zum ersten Schritt zu springen) — dasselbe, etwas breitere Modal wie beim Hinzufügen einer Person. Produktnamen und Preise in der Zusammenfassung sind nicht mehr fett, damit die Hierarchie ruhiger wirkt.

Unter der Franchise-Auswahl (Grundversicherung) steht jetzt ein kurzer Text, der die gewählte Stufe einordnet — z. B. „Ich gehe gelegentlich zum Arzt — ein guter Mittelweg“ bei CHF 1'000. Beim Überfahren der Stufen mit der Maus zeigt der Text direkt das jeweils passende Profil. Neu ist standardmässig die höchste Franchise vorausgewählt (CHF 2'500 für Erwachsene, CHF 600 für Kinder = tiefste Prämie); sie lässt sich jederzeit ändern.

Auf der Zusammenfassung steht unter jedem Namen neu eine kompakte Info-Zeile: Geburtsjahr, Wohnort und — bei Neuzuzug in die Schweiz — das Einreisedatum.

Die Pfeil-Icons auf den „Weiter“-/Abschluss-Buttons der unteren Navigation (Rechner-Schritte und Online-Abschluss) wurden entfernt — die Buttons zeigen jetzt nur noch Text. In der Praxis-/Gesundheitsnetz-Suche ist das Häkchen-Icon im „Ausgewählt“-Button weggefallen und das „Nimmt Patientinnen auf“-Tag etwas kleiner gesetzt.

Die Auswahl eines OKP-Modells wird jetzt sofort übernommen, ohne die kurze aufblinkende Animation auf der Card. Bei Modellen mit Praxis-Bindung (Hausarzt, Gesundheitszentrum) erscheint wie bisher der Teaser zur Praxis-/Gesundheitsnetz-Wahl.

Die Sidebar unter /design-system zeigt nun pro Komponente einen kleinen Status-Punkt, der spiegelt, ob es ein Figma-Pendant gibt: grün = in Figma vorhanden, gelb = Match noch zu prüfen, grau = kein Figma-Pendant. Datengetrieben aus derselben Inventur wie die /figma-mapping-Seite, plus Legende und Link zur vollen Inventur.

Neuer Schritt-Indikator (Stepper) im Design System unter /design-system. Vertikale Liste aus einzelnen Step-Items mit drei Status: erledigt, aktuell (aktiv) und inaktiv (sichtbar, aber noch nicht erreichbar). Erledigte Schritte können optional klickbar sein (Zurückspringen). Parallel als wiederverwendbares Figma-Kit aufgebaut: ein „Menü-Item“ als Baustein mit den drei Status plus ein „Stepper“ mit acht Platzhalter-Einträgen, die sich pro Screen ein- und ausblenden und im Status anpassen lassen.

Auf der Hausarztpraxis-Suche entfällt der blaue Hinweis „Bitte rufe vor der Anmeldung kurz in der Praxis an“. Die Texte im Ergebnisbereich (Trefferanzahl, Adresse, „Nimmt neue Patient*innen auf“-Tag und der Auswählen-Button) sind jetzt durchgehend mindestens 16 Pixel gross und damit besser lesbar.

Neue interne Inventur-Page unter /figma-mapping mit Side-by-Side-Vergleich aller 27 UI-Primitives gegen die Figma-Library (KPT Designsystem). Pro Komponente: links Live-Render, rechts Figma-Live-Embed mit Reload-Button. Sticky-Sidebar mit Komponenten-Liste, Status-Badges (Match / Zu prüfen / TBD / Lücke). Zusätzliche Sektion „Nur im Code“ für die 54 Domain-Komposite und Page-Templates ohne Figma-Pendant. Erste Bestandsaufnahme: 21 Matches, 2 zu prüfen, 3 TBD (Header / Footer / DropdownMenu), 6 Lücken.

DateInput (Datumsfeld) und SelectInput (Dropdown) waren fälschlich als „Lücke“ markiert. Beide sind nun als Match geführt: Sie werden aus dem bestehenden Input-Baustein plus Trailing-Icon zusammengesetzt (Kalender-Icon bzw. Chevron). Im nachgebauten Kundenrechner-Step-1 in Figma wurde das provisorische Emoji-Kalendersymbol durch das echte Kalender-Icon ersetzt und der Platzhalter auf „TT.MM.JJJJ“ korrigiert.

Nach der Auswahl eines OKP-Modells bleibt man jetzt auf derselben Seite, statt direkt weiterzuspringen. Bei Modellen, die eine Hausarztpraxis oder ein Gesundheitsnetz benötigen (Hausarzt, Gesundheitszentrum), erscheint innerhalb der ausgewählten Modell-Card ein Teaser mit dem Hinweis „Jetzt Hausarztpraxis wählen“ bzw. „Jetzt Gesundheitsnetz wählen“ und einem prominenten Button. Bei Modellen ohne Praxis-Bindung läuft die Navigation weiterhin über den „Weiter“-Button im Page-Footer.

Innerhalb der Grundversicherungs- und Zusatzversicherungs-Sub-Screens wird die aktive Person und der aktuelle Sub-Step jetzt in der URL mitgeführt (z.B. ?step=2&p=1&sub=3&vvg=spital). Ein Refresh oder das Teilen des Links bringt den Kunden zurück an genau dieselbe Stelle, statt zurück auf den Anfang von Step 2 zu springen.

Neben der flexiblen Spitalzusatzversicherung lassen sich jetzt auch die SICURANTA Aufnahmegarantie und die Spitaltaggeldversicherung wählen — im Kundenrechner wie im Berater-Rechner. Beide werden über zwei Dropdowns konfiguriert: SICURANTA über Vertragsdauer und gewünschte Spitalkostenversicherung, das Spitaltaggeld über Leistungsdauer und Taggeld-Betrag. Der Monatspreis passt sich der Auswahl an und fliesst in Total, Übersicht und Deckungsvergleich ein.

Auf der Zusatzversicherungs-Seite hat „Spitalzusatz“ jetzt fünf Stufen — XS Spital Allgemein, S Spital Flex „Eco“, M Spital Flex „Top“, L Spital Halbprivat „Premium“ und XL Spital Private „First“ — statt der bisherigen zwei (Eco / Top). Auf Desktop werden bis zu drei Stufen nebeneinander gezeigt; bei fünf Stufen umbricht das Grid sauber auf zwei Zeilen (3 + 2). Auf Tablet je zwei pro Zeile, auf Mobile gestapelt.

Die Zusatzversicherungs-Seite läuft jetzt Schritt für Schritt durch die drei Bereiche statt alles auf einer langen Seite zu zeigen. Oben sitzt eine Tab-Reihe (Ambulant · Spital · Weitere); der „Weiter“-Button im Footer geht zur nächsten Tab. Erst auf der letzten Tab schaltet er auf „Angebot prüfen“ um. Kompaktere Übersicht pro Bereich.

Wenn der Kunde im Bedürfnis-Schritt z.B. „Brillen & Kontaktlinsen“ oder „Fitness“ ausgewählt hat, sind in den ausgeklappten Tier-Karten der empfohlenen Produkte die passenden Leistungs-Zeilen jetzt gelb hervorgehoben (z.B. „Brillen bis CHF 250“ in Pulse Top). So sieht der Kunde sofort warum ein Produkt zu seinen Bedürfnissen passt.

Der dedizierte Franchise-Schritt vor der Modell-Auswahl ist weg — er machte wenig Sinn, weil der Kunde an dem Punkt vielleicht gar keine Grundversicherung will. Die Franchise sitzt jetzt direkt auf der Modell-Auswahl-Seite als segmentierte Buttons (Stil wie die Geschlechtsauswahl im ersten Schritt), Preise sind ab Start sichtbar.

Wenn „Neu in der Schweiz“ angeklickt ist, erscheint das Einreisedatum-Feld jetzt unter dem PLZ-Feld in derselben Breite, und die Checkbox bleibt sichtbar (zum Aushaken). Bisher wurde die Checkbox durch das Datumsfeld ersetzt — das war verwirrend.

Die parallelen UX-Explorationen V2 (ohne Sidebar), V3 (Person-Pills) und V4 (horizontaler Stepper) sowie der klassische Neukunden-Wizard sind im Archiv. Sie bleiben unter /archiv/... erreichbar, werden aber nicht mehr weiterentwickelt. Aktiv ist nur noch V1 (mit Übersichts-Sidebar, Pattern A). Im Hub sichtbar über den neuen „Archiv“-Link unten neben dem Changelog.

Der Cookie nach erfolgreichem Login enthält jetzt einen HMAC-signierten Token mit Ablaufzeit, nicht mehr das Passwort selbst. Wer Devtools öffnet, sieht keinen Klartext mehr. Rotieren des Passworts invalidiert automatisch alle bestehenden Sessions.

Die Franchise-Auswahl auf der Modell-Auswahl-Seite ist vom Dropdown zurück auf eine segmentierte Button-Reihe gewechselt — alle Stufen sind auf einen Blick sichtbar (CHF 300–2'500 für Erwachsene, CHF 0–600 für Kinder) und lassen sich direkt anklicken. Die Reihe nimmt jetzt die volle Content-Breite ein; Versicherungsbeginn und Unfall-Checkbox bleiben in der Zeile darüber.

Nach Auswahl eines Hausarzt-Modells (KPTwin.doc/.plus) wurde der Praxis-Schritt fälschlicherweise übersprungen. Der Flow zeigt die Praxis-/Gesundheitsnetz-Suche jetzt wie vorgesehen direkt nach der Modellwahl.

Auf der Zusammenfassungs-Seite (Step 4) stehen jetzt kleine „Bearbeiten“-Buttons im Personen-Header und neben der Grundversicherung — Klick führt zurück zum jeweiligen Schritt. Statt der technischen Produktnamen (KPTwin.smart usw.) sieht der Kunde die verständlichen Titel (Gesundheits-App, Hausarzt, Freie Arztwahl, …). Auf dieser Seite sind die Übersichts-Sidebar und die Trust-Cards im Footer ausgeblendet, damit die Aufmerksamkeit ganz beim Angebot bleibt.

Die Zusatzversicherungs-Empfehlungen unter dem Angebot haben keine Checkbox mehr, sondern einen klaren „Hinzufügen“-Button. Bei Produkten mit Varianten (z.B. Pulse Eco/Top/Premium) öffnet sich ein Modal zur Auswahl, danach landet das Produkt im Angebot. Die angezeigten Empfehlungen verschieben sich nicht nach jedem Add — die Liste bleibt stabil.

Bei mehreren Personen markiert die Sidebar in der Versicherungs-Auswahl die gerade konfigurierte Person mit einem „Aktuell“-Badge und bereits durchgegangene Personen mit einem grünen Häkchen — auf Desktop in der rechten Sidebar und auf Mobile in der ausklappbaren Bottom-Bar.

Wenn auf der Grundversicherungs-Seite kein Modell ausgewählt ist, heisst der Weiter-Button „Weiter ohne Grundversicherung“ — sobald ein Modell gewählt wurde, schaltet er auf „Weiter“ um. Greift in allen vier Kundenrechner-Varianten.

Beim Klick auf „Auswählen“ in der Praxis-/Gesundheitsnetz-Liste pulsiert die Karte kurz auf, bevor der Flow weiterspringt — derselbe Effekt wie auf den Franchise- und Modellkarten. Der „Nimmt Patientinnen auf“-Tag ist jetzt neutral grau (statt grün mit Häkchen).

Der „Alle Leistungen vergleichen“-Dialog zur Pulse-Zusatzversicherung wurde auf manchen Screens vom Content-Bereich abgeschnitten. Er rendert jetzt korrekt als Fullscreen-Overlay über die gesamte Seite.

Der Speichern-Button in der Übersichts-Sidebar des Kundenrechners ist von der sandfarbenen Sekundär-Variante auf den Outline-Stil (tertiary) gewechselt — visuell leiser, passt besser zur sekundären Rolle.

Die „Neu in der Schweiz“-Checkbox steht jetzt vertikal mittig auf Höhe der Wohnort-Eingabe (leicht über der Input-Mitte). Sobald angehakt, ersetzt das Einreisedatum-Feld die Checkbox an genau derselben Position — Layout bleibt ruhig, keine zusätzliche Zeile mehr. Direkt unter dem Datum sitzt ein Link „Nicht neu in der Schweiz?“, mit dem der Kunde die Eingabe wieder zurücksetzen kann.

Auf der Franchise-Auswahl-Seite ist das grüne „− CHF X / Monat“-Badge entfernt — der Schritt soll dem Kunden die Franchise erklären, nicht den Preis optimieren. Das Häkchen sitzt jetzt oben rechts statt links. Der mittlere Titel (z.B. „Rundum versichert“) ist weg; nur die Beschreibung darunter bleibt und ist jetzt in 16 px schwarz statt 14 px grau — deutlich besser lesbar.

Auf der Grundversicherungs-Auswahl-Seite öffnet der „Auswählen“-Button (bisher „Hinzufügen“) nicht mehr das Detail-Modal, sondern bestätigt die Wahl direkt — mit derselben Flash-Animation wie die Franchise-Karten. In V1 navigiert die Page anschliessend automatisch zum nächsten Sub-Screen, der Kunde muss nicht extra auf „Weiter“ im Footer klicken. Der „Details“-Link bleibt unverändert (öffnet weiterhin das Modal). Das gelbe „Top-Angebot“-Badge wurde entfernt — alle Modelle erscheinen visuell gleichwertig.

Die SMS-Verifizierungs-Seite ist aus dem Abschluss-Flow rausgenommen. Wer eine Zusatzversicherung abschliesst, landet nach den Stammdaten direkt auf den Gesundheitsfragen — ohne SMS-Code-Eingabe dazwischen. Wirkt auf alle Strecken: Kundenrechner V1–V4, Magic-Link-Offerte und Comparis-Deeplink.

Im Praxis-/Gesundheitsnetz-Schritt sitzen PLZ-/Ort- und Namens-Feld jetzt nebeneinander in einer Zeile, die „Nimmt Patientinnen auf“-Checkbox ist nach unten direkt über die Ergebnisliste gerückt (näher an dem, was sie filtert). Title bei KPTwin.plus heisst jetzt „Gesundheitsnetz auswählen“. Der Tag auf Praxen mit freier Aufnahme nennt sich klar „Nimmt Patientinnen auf“ (statt nur „Patient:innen“). Sobald der Kunde auf „Auswählen“ klickt, navigiert die V1-Page automatisch zum nächsten Sub-Screen — ein Klick auf den „Weiter“-Button im Footer ist nicht mehr nötig. Ein Deselect-Klick auf „Ausgewählt“ navigiert nicht.

Der Praxis-Sub-Screen unterscheidet jetzt zwei Modi: bei KPTwin.doc erscheint „Arzt, Ärztin oder Praxis finden“ ohne Netz-/Fachrichtungs-Dropdowns, plus ein blauer Hinweis, dass man vor der Anmeldung in der Praxis anrufen sollte, um die Aufnahme zu klären. Bei KPTwin.plus erscheint „Gesundheitsnetz finden“ mit den beiden Dropdowns. Die PLZ-/Namens-/Dropdown-Filter kombinieren jetzt alle (AND statt entweder-oder); der „Oder“-Trenner ist weg. Jede Ergebniskarte hat einen expliziten „Auswählen“-Button rechts unten (Toggle zu „Ausgewählt“ mit Check-Icon, gleicher Style wie der OKP-Hinzufügen-CTA); ein kompakter „Patient:innen“-Tag oben rechts kennzeichnet Praxen mit freier Aufnahme.

Wenn der Kunde im Kundenrechner V1 ein Modell mit Hausarztpflicht wählt (KPTwin.doc oder KPTwin.plus), erscheint pro Person ein zusätzlicher Sub-Screen zwischen Modellwahl und Bedürfnis-Abfrage: die Hausarztpraxis-Wahl. Filter analog zur klassischen KPT-Praxissuche — PLZ/Ort-Suche mit X-Button (vorbefüllt mit der PLZ der Hauptperson), separates Namens-Feld, Dropdowns für Gesundheitsnetz und Fachrichtung sowie eine Checkbox „Nimmt neue Patientinnen und Patienten auf“. Ergebnisliste mit Praxisname, Fachrichtung und Adresse; ausgewählte Praxis bekommt den gleichen schwarzen Hard-Shadow wie die OKP-Modell-Karten. Bei anderen OKP-Modellen wird der Sub-Screen automatisch übersprungen. Verfügbar nur in V1.

Die Produkt-Cards in der Grundversicherungs-Auswahl wirken jetzt ruhiger: Das Produkt-Icon ist auf 24 px verkleinert, der Produktname-Übertitel (z.B. „KPTwin.smart“) ist in regular statt medium, und der Preis ist auf die gleiche Grösse wie das Sidebar-Total (text-xl) angeglichen. „Details“ ist kein Outline-Button mehr, sondern ein dezenter Inline-Link. Wichtiger UX-Change: Sowohl „Details“ als auch „Hinzufügen“ öffnen jetzt das Detail-Modal mit der vollständigen Leistungsliste — die Auswahl bestätigt der Kunde im Modal-Footer.

Die ausgewählten Bedürfnisse sitzen jetzt direkt unter dem Titel des Zusatzversicherungs-Schritts als schlanke Plain-Text-Zeile — Format „Was dir wichtig ist: [Chip] [Chip] anpassen“. Keine graue Box, keine Card mehr. Wenn der Kunde die Bedürfnis-Abfrage übersprungen hat, erscheint stattdessen nur ein dezenter Link „Bedürfnisse auswählen“. Der „anpassen“-Link öffnet die Bedürfnis-Abfrage wieder mit den bisher gewählten Bedürfnissen.

Hakt der Kunde „Neu in der Schweiz" an, klappt direkt darunter ein Einreisedatum-Feld auf (mit hellblauem Reveal-Highlight und Auto-Focus). Beim Klick auf „Versicherung wählen" werden alle Pflichtfelder geprüft (Geschlecht, Geburtsdatum, PLZ bei der Hauptperson, Einreisedatum wenn „Neu in CH" gewählt). Fehlende Felder werden rot markiert mit einer Meldung; die Seite scrollt sanft zum ersten Fehler und setzt bei Input-Feldern automatisch den Cursor hinein. Sobald der Kunde das Feld korrigiert, verschwindet die Markierung live. Gleiche Logik auch im „Person hinzufügen"-Dialog für Einreisedatum.

Sobald mehrere Personen erfasst sind, bleibt das bordered Box-Layout mit Identifikations-Header (Gender-Icon + Name + Typ) — der Header ist aber nicht mehr klickbar, der Body bleibt immer offen. Klick-Toggle, Chevron und Mini-Summary entfallen, weil die Erfassung pro Person ohnehin in einem Rutsch erledigt wird.

Auf dem Geschlechts-Toggle wurde der längste Label-Text bei mehreren Personen (engere Card) umgebrochen. Schrift auf Desktop einen Tick kleiner, Padding reduziert und Whitespace-nowrap — Label bleibt jetzt einzeilig. Gleiches Pattern im „Person hinzufügen"-Dialog.

Direkt nach Klick auf einen Geschlechts-Button setzt die Personen-Card den Fokus aufs Vorname-Input — der Kunde kann ohne Maus-Wechsel direkt weitertippen. Gleiches Verhalten im „Person hinzufügen"-Dialog.

Neue Variante des Prämienrechners unter /kundenrechner-v4. Gleicher Flow wie V1 (Pro-Person-Sub-Screens, sticky Übersichts-Sidebar rechts mit Live-Summary), aber die Step-Navigation läuft als horizontale Bar mit drei Slots (Person erfassen / Versicherung wählen / Zusammenfassung) oben über dem Content statt vertikal links daneben.

Bei jedem Übergang zwischen Steps, Sub-Screens und Personen-Wechseln scrollt die Seite automatisch zum Titel des neuen Schritts (mit 16 px Offset). Der Endkunde startet immer am Anfang des neuen Inhalts statt mitten drin.

Im Person-für-Person-Flow (V1/V4) wechselt der Rechner nach der Franchise-Auswahl direkt zum nächsten Sub-Screen (Grundversicherung). Der zusätzliche „Weiter“-Klick entfällt.

Der Hintergrund-Overlay aller Modal-Dialoge (z.B. das Leistungs-Detail-Modal auf den Grundversicherungs-Karten) war in animierten Sektionen abgeschnitten und wirkte halb-transparent. Das Modal rendert sich neu direkt im Document-Body und legt sich zuverlässig über die ganze Seite.

Auf den Grundversicherungs-Karten sitzt der „Details“-Button neu direkt neben dem „Hinzufügen“-Button (statt darüber). Klick auf „Details“ öffnet ein Modal mit der vollständigen Leistungsliste, Vorgehen-Text und einem Hinzufügen-/Entfernen-Button im Footer — der Endkunde kann also direkt aus dem Modal heraus selektieren, ohne es vorher schliessen zu müssen. Das frühere Inline-Akkordeon ist weg.

Die Geschlechts-Icons im Kundenrechner und allen anderen Strecken sind neu auf die Figma-Designs umgestellt: Frau und Mann zeigen neu Schulter/Kopf-Silhouetten (statt der früheren Strichmännchen-Variante), und für „Ungeborenes Kind“ kommt neu ein Storch-mit-Baby-Icon zum Einsatz (vorher: schwangere Frau).

Die Modellkarten in der Grundversicherung haben neu ein klareres Drei-Spalten-Layout: links das Produkt-Icon, in der Mitte ein kleiner Produktname (z.B. „KPTwin.smart“) plus ein knapper Titel der Kategorie („Gesundheits-App“, „Telemedizin“, „Hausarzt“, …) plus eine Beschreibung des Vorgehens, rechts der Monatspreis, ein „Details“-Link für die Leistungsliste und ein expliziter Button „Hinzufügen“ bzw. „Entfernen“. Auswahl läuft ausschliesslich über den Button — kein versehentliches Selektieren mehr durch Klick auf die Karte.

Die Sidebar-Variante V1 läuft die Versicherungsauswahl neu sequenziell pro Person durch. Pro Person sieht der Endkunde vier separate Sub-Screens nacheinander: 1) Franchise, 2) Grundversicherung, 3) Bedürfnisse, 4) Zusatzversicherung. Erst wenn alle vier durch sind, geht es zur nächsten Person. Bei 3 Personen sind das 12 fokussierte Sub-Screens. In der Navigation gibt es nur einen einzelnen Slot „Versicherung wählen“ statt der zwei Sub-Items Grundversicherung/Zusatzversicherung. Gilt ausschliesslich für V1; V2 und V3 bleiben beim bisherigen Pattern (alle Personen pro Step).

Der Datenschutz-Hinweis im Speichern-Dialog ist neu ein vollständiger Datenschutzbestimmungs-Text mit einer kleinen Überschrift „Datenschutzbestimmung“. Inhalt: welche Daten erfasst werden (Basisdaten, Versicherungsprodukte, Franchise, Unfallversicherung), 90-Tage-Gültigkeit des Links, Schweizer Server-Standort. Wording orientiert sich am Branchen-Vorbild Sanitas.

Bei Auswahl von „Ungeborenes Kind“ heisst das Datumsfeld neu „Voraussichtlicher Geburtstermin“ statt nur „Geburtsdatum“ — damit ist klar, dass es ein erwartetes (nicht reales) Datum ist. Gilt sowohl in Step 1 als auch im „Person hinzufügen“-Dialog. Konsistent mit dem Wording im Berater-Vermittler-Rechner.

Bei weiteren versicherten Personen (also nicht der Hauptperson) wird das PLZ-Feld in Step 1 und im „Person hinzufügen“-Dialog ausgeblendet. Die Adresse wird automatisch vom Hauptversicherten übernommen — Familienmitglieder im gleichen Haushalt müssen die PLZ nicht mehr erneut eingeben.

Beim Tippen einer PLZ (z.B. „8049“) ist die erste Suggestion in der Dropdown-Liste neu schon vorgehoben — Enter übernimmt sie direkt, ohne dass man zuerst mit Pfeil-runter navigieren muss.

Der Titel im Save-Progress-Dialog ist wieder zentriert, damit der Dialog dem projektweiten Design-System-Standard folgt (alle anderen Dialoge haben ebenfalls zentrierte Titel).

Der letzte Stepper-Slot ist umbenannt zu „Zusammenfassung“ — kürzer und passender, da der Schritt heute primär als Übersicht vor dem Online-Abschluss dient.

Der Save-Progress-Dialog hat einen neuen Submit-Button „Angaben speichern“ und einen kleinen Legal-Hinweis darunter, mit dem der Kunde zustimmt, dass die KPT ihn per E-Mail oder Telefon zu seinem Zwischenstand kontaktieren darf. Der Dialog-Titel ist neu linksbündig.

Wechsel zwischen den Stepper-Schritten sowie die Phasen-Wechsel innerhalb der Grundversicherung (Franchise-Guidance → Modellauswahl) und der Zusatzversicherung (Bedürfnis-Abfrage → Produktliste) werden jetzt mit einer kurzen Fade-+-Slide-Up-Animation eingeblendet, damit der Flow nicht hart umspringt.

Die Franchise-Guidance-Karten reagieren neu mit derselben sanften Flash-Animation wie der Step-by-Step-Flow im Neukunden-Wizard — die Karte pulsiert kurz auf, und erst danach schaltet die Section auf die Modellwahl um. Das Klick-Feedback wird klar wahrnehmbar.

In Schritt „Grundversicherung“ ist die Franchise nach erfolgter Auswahl jetzt ein Dropdown statt einer Button-Toggle-Row und sitzt zusammen mit „Versicherungsbeginn“ und der Unfalldeckungs-Checkbox in einer Reihe. Auf schmalen Layouts (V1 mit Sidebar) bleibt die Unfalldeckungs-Checkbox in einer zweiten Reihe — kontrolliert über Container-Queries, damit nichts überlappt.

In Schritt „Person(en) erfassen“ ist der Content-Bereich neu auf max. 648 px begrenzt und im Track zentriert. Auf breiten Layouts (V2/V3) wirkt das Formular dadurch deutlich kompakter und konzentrierter.

Die Hauptseite des Kundenrechners (alle drei Varianten) sowie die nachgelagerten Abschluss-, Kündigungs- und Offerte-Pages nutzen jetzt den KPT-üblichen Container von 1600 px — vorher 1280 px. Der dezente Trennstrich oberhalb der Trust-Cards im Footer („Einfach und schnell“ / „KPT beliebt“ / „Persönlich“) ist entfernt, der Footer wirkt nahtloser.

In Schritt „Zusatzversicherung“ sitzen „Überspringen“ und „Weiter“ jetzt im unteren Page-Footer (rechts, links vom Weiter-Button). „Überspringen“ ist ein dezenter Text-Link ohne Pfeil. Das frühere kleine „Überspringen →“ oben rechts und der inline „Weiter“-Button unter dem Bedürfnis-Grid sind entfernt — die Footer-Reihe wirkt jetzt konsistent zu den anderen Schritten.

Auf der Übersichts-Seite heisst der Haupt-Button neu „Online abschliessen“ (statt „Versicherung jetzt abschliessen“). Die Alternative „Offerte anfordern und später fortsetzen“ steht jetzt direkt links daneben statt darunter.

Im „Offerte anfordern“-Dialog ist die E-Mail-Adresse jetzt immer direkt im Eingabefeld editierbar (vorausgefüllt, falls bereits erfasst) — der separate „E-Mail ändern“-Link entfällt. Unter dem Feld steht neu ein Hinweis, dass mit dem Absenden die Versicherungsbedingungen und die Datenschutzerklärung bestätigt werden.

Im Schritt Grundversicherung wählt der Kunde jetzt zuerst die Franchise in einer geführten Ansicht: grosse Karten mit Erklärung pro Stufe („Rundum abgesichert“, „Maximale Ersparnis“ usw.) und der monatlichen Ersparnis. Nach der Wahl landet er in der gewohnten Modellauswahl — die Franchise lässt sich dort weiter ändern oder über „Was bedeutet die Franchise?“ neu erklären. Kinder erhalten ihre eigene Franchise-Staffel (CHF 0–600).

Unter der Übersichts-Sidebar gibt es jetzt einen „Speichern“-Button. Ein Klick öffnet einen Dialog, in dem der Kunde seine E-Mail-Adresse hinterlässt; danach bestätigt ein kurzer Hinweis, dass wir einen Link zum Fortsetzen per E-Mail senden. Auf Mobile liegt der Button im ausgeklappten Übersichts-Panel.

Die drei Trust-Elemente (Einfach und schnell / Die KPT ist beliebt / Persönlich) sind jetzt fester Bestandteil des Footers und sitzen immer am unteren Seitenende, statt als separater Block im scrollbaren Inhalt zu stehen. Gilt für alle Kundenrechner-Varianten und die nachgelagerten Abschluss- / Kündigungs-Screens.

Bevor die Zusatzversicherungen erscheinen, fragt der Rechner pro Person nach den Bedürfnissen (Freie Arzt- und Spitalwahl, Komfort im Spital, Komplementärmedizin, Fitness und Gesundheit, Schutz im Ausland, Brillen und Kontaktlinsen). Die Auswahl wählt die passenden Zusatzversicherungen automatisch vor und markiert sie mit „Empfohlen“. Der Schritt lässt sich überspringen; nach „Weiter“ klappt die Abfrage ein und bleibt als kompakter Teaser „Bedürfnisse anpassen?“ mit den gewählten Chips über der Produktliste sichtbar.

Die Stammdaten-Erfassung ist nicht mehr Teil der Hauptnavigation des Prämienrechners. Der Stepper hat jetzt 4 statt 5 Slots: Person → Grundversicherung → Zusatzversicherung → Angaben prüfen. Nach Klick auf „Versicherung jetzt abschliessen“ erscheint die persönliche Angaben-Page als erster Schritt des Abschluss-Flows, danach folgen Gesundheitsfragen (mit SMS-Gate), Zahlungsdaten und finaler Abschluss. So sieht der Endkunde nach der Produktwahl direkt das Angebot und gibt sensible Daten erst preis, wenn er tatsächlich abschliessen will. Greift in allen Strecken: Kundenrechner V1/V2/V3, Magic-Link-Offerte, Comparis-Deeplink.

Die vier Neukunden-Prototypen auf der Hub-Seite tragen jetzt konsistente, sprechende Namen — „Prämienrechner — mit Sidebar“, „Prämienrechner — ohne Sidebar“, „Prämienrechner — mit Person Pills“ und „Prämienrechner — Step-by-Step“. Statt der V1/V2/V3-Nummerierung erkennt man sofort, welches UX-Pattern der jeweilige Prototyp testet. In allen 4 Sprachen (DE/EN/FR/IT).

Neue projektweite Form-Konvention: Pflichtfelder werden nicht mehr mit einem roten Sternchen am Label markiert, optionale Felder zeigen stattdessen „Optional“ als Placeholder im Input. Das ist explizit, lesbar und braucht keine Legende. Wirkt auf Kundenrechner, BV-Rechner, Kundenportal, Magic-Link-Offerte und Comparis-Deeplink. Konkrete Anpassungen: Vorname-Input im Kundenrechner Step 1 + AddPersonDialog, E-Mail/Telefon im BV-Rechner bei weiteren Personen. Neuer i18n-Key common.optional in allen 4 Sprachen.

Die AGB-Pflichtcheckbox war bisher in localStorage gespeichert — wer einmal akzeptiert hatte, sah sie bei jedem späteren Abschluss schon vorangehakt. Das ist falsch: AGB-Annahme ist eine bewusste rechtliche Handlung und muss jedes Mal aktiv neu bestätigt werden. Der `agbAccepted`-Wert wird jetzt explizit aus der localStorage-Persistierung ausgeklammert; bei jedem Submit startet sie unchecked. Gilt sowohl für den öffentlichen Online-Abschluss (Kundenrechner V1/V2/V3, Magic-Link, Comparis) als auch für den Kundenportal-Anpassungs-Flow.

Die Verbindungslinie zwischen den Step-Punkten der vertikalen Sidebar zog sich auf kurzen Pages (z.B. SMS-Verifizierung im Abschluss-Flow) weit über das Stepper-Ende hinaus bis ans untere Page-Ende. Grund: das `<nav>`-Element war ein CSS-Grid-Item ohne expliziten `align-self`, wurde also auf die Höhe des Content-Tracks gestretcht. Mit `self-start` nimmt es jetzt nur die Höhe seines Inhalts ein. Wirkt auf `StepSidebar` (Kundenrechner Step 1–5) und `AbschlussStepNav` (Abschluss-Flow in Kundenrechner V1/V2/V3, Magic-Link und Comparis).

Sobald ein Bestandskunde im Kundenportal seine Police anpasst (Grundversicherung wechseln, Zusatzversicherung hinzufügen/entfernen, Tier ändern), erscheint rechts eine Anpassungs-Sidebar mit der Diff-Übersicht pro Person, dem effektiven Wechsel-Datum (1.1. nächstes Jahr) und einem CTA „Anpassung abschliessen“. Der CTA führt — falls eine neue Zusatzversicherung hinzukommt — zuerst auf eine Gesundheitsfragen-Seite (pro Person mit neuer VVG, drei Standardfragen), danach auf die Bestätigungsseite mit Diff-Übersicht, AGB-Pflichtcheckbox und finalem Submit. Ohne neue VVG geht's direkt zur Bestätigung. Keine SMS-Verifizierung, keine Step-Sidebar — der Login bestätigt die Identität bereits. Erfolgs-Screen mit Wechsel-Datum, Bestätigungs-Mail und Kontakt-Hinweis. Mobile: Diff-Sidebar als ausklappbare Bottom-Bar.

Beim Wechsel von Step 1 (Zahlung) auf Step 2 wurde die Gesundheitsfragen-Page kurz angezeigt und dann sofort wieder verlassen, sobald mindestens eine Person eine Zusatzversicherung hatte. Grund: der Guard-Check feuerte schon vor der localStorage-Hydration, als der Personen-State noch leer war. Der Schutz wartet jetzt korrekt auf den `ready`-Flag.

Der Title und die maskierte Mobilnummer auf der SMS-Bestätigungs-Page sind jetzt sauber gestackt. Vorher fehlte ein Container-Gap rund um den geteilten Code-Eingabe-Block.

Die „Platz N von M verglichenen Anbietern“-Info ist sowohl auf der Demo-Auswahl-Liste als auch im Branding-Block der Detail-Sidebar verschwunden — sie hat dem Endkunden keinen Mehrwert geboten. Die Datenfelder bleiben im Datenmodell für mögliche spätere Verwendung erhalten.

Nach „Versicherung jetzt abschliessen“ bzw. „Offerte annehmen“ läuft jetzt ein durchgängiger 3-Step-Flow mit vertikaler Step-Sidebar (Zahlungsdaten → Gesundheitsfragen → Abschliessen). Step 2 erscheint nur, wenn mindestens eine Person eine Zusatzversicherung hat — startet dort mit einer SMS-Verifizierung als Schutz der Gesundheitsdaten und sammelt danach pro Person drei Standard-Gesundheitsfragen, bei mehreren Personen mit Pills-Navigation und Auto-Next. Step 3 bündelt Übersicht, Pflicht-AGB-Checkbox und den finalen „Verbindlich abschliessen“-Submit. Identisch für Direktabschluss (Kundenrechner V1/V2/V3), Magic-Link-Offerte und Comparis-Deeplink.

Hat ein Endkunde auf comparis.ch Krankenkassen verglichen und sich für die KPT entschieden, landet er per Deeplink unter /comparis/[id] auf einer vorausgefüllten Offerte: Übersicht aller versicherten Personen, Bereiche anpassen (Grund- und Zusatzversicherung pro Person als eigene Seiten, persönliche Daten im Dialog), und die Offerte mit „Offerte annehmen“ direkt online abschliessen. Sticky Sidebar mit Total und Comparis-Branding-Block. Vier Demo-Cases im Hub: Einzelperson, Paar, Familie, ungeborenes Kind mit Bezugsperson.

Erhält ein Endkunde vom Berater eine telefonisch erstellte Offerte per E-Mail, kann er sie jetzt unter /offerte/[id] öffnen: Übersicht aller versicherten Personen, Bereiche anpassen (Grund- und Zusatzversicherung pro Person als eigene Seiten, persönliche Daten im Dialog), und die Offerte mit „Offerte annehmen“ direkt online abschliessen. Sticky Sidebar mit Total und Berater-Kontakt. Vier Demo-Cases im Hub: Einzelperson, Paar, Familie, ungeborenes Kind mit Bezugsperson.

Beim Kündigen der alten Krankenversicherung kommt keine separate SMS-Validierung mehr — die Mobilnummer wurde bereits beim vorgelagerten Online-Abschluss verifiziert. „Kündigung in Auftrag geben“ leitet direkt auf den Bestätigungs-Screen.

Auf Step 5 kann der Kunde zwischen Online-Abschluss und Offerte-anfordern wählen. Zahlungsinformationen sind aus den persönlichen Angaben raus und werden erst nach SMS-Verifizierung im finalen Abschluss-Pfad erfasst.

Step 4 und 5 inhaltlich getauscht: zuerst Persönliche Angaben, dann Angaben prüfen und abschliessen. SMS-Validierung gehört nicht mehr zum Versicherungs-Abschluss — sie wird nur noch im optionalen Kündigungs-Flow als rechtliche Bestätigung benötigt.

Nach erfolgreichem Abschluss kann der Kunde direkt die alte Krankenversicherung kündigen — eigene Form mit Datum, Personen und Versicherungs-Nummer, SMS-Validierung als rechtliche Bestätigung, plus Bestätigungs-Screen mit Auftrags-Übersicht.

Bestandskunden können ihre Police-Daten ansehen und einzelne Bereiche bearbeiten — persönliche Daten via Modal, Grundversicherung und Zusatzversicherungen auf eigenen Edit-Seiten mit denselben Komponenten wie im Kundenrechner. Prototyp mit in-memory State und Mock-Login-Auswahl.

Nach Eingabe der Stammdaten in Step 5 wird die Mobilnummer per 6-stelligem SMS-Code validiert (Mock — beliebige Eingabe wird akzeptiert). Nach Bestätigung erscheint eine Success-View mit Versand-Bestätigung.

Sobald eine zweite Person zur Offerte hinzugefügt wird, werden alle Personen im Kundenrechner Step 1 als kollabierbare Cards mit Sticky-Header dargestellt — analog zum Berater-Vermittler-Rechner. Header zeigt Gender-Icon, Name (Fallback „Person N“) und Typ-Label. Ist die Box zugeklappt, erscheint darunter eine kurze Mini-Summary (Geburtsdatum · PLZ). Trash-Icon im Header entfernt eine Person — bei der Hauptperson ausgeblendet.

Bei Auswahl einer Grund- oder Zusatzversicherungs-Card wechselt der Hintergrund jetzt auf ein dezentes Hellgrau (kpt-gray-50) statt des bisherigen warmen Sand-Tons. Der Border wird schwarz, plus ein zusätzlicher 2 px breiter schwarzer Hard-Shadow ohne Blur — wirkt wie ein doppelter Border und hebt die Auswahl klar ab. Auch der aktive Tier im Eco/Top/Premium-Picker wechselt von Sand auf Hellgrau, der Radio-Indikator ist jetzt schwarz statt sand-700.

Auf den Grundversicherungs-Karten ist die rechte Spalte jetzt ein zusammenhängender visueller Block: oben rechts das gelbe Top-Angebot-Badge (statt absolut positioniert), darunter Produkt-Icon und 3-Wort-Vergleichs-Tag (Per App, Telmed, Arzt, Apotheke, Im Gesundheitsnetz, …) nebeneinander. Die linke Spalte bleibt clean mit nur Haupttitel und Produktnamen.

In V3 öffnet der Plus-Button auf der Personen-Pill-Reihe jetzt einen Dialog mit Geschlecht, Vorname (optional), Geburtsdatum, PLZ und Neu-in-CH-Checkbox. Die neue Person wird mit allen Daten gleich angelegt und automatisch als aktive Person gesetzt — kein leerer Eintrag mehr. Auch in V1 erscheint in der Übersichts-Sidebar (Desktop + Mobile) ein kompakter Inline-Link Person hinzufügen, der denselben Dialog öffnet. PLZ wird mit der Adresse der Hauptperson vorausgefüllt.

Neue Kundenrechner-Variante V3 unter /kundenrechner-v3. Layout wie V2 (links Step-Nav, Mitte Content), aber ohne Übersichts-Sidebar. Auf Step 2 und 3 sitzt oben im Content-Bereich eine horizontale Pill-Reihe zur Personen-Auswahl: aktive Pill dunkel mit Gender-Icon + Name + Live-Preis (klein, darunter), inaktive Pills outlined, runder Plus-Button am Ende für neue Personen. Nur eine Person zur Zeit wird konfiguriert — ohne Sidebar bleibt der Preis pro Person trotzdem direkt sichtbar. Mobile: Pill-Reihe horizontal scrollbar.

Vor dem Online-Abschluss zeigt der Kundenrechner jetzt einen Übersichts-Step: pro Person die gewählten Versicherungen (OKP + VVG) mit Preisen. Bei einer Person wird ein prominentes „Total / Monat“ angezeigt; bei mehreren Personen ein Subtotal pro Person plus eine „Gesamt / Monat“-Box. Darunter sitzt ein Empfehlungs-Block „Optimieren Sie Ihren Versicherungsschutz zusätzlich mit:“ — zwei vorgeschlagene Zusatzversicherungen, die noch nicht gewählt sind. Klick auf eine Empfehlungs-Card fügt das Produkt zur Hauptperson hinzu.

Finale Formular-Seite mit allen Daten für den Online-Antrag, bewusst in vier separate Sektionen aufgeteilt: 1) Persönliche Angaben pro Person (Nachname, bisherige Krankenkasse), 2) Wohnadresse (Strasse mit geo.admin.ch-Autocomplete, PLZ aus Step 1), 3) Kontakt (E-Mail, Mobile, optional abweichende Korrespondenzadresse), 4) Zahlungsinformationen (Zahlungsart, Intervall, IBAN mit CH-Prefix). Vollständig in DE / EN / FR / IT.

Auf den OKP-Modellkarten ist jetzt die lange Beschreibung („Gesundheitsapp mit Symptom-Checker“, „Telmed, Apotheke und Hausarzt“, …) der Haupttitel, der Produktname (KPTwin.smart) sitzt als Subtitle darunter. Der 3-Wort-Vergleichs-Tag („Per App“, „Im Gesundheitsnetz“, „Zum Hausarzt“, …) erscheint als kleine Pille direkt neben dem Subtitle und macht so auf einen Blick erkennbar, was im Krankheitsfall zu tun ist. KPTwin.smart trägt zusätzlich ein „Top-Angebot“-Badge.

Bei der Auswahl einer Grund- oder Zusatzversicherungs-Card wechselt der Hintergrund jetzt auf einen warmen Sand-Ton (`kpt-sand-100` / `kpt-sand-600`-Border) statt des bisherigen hellblauen Tons. Im Tier-Picker (Eco / Top / Premium) ist der aktive Tier auch entsprechend sand-getönt.

Die rechte Übersichts-Sidebar (V1) zeigt nicht mehr den Titel „Übersicht“, sondern direkt den Namen der jeweiligen Person als Card-Header. Das Geschlechts-Icon entfällt — der Name allein reicht.

Der „Geschlecht“-Auswahl-Toggle in Step 1 (Frau / Mann / Ungeborenes Kind) bricht auf Mobile-Viewports nicht mehr aus dem Container. Auf schmalen Screens (< 640 px) stapelt sich das Icon über dem Label und die Schrift wird kompakter; ab Tablet bleibt das gewohnte Side-by-Side-Layout.

Die Modell-Bezeichnungen in der Grundversicherung wurden präzisiert: „Apotheke, Telmed und Hausarzt“ → „Telmed, Apotheke und Hausarzt“; „Gruppenpraxis / Gesundheitszentrum (HMO)“ → „Gruppenpraxis oder Gesundheitszentrum (HMO)“. Die Änderung greift überall, wo diese Strings verwendet werden (Kundenrechner + Neukunden-Wizard).

Der Kundenrechner gibt es jetzt in mehreren Varianten, damit verschiedene UX-Pattern parallel getestet werden können. **V1** (`/kundenrechner-v1`) entspricht dem bisherigen Layout — mit Live-Übersicht-Sidebar rechts und einer konstanten Mitte-Breite von 586 px. **V2** (`/kundenrechner-v2`) ist die fokussierte Single-Column-Variante ohne Übersicht-Sidebar, mit einer breiteren Mitte (bis 760 px). Beide Varianten teilen sich denselben State und dieselben Step-Inhalte (Person-Cards, OKP-Sections, VVG-Sections) — Änderungen am Step-Inhalt landen automatisch in beiden. Im Hub sind sie unter der neuen Gruppe „Neukundenrechner“ verlinkt (zusammen mit dem Neukunden-Wizard). Verfügbar in DE / EN / FR / IT.

Auf der Hub-Startseite heisst die obere Gruppe jetzt „Neukundenrechner“ — klarer und kürzer als die vorherige Bezeichnung „Interessenten-Rechner“. Enthält die zwei Kundenrechner-Varianten V1 / V2 sowie den Neukunden-Wizard.

Auf Desktop war die Mitte des Kundenrechners zwischen Step 1 (675 px max) und Step 2/3 (586 px) um 89 px gesprungen, sobald die Übersicht-Sidebar dazukam. Das Layout läuft jetzt auf einem CSS-Grid mit fixen Tracks (`210 px / 1fr / 340 px`), sodass die Mitte konstant 586 px breit ist — auch in Step 1, wo die rechte Spalte als leerer Track reserviert bleibt.

Der Kundenrechner hat jetzt einen Step 3 für die Zusatzversicherungen (VVG). Pro Person ein eigener Block mit drei Gruppen (Ambulant, Spital, Weitere Zusatzversicherungen) und insgesamt 9 Produkt-Accordions. Klick auf eine Produkt-Card selektiert das Produkt und expandiert sie: Pulse / Zahn / Flex-Spital zeigen den Tier-Picker (Eco / Top / Premium bzw. LK 1-4), alle anderen Produkte sind Single-Price (z.B. Rechtsschutz CHF 9.30, Spitalzusatz CHF 2.90) und zeigen eine kurze Beschreibung. Pulse hat zusätzlich den ‚Leistung vergleichen'-Button mit der Leistungsklassen-Tabelle. Übersichts-Sidebar zeigt für jede ausgewählte VVG-Position eine Zeile mit Produktname/Tier und Monatspreis und summiert das Total. Verfügbar in DE / EN / FR / IT.

Sobald der Berater im Step 2 (Grundversicherung) oder Step 3 (Zusatzversicherung) ist, klappt sich in der linken Step-Navigation der Eintrag ‚Versicherung wählen' auf und zeigt darunter die zwei Sub-Schritte ‚Grundversicherung' und ‚Zusatzversicherung'. Der aktive Sub-Schritt ist hervorgehoben, der inaktive ist klickbar — so kann zwischen OKP und VVG ohne Umweg gewechselt werden.

In Step 2 und Step 3 sitzen die Buttons jetzt einheitlich nebeneinander am unteren Ende des Formulars: ‚Zurück' links, der primäre CTA rechts. Vorher war Zurück als unauffälliger Link unter dem zentrierten Primary-Button platziert — die neue Anordnung ist klarer und folgt dem üblichen Wizard-Pattern.

Die Cards für die OKP-Modelle im Kundenrechner sind visuell auf das Figma-Design angeglichen. Produktname als Titel, daneben ein knackiger Vergleichs-Tag mit Hauptunterscheidungsmerkmal (z.B. ‚Per App', ‚Zum Hausarzt', ‚Im Gesundheitsnetz', ‚Telmed, Arzt, Apotheke', ‚Per Telefon', ‚Freie Arztwahl') direkt vor dem Produkt-Icon. Preis-Pill am unteren Card-Rand bündig zur rechten Kante, runder Chevron neben ‚Alle Informationen'. Beschriftungen in allen 4 Sprachen einheitlich kurz.

Die Übersichts-Sidebar im Kundenrechner streckt sich nicht mehr auf die volle Höhe des Hauptbereichs — sie ist jetzt so hoch wie ihr Inhalt und bleibt durch Sticky-Positioning beim Scrollen oben kleben.

Wenn ‚Unfalldeckung einschliessen' angehakt ist, zeigt jede Grundversicherungs-Card (sowohl im Berater-Rechner als auch im Kundenrechner) jetzt den effektiven Monatspreis inkl. Unfall-Aufschlag (CHF 8.65). Damit ist die Preisanzeige auf der Card konsistent mit dem Total in der Sidebar.

Im Geschlechts-Selector des Berater-Rechners und des Kundenrechners stehen jetzt ‚Männlich' und ‚Weiblich' statt ‚Mann' und ‚Frau' — neutraler und konsistenter mit dem Geschlechts-Schritt im Neukunden-Wizard. Salutationen in Anschreiben (‚Sehr geehrte Frau …') bleiben unverändert. Geändert in DE / EN / FR / IT.

Auf der Startseite sind die Prototyp-Links jetzt in zwei Gruppen unterteilt: ‚Interessenten-Rechner' (Kundenrechner, Neukunde) und ‚Interne Tools' (Berater & Vermittler Rechner, Offerten-Liste, Salesforce-Mock und die geplanten Wechsel-/Zusatz-/Anpassungs-Flows). Hilft, die zwei sehr unterschiedlichen Zielgruppen klar voneinander zu trennen.

Ab Step 2 erscheint rechts eine Übersicht analog zum Berater-Rechner: pro Person Geschlechts-Icon + Name + gewähltes Grundversicherungs-Modell mit Preis, unten das Gesamttotal pro Monat. Auf Tablet und Mobile sitzt eine kompakte Bottom-Bar fix am unteren Rand — Tap öffnet die volle Übersicht. Rechnet mit den gleichen Preisen wie der Berater-Rechner (gleiche bvOkpProducts-Quelle inkl. Rappenrundung). Der CTA ‚Grundversicherung wählen' bleibt zentriert im Hauptbereich.

Der Kundenrechner hat jetzt einen zweiten Schritt. Pro erfasste Person kann der Kunde Versicherungsbeginn (1.1. der nächsten 5 Jahre, Default = nächster Jahreswechsel), optional Unfalldeckung, Franchise (CHF 300 / 500 / 1'000 / 1'500 / 2'500) und das Versicherungsmodell wählen. Die Modelle (KPTwin.smart, .win, .plus, .doc, .easy, Standard) sind mit dem Berater-Rechner abgeglichen — gleiche Beschreibungen, Features und Preise pro Franchise. Jede Modell-Card lässt sich aufklappen und zeigt die Leistungspunkte. Step-Navigation per URL `?step=N`, primary CTA ‚Zusatzversicherung wählen' und Zurück-Link zum Step 1.

Erster Entwurf des öffentlichen Prämienrechners auf kpt.ch — die neue Vision baut auf dem heute online verfügbaren Rechner auf. Step 1 ‚Person(en) erfassen' steht: vertikale Stepper-Sidebar (4 Schritte), Person-Card mit Geschlechts-Toggle (Frau / Mann / Ungeborenes Kind), Vorname (optional), Geburtsdatum, PLZ und ‚Neu in der Schweiz'-Checkbox. ‚Person hinzufügen' erlaubt mehrere Personen. Trust-Cards (einfach + schnell, KPT ist beliebt, persönlich) und Footer mit Kontakt, Impressum und Versicherungsbedingungen unter der Hauptsektion. Vollständig in DE / EN / FR / IT. Erreichbar unter `/kundenrechner` und im Hub als oberster Eintrag verlinkt.

Der gesamte Berater & Vermittler Rechner sowie die Offerten-Liste sind jetzt in Deutsch, Französisch, Italienisch und Englisch verfügbar. Alle Texte — Sektionen, Formulare, Buttons, Statusanzeigen, Versand-Dialog, Deckungsvergleich, Pulse-Leistungsklassen-Übersicht, CRM-Dublettenhinweise, Produkt-Beschreibungen und Tier-Leistungen — wechseln über die Sprachwahl im Header. Strings liegen zentral in `messages/{de,en,fr,it}.json`. Salesforce-Mock bleibt bewusst auf Englisch (Salesforce-Look-and-Feel).

Interner Code-Refactor ohne sichtbare Funktionsänderung. Die roten Action-Buttons (Offerte versenden, Offerte kopieren, Neue Neukunden Offerte, …) und das Login-Formular nutzen jetzt durchgängig die Komponenten aus dem Design-System statt eigener Inline-Styles — das hält Hover- und Fokus-Verhalten konsistent. Mehrfach kopierte Helper (Schweizer Zahlen-Format, Datum-Parsing, Personen-Anzeigename, Geschlechts-Icon) wurden in eine zentrale Quelle gezogen. Custom-Dropdowns (Filter, Sortierung, Varianten-Auswahl, Empfänger-Auswahl) verwenden jetzt einen gemeinsamen Hook für Click-outside und Escape-Handling. Hintergrund: weniger Duplikate bedeutet weniger Stellen, an denen sich subtile Unterschiede einschleichen.

Der CRM-Dublettencheck greift jetzt nur noch bei Neukunden-Offerten. Bei Bestandskunden-Anpassungen ist er komplett deaktiviert — alle Personen kommen ohnehin aus dem CRM, ein erneuter Lookup wäre überflüssig und würde nur den Berater stören.

Bei einer versendeten, akzeptierten oder abgelehnten Offerte heisst der Sidebar-CTA jetzt „Offerte kopieren“ — klarer und kürzer als das bisherige „Neue Offerte aus dieser“. Funktion bleibt identisch: alle Personen + Produkte werden in einen neuen Draft kopiert.

Jede Grundversicherungs-Karte (KPTwin.smart, .win, .plus, .doc, .easy, Standard) hat jetzt ihr eigenes Icon — vorher war auf allen sechs Karten dasselbe generische Icon. Die SVGs liegen unter `public/icons/product/` und werden anhand des Produktnamens gematcht.

Pro CRM-Treffer steht „Daten übernehmen“ jetzt als Haupt-CTA oben rechts (vorher unten links). Der Match-Grund-Badge sitzt direkt neben dem Namen. Geburtsdatum und Wohnadresse stehen auf einer Zeile, E-Mail und Telefon auf der Zeile darunter — kompakter und besser lesbar. Die Schild-Icons im Police-Block sind weg; stattdessen führt ein „In Salesforce öffnen“-Link (Platzhalter) direkt zum CRM-Eintrag. Schriftgrössen leicht erhöht (15–17 px), damit der Dialog ruhiger wirkt. Im Footer wurde der „Schliessen“-Button entfernt — „Ist nicht dieselbe Person“ steht jetzt rechtsbündig allein. Der Dialog lässt sich weiterhin per Esc oder X im Header schliessen.

Ein paar kleine Klarstellungen in der Benutzeroberfläche: Die Tag-Reihe der Variantenauswahl in der Sidebar verwendet jetzt „OKP“ statt „GV“ als Abkürzung für die Grundversicherung — konsistent mit dem Begriff im Restmenü. Die Sidebar-Aktion „Person duplizieren“ heisst jetzt „Produkt kopieren“: das beschreibt klarer, was passiert (nur die Produkt-Konfiguration wird übernommen, nicht die Person selbst). Das Beweispflicht-Feld unter dem Kollektivvertrag heisst neu „Kollektivvertrag Beweispflicht“ — eindeutig zugeordnet. Im Personenformular der Hauptperson stehen „Abweichende Korrespondenzadresse?“ und „Neu in der Schweiz?“ jetzt nebeneinander auf einer Zeile; „Online-Kunde?“ bleibt in voller Breite darunter.

Der primäre CTA auf der Offerten-Übersicht heisst neu „Neue Neukunden Offerte“. Damit ist von Anfang an klar, dass darüber eine Offerte ohne Salesforce-Bestand gestartet wird — Bestandskunden-Anpassungen kommen weiterhin über die Salesforce-Mock-Page (oder direkt über einen Bestandskunden-Eintrag).

Die Bestandsdaten der Familie Messerli enthalten jetzt nur noch Chantale (Hauptperson), Bettina und Lia — Sohn Nico wurde aus dem Bestand-Snapshot und aus der laufenden Anpassungs-Offerte entfernt. Damit kommt der Familienfall mit drei versicherten Personen aus, was für die meisten Test-Szenarien angenehmer ist.

Beim Hover über eine Personen-Zeile in der Sidebar erscheint rechts neben dem Preis ein runder Drei-Punkte-Icon-Button mit Shadow, der leicht über die Sidebar-Kante hinausragt. Klick öffnet ein kleines Menü mit zwei Aktionen: „Person duplizieren“ kopiert die Produkt-Konfiguration (Grund- und Zusatzversicherung, Franchise, Unfall, Online-Kunde) in eine neue Person — die Identitätsfelder (Geschlecht, Vor-/Nachname, Geburtsdatum, E-Mail, Telefon) bleiben leer, damit der Berater sie für die neue Person frisch erfasst. „Person entfernen“ ist nur bei zusätzlichen Personen sichtbar (nicht bei der Hauptperson) und triggert dasselbe Bestätigungs-Dialog wie der Trash-Button im Personen-Header. Im Read-only-Modus ist das Menü ausgeblendet.

Die Felder in der Read-only-Ansicht (versendet/akzeptiert/abgelehnt) folgen jetzt dem Stil aus der KPT-Library (Figma-Node `2439:2876`): 14 px medium Label in `kpt-gray-600`, darunter der Wert in 18 px regular `kpt-gray-800`. Vorher war der Wert in 16 px gerendert — der Unterschied ist subtil, aber konsistent zur offiziellen Library-Komponente. Leere Werte werden weiterhin als „—“ in gedämpftem Grau angezeigt.

Das Dropdown zur Variant-Auswahl in der Sidebar wurde überarbeitet. Pro Eintrag steht jetzt wieder „Variante 1“, „Variante 2“ usw. als Titel über den Tags. Das aktive Element bekommt nur noch einen hellblauen Hintergrund (gleicher Ton wie selektierte Geschlechts-/Franchise-Cards), keinen blauen Rahmen mehr. Beim Hovern über ein nicht-aktives Element wird die ganze Zeile inklusive Trash-Icon hervorgehoben — vorher war der Hover-Bereich nur auf den Variant-Switch-Bereich beschränkt. Das Trash-Icon hat zusätzlich einen rot-Color-Hover, ohne eigenen Hintergrund. Der „Neue Variante hinzufügen“-Footer hat jetzt Padding drumherum: der Hover-Bereich ist eine gerundete Box bündig mit den Items, nicht mehr eine Kante-zu-Kante-Fläche.

Der Status-Badge im BV-Rechner-Header verwendet jetzt das Design-System-`Badge`-Pattern aus der Offerten-Liste — ohne Icon, gleiche Variant-Zuweisung (`beta`/`delta`/`success`/`danger`). Auch im Draft-Status ist der Badge sichtbar („In Bearbeitung“ — vorher wurde er bei Drafts ausgeblendet). Damit bleibt der Status-Look in Liste und Detail-Ansicht 1:1 konsistent. Label „Entwurf“ wurde überall durch „In Bearbeitung“ ersetzt, damit Liste und Detail dieselbe Sprache sprechen.

Drei kleine Verbesserungen auf der Offerten-Liste. Pro Zeile wird jetzt unter den Personen die Adresse der Hauptperson als Plain-Text angezeigt (Strasse, PLZ Ort) — ohne Icon, in der gleichen Schriftgrösse wie die Personen-Zeile. Im Suchfeld erscheint rechts ein X-Icon, sobald Text drin ist; Klick löscht die Suche in einem Schritt. Sind Filter aktiv (Status, Berater oder Kundentyp abweichend vom Default), erscheint rechts neben den Filter-Pills ein „Filter zurücksetzen“-Link, der alle drei wieder auf den Default setzt.

Der OKP-Versicherungsbeginn lässt sich nur noch auf den 1. Januar setzen. Der Default ist der nächste Jahreswechsel; im Dropdown stehen die nächsten fünf Jahresanfänge zur Auswahl (z.B. 01.01.2027 bis 01.01.2031). Hintergrund: Wechsel/Neuabschluss der Grundversicherung sind in der Schweiz nur per Jahreswechsel möglich — der Prototyp spiegelt das jetzt korrekt wider. Bei der Zusatzversicherung bleibt der Versicherungsbeginn weiterhin monatlich frei wählbar.

Der bisher als „Vorlage“ benannte Select heisst jetzt „Ansprache“ — es geht um die Du-/Sie-Form (Formal vs. Informell), nicht um eine Dokumentenvorlage. Das Layout in der linken Spalte ist neu strukturiert: Zeile 1 zeigt Versandart und Ansprache nebeneinander (beides Selects, gleiche Höhe — visuell sauber). Darunter sitzt der Empfänger-Block über die volle Breite, weil er je nach Versandart unterschiedlich hoch wird (Multi-Select-Dropdown vs. mehrzeilige Adresse). Betreff und Nachricht folgen darunter.

Die vier Personen-Icons (Frau, Mann, Ungeborenes Kind, Unbekannt) wurden auf das neue Line-Set aus `public/icons/` umgestellt — feinere Strichstärke, einheitlicher visueller Stil. Frau (`single-woman`), Mann (`single-man`), neutral (`single-neutral`, gezeigt wenn beim Anlegen einer neuen Person noch kein Geschlecht gewählt wurde), und Baby (`baby-boy`) für unborn. Die Icons werden überall einheitlich gerendert: in der Geschlechtsauswahl auf der Person-Card, in der Sidebar-Personen-Liste, in der Bestand-Read-only-Ansicht und neu auch in der Offerten-Listenansicht (vorher generische lucide-User/Baby-Icons). Farbe kommt weiterhin per `currentColor` aus dem umschliessenden Container.

Im Personenformular einer Bestandskunden-Anpassung sind die zwei Felder „Bisherige Krankenkasse“ und die Checkbox „Neu in der Schweiz?“ jetzt ausgeblendet — sowohl bei der Hauptperson als auch bei weiteren versicherten Personen. Beide Angaben sind semantisch nicht relevant, da die Person ja bereits KPT-Kundin und in der Schweiz wohnhaft ist. Bei Neukunden-Offerten bleibt alles unverändert sichtbar.

Im „Offerte versenden“-Dialog kann der Berater jetzt oben links die Versandart auswählen: per E-Mail, per Post oder per E-Mail und Post. Daneben erscheint kontextabhängig der Empfänger — bei E-Mail die Adress-Auswahl, bei Post die Postadresse (Korrespondenzadresse falls abweichend, sonst Hauptadresse; bei unborn-Hauptperson die Bezugsperson-Adresse). Sind mehrere Personen mit E-Mail-Adresse vorhanden, öffnet sich ein Multi-Select-Dropdown mit Checkboxen — default ist nur die Hauptperson ausgewählt, weitere können per Klick zugehakt werden. Hat nur eine Person eine E-Mail oder gibt es nur eine Person, wird die Adresse als nicht editierbarer Plain-Text angezeigt (kein Eingabe-Feld). Das Begleitschreiben (Vorlage / Betreff / Nachricht) bleibt in allen drei Fällen sichtbar — bei „Per Post“ wird derselbe Text gedruckt. Der CTA-Button passt sich der Auswahl an („Per E-Mail versenden“ / „Per Post versenden“ / „Per E-Mail und Post versenden“). Der bisherige Empfänger-Block in der rechten Spalte ist weggefallen.

Bisher konnten nur bei der Hauptperson E-Mail-Adresse und Mobilnummer erfasst werden. Neu sind diese Felder auch bei weiteren versicherten Personen sichtbar — als optionale Eingabe (kein Sternchen, keine Required-Validierung). Sobald eine weitere Person eine E-Mail-Adresse hat, taucht sie im Versenden-Dialog im Empfänger-Dropdown auf und kann zusätzlich angeschrieben werden. Bei unborn-Hauptpersonen entfallen die Felder weiterhin — dort gehören Kontaktdaten zur Bezugsperson.

Drei kleine UX-Polish-Schritte. Der Hinweis unterhalb von „Speichern“ heisst jetzt „Automatisch gespeichert · {Datum}“ — kommuniziert, dass der Berater nichts verlieren kann. Der Variant-Selector im Sidebar-Header zeigt das aktive Variant-Label (z.B. „Variante 1“) jetzt nochmal eine Stufe grösser (`text-lg`) — der Wechsel zwischen Varianten ist die wichtigste Aktion in der Sidebar und soll auch visuell so wirken. Das Auf-/Zuklappen-Chevron im Person-Header ist horizontal exakt mit den Chevrons der inneren Sub-Sections (Persönliche Daten / Grundversicherung / VVG) aligniert — feines Detail, beruhigt die vertikale Linie der ganzen Card.

Bestandskunde „Familie Lehmann“ heisst jetzt „Familie Messerli“. Die Hauptperson wechselt von Reto (m) auf Chantale (f), Email entsprechend. Bettina, Nico und Lia bleiben als weitere versicherte Personen mit dem Nachnamen Messerli. Auch die existierende Anpassungs-Offerte und der CRM-Mock-Eintrag „Vera“ (gleiche Adresse, story-konsistent) wurden mitgezogen. Interne IDs (`bk-lehmann`, …) bleiben unverändert.

Begriffe sind klarer auf den Geschäftsvorfall ausgerichtet. Im Salesforce-Mock heisst die Aktion pro Account-Zeile jetzt „Deckung anpassen“ (vorher „Neue Offerte“). Im BV-Rechner-Header wird eine Bestandskunden-Anpassung als „Änderungsofferte · Kundenname“ angezeigt (vorher „Anpassung · …“). Im Vergleichs-Overlay heisst der Titel jetzt „Deckungsvergleich“, die Spalte „Aktuelle Deckung“ (statt „Aktuelle Police“), und Hinweistexte sprechen konsistent von „Deckung“ statt „Police“.

Der Variant-Selector im Sidebar-Header zeigt das aktive Variant-Label („Variante N“) jetzt im Trigger-Button in derselben Schriftgrösse wie die Personen-Namen — die Auswahl ist auf einen Blick erkennbar. Im Dropdown selbst entfällt das redundante „Variante N“-Label pro Eintrag; jede Variante wird über ihre Tags (Personen / GV / VVG) und das Monatstotal identifiziert. Die aktive Variante hat eine sichtbare blaue Border und einen hellblauen Hintergrund, der die ganze Zeile inklusive Trash-Button umschliesst. Items haben mehr Luft (Padding um den Highlight). Trash-Button hat eine grössere, klickbarere Hit-Area (`size-9`).

Wegklick-Aktionen am CRM-Match-Hinweis (X auf Toast, „Ist nicht dieselbe Person“) werden nicht mehr in einem Cookie gespeichert. Der Dismiss gilt nur für die aktuelle Session — bei Reload, Tab-Wechsel oder Navigation ist alles wieder offen, ein passender CRM-Treffer löst den Hinweis erneut aus. Macht Demos und wiederholte Tests berechenbar; im Tagesgeschäft entspricht eine Session in der Regel einem Kunden-Workflow. Cookie `kpt-bv-duplicate-dismissed` (vorher 30 Tage) wird nicht mehr geschrieben/gelesen.

Im Variant-Dropdown der Sidebar zeigt jeder Eintrag jetzt **auf derselben Zeile** wie „Variante N“ eine kompakte Tag-Reihe: Personen-Tag mit User-Icon und Anzahl, dann „GV“ + Anzahl Personen mit Grundversicherung, dann „VVG“ + Summe aller Zusatzversicherungen (über alle Personen). Gibt sofort einen Überblick, was in der Variante drinsteckt. Check-Icon des aktiven Eintrags sitzt jetzt **links** vor dem Titel (Slot wird auch bei inaktiven Einträgen reserviert, damit Titel/Tags/Preis sauber bündig stehen). Preis-Zeile in derselben Schriftgrösse wie der Titel. Das Copy/Duplizieren-Icon ist entfernt — Varianten werden nur noch über „Neue Variante hinzufügen“ erzeugt (welche bereits eine vollständige Kopie der aktuell aktiven Variante anlegt). Dropdown ist minimal breiter (`min-w-[280px]`), damit die Tags Platz haben.

Wenn der Berater eine Checkbox anhakt und ein neues Formular erscheint („Abweichende Korrespondenzadresse“, „Neu in der Schweiz“) oder einen Kollektivvertrag wählt (Beweispflicht), passiert zweierlei: (1) Der neue Bereich blitzt kurz mit einem hellblauen Hintergrund auf (`kpt-iceblue-100`, 1.6 s Fade-Out) — visuelles Signal „hier ist etwas Neues“. (2) Der Cursor springt automatisch ins erste Input des neuen Bereichs (bei der Korrespondenzadresse z.B. ins Vorname-Feld). Beim Reload der Seite mit bereits gesetzten Werten läuft nur der Highlight, der Fokus springt nicht — Page-Loads bleiben ruhig. Neue Animation-Utility `kpt-reveal-highlight` im Design-System.

Wenn ein Kollektivvertrag ausgewählt ist, erscheint das Beweispflicht-Feld jetzt direkt unter dem Kollektivvertrag-Dropdown in derselben Spalte — kein blauer Box-Hintergrund, kein „Zusätzliche Angabe – Kollektivvertrag“-Header mehr. Nur Label „Beweispflicht“ + Helper-Text „Mitgliedsausweis, E-Mail, Arbeitgeber“. Dieselbe Vereinfachung im Read-Only-Modus für Bestandskunden.

Drei Verbesserungen an „Abweichende Korrespondenzadresse?“, „Neu in der Schweiz?“ und „Online-Kunde?“: (1) Klick-Hit-Area umfasst jetzt nur noch Checkbox + Label (vorher die ganze Zeile inkl. leerem Raum rechts) — fühlt sich wie eine native Checkbox an. (2) Bei „Online-Kunde?“ wandert der Rabatthinweis ins Label selbst: „Online-Kunde? (− 5% Rabatt)“. (3) Die ausgeklappten Folgeformulare (Korrespondenzadresse, Einreisedatum) sitzen jetzt bündig zur Sektions-Spalte — keine Einrückung mehr, dadurch fluchten die Inputs mit den anderen Form-Spalten oben.

Der Info-Tooltip neben „Gesetzliche/r Vertreter:in“ formuliert den Hinweis neu — „Schliesst den Vertrag stellvertretend ab und erscheint auf der Offerte. Eine eigene Versicherung bei der KPT ist möglich, aber nicht erforderlich.“ Vermeidet bewusst den Begriff „Vertragspartner“, stellt klar, dass die Bezugsperson zwar selbst keinen Versicherungsabschluss braucht, aber durchaus einen haben kann. Tooltip-Bubble hat zusätzlich Mindestbreite (280 px) und grössere Schrift (`text-sm` statt `text-xs`), damit der Text ruhig sitzt. Im Design-System-`Popover` neu: `contentClassName`-Prop für Anpassungen am Text-Element.

Zahlungsart, Zahlungsintervall und IBAN sind komplett aus der Validierung und dem Vollständigkeits-Indikator entfernt. Eine Offerte kann ab jetzt auch ohne Zahlungsdaten versendet werden — der Berater darf sie nachträglich ergänzen. Vorher waren Zahlungsart und -intervall Pflichtfelder; das brachte unnötige Reibung in Workflows, in denen die Zahlungsdaten erst später vom Kunden kommen.

Auf der Offerten-Liste ist der Status-Filter jetzt ein Dropdown im selben Stil wie „Alle Kunden“ (vorher waren es Pill-Chips mit Counter). Default: „Alle Status“. Auswählbar sind alle vier echten Status der Offerte: In Bearbeitung, Versendet, Akzeptiert, Abgelehnt — vorher war „Abgeschlossen“ ein Bucket aus Akzeptiert + Abgelehnt. Die vertikale Trennlinie zwischen Status- und Kunden-/Berater-Filter ist entfernt. Pro Listen-Eintrag werden jetzt alle versicherten Personen einzeln mit Icon + Name angezeigt (vorher zusammengefasst als „2 Erwachsene, 1 Kind“) — der Berater erkennt eine Familie sofort.

Die Tab-Leiste über dem Hauptformular ist weg — der Variant-Selector in der Sidebar (Chip-Dropdown mit „Vergleichen“-Link, Copy/Trash pro Eintrag, „Neue Variante hinzufügen“-Footer) übernimmt vollständig: Wechseln, Duplizieren, Entfernen, neue Variante. Spart Vertikal-Platz oben und vermeidet doppelte UI für dieselbe Funktion.

Bei einer Bestandskunden-Anpassung sind die Felder Geschlecht / Typ, Vorname, Nachname und Geburtsdatum für Personen aus der bestehenden Police nicht mehr editierbar — sie bleiben sichtbar, aber gesperrt. Das verhindert versehentliche Identity-Änderungen bei einer Anpassung (alles andere — Adresse, Kontakt, Produkte, Franchise — bleibt regulär editierbar). Erkennung erfolgt über den Match Vorname + Nachname + Geburtsdatum gegen den Bestand-Snapshot. Neu hinzugefügte Personen in einer Anpassung haben weiterhin alle Felder offen.

„Abweichende Korrespondenzadresse?“, „Neu in der Schweiz?“ und „Online-Kunde?“ haben keine eigene Card-Border mehr. Die drei Checkboxen sitzen nun ruhig in der Sektion — Checkbox + Label, beim Anhaken erscheint das Folgeformular direkt darunter (ohne umschliessenden Rahmen). Wirkt deutlich aufgeräumter, da die Hauptperson-/Bezugsperson-Sektion bereits visuell umschliesst. Identisch in beiden Sektionen.

Der Subtitle der Bezugsperson-Sektion (bei Hauptperson „Ungeborenes Kind“) lautet jetzt „Gesetzliche/r Vertreter:in“ — präziser als der bisherige Erklärsatz. Die ursprüngliche Erläuterung „Vertragspartner — nicht versichert, wird nur auf der Offerte ausgewiesen“ ist in ein Info-Icon gewandert, das beim Hover/Fokus den Text als Popover zeigt. Hält die Sektion ruhiger, ohne den juristischen Kontext zu verlieren.

Die Sortierauswahl auf der Offerten-Liste ist nicht mehr als Pill-Button gestylt, sondern erscheint als Klein-Text rechts in der Toolbar: „sortiert nach **Priorität** ⌄“. Der Sortier-Wert ist fett, „sortiert nach“ regulär — wirkt deutlich ruhiger neben den eigentlichen Filtern (Status / Kundentyp / Berater) und erinnert mehr an eine Sortier-Anzeige als an einen weiteren Filter. Der Default heisst jetzt „Priorität“ (vorher „Standard (Status-Priorität)“). Dropdown-Menü und Sortierlogik bleiben identisch.

Der nicht-modale Toast für CRM-Match-Treffer übernimmt das visuelle Vokabular des Design-System-ActionSheets — weisser Hintergrund, `rounded-2xl`, weicher Schatten, Titel in KPT-Rot, runde Close-Button-Pille und „Anzeigen“ als primärer Action-Button. Bleibt nicht-modal in der unteren linken Ecke; blockiert weiter keinen Workflow. Wirkt jetzt prominenter und konsistent mit anderen System-Dialogen.

In den Salesforce-Mock-Bestandskunden hatten Kinder die Franchise 0 und eine Person 2'000 gespeichert — beide Werte sind aber nicht Teil der BV-Auswahlliste (300/500/1'000/1'500/2'500). Im Editor erschien die Franchise-Auswahl daher leer, obwohl der Datensatz aus dem Bestand kam. Alle Kinder sind jetzt auf 300 gesetzt, der 2'000-Wert auf 1'500. Auch in den abgeleiteten Anpassungs-Offerten korrigiert. Gilt für alle Personen einer Police, nicht nur die Hauptperson.

Klick auf „Leistungsklassen im Überblick“ in der Pulse-Produktkarte öffnet ein Fullscreen-Overlay mit der vollständigen Leistungstabelle: Eco / Top / Premium nebeneinander mit Preis pro Monat, Leistungen gruppiert in fünf Bereichen (Basisleistungen, Prävention, Früherkennung, Hilfsmittel, Schwangerschaft) — alle Bereiche kollabierbar (default offen). Werte als ✓ / ✗ oder Text (z.B. „bis CHF 500“, „90%, max. CHF 50'000“). Preise und Tier-Labels werden live aus den Produktdaten gelesen, damit sie immer synchron sind. Esc + X schliesst.

Wenn alle Pflichtfelder erfüllt sind, wird der grüne Kreis mit Checkmark um ein Drittel kleiner dargestellt (2/3 der Progress-Grösse) — wirkt weniger dominant und signalisiert ruhigeres „Done“. Der äussere Container behält seine Grösse, damit es zu keinem Layout-Shift kommt.

Bei Policen-Anpassungen von Bestandskunden ist der „Vergleichen“-Link in der Sidebar jetzt auch dann sichtbar, wenn nur eine Variante existiert — der Vergleichsdialog stellt die Anpassung der aktuellen Police gegenüber. Vorher war der Link erst ab 2 Varianten sichtbar, was den Hauptzweck einer Anpassung (Vorher-Nachher-Vergleich) unnötig versteckt hat.

Wenn „Persönliche Daten“, „Grundversicherung“ oder „Zusatzversicherungen“ eingeklappt sind, erscheint unter dem Title eine kompakte Zusammenfassung — analog zur Mini-Übersicht beim eingeklappten Person-Block. Persönliche Daten zeigen Geburtsdatum, PLZ/Ort (Hauptperson) und bisherige Krankenkasse. Grundversicherung zeigt Produkt + Franchise. Zusatzversicherungen listen alle gewählten Produkte mit Tier (z.B. „Pulse Top · Zahnversicherung LK 3“). Berater sieht so auf einen Blick, was in jeder Section drinsteht — besonders nützlich bei Bestandskunden-Anpassungen, wo „Persönliche Daten“ default eingeklappt ist.

Bei Hauptperson „Ungeborenes Kind“ ist die Bezugsperson jetzt Teil der „Persönliche Daten“-Section — nicht mehr separat einklappbar, sondern direkt unterhalb der Hauptperson-Felder durch eine Trennlinie abgesetzt. Auch der Sektions-Titel bleibt in diesem Fall „Persönliche Daten“ (vorher „Ungeborenes Kind“) — konsistenter Aufbau über alle Personen.

Die Section „Persönliche Daten“ verhält sich jetzt wie Grundversicherung und Zusatzversicherungen — ganze Title-Zeile klickbar, Chevron-Toggle. Die Geschlechts-/Typ-Auswahl (Frau/Mann/Ungeborenes Kind) sitzt jetzt unterhalb des Titels innerhalb der Section. Default-Verhalten: offen bei neuen Offerten, eingeklappt bei Bestandskunden-Anpassungen — Berater muss bei Anpassungen die bereits aus Salesforce vorausgefüllten Stammdaten nicht erst wegklicken. Gilt für alle Personen einer Offerte.

Der Vergleichs-Button auf jeder Zusatzversicherungs-Karte wurde umbenannt — der neue Wortlaut beschreibt den Inhalt klarer (Tier-/LK-Übersicht statt generischer „Vergleich“).

Die Sub-Labels („Hauptversicherungsnehmer:in“ / „Weitere versicherte Person“) sowie die Beschreibungen der Grundversicherungs- und Zusatzversicherungs-Produkte (z.B. „Gesundheitsförderung und Prävention“) nutzen jetzt die gleiche Schriftgrösse wie die Sidebar-Texte (14 px statt 12 px). Bessere Lesbarkeit ohne dass das Layout grösser wird.

Der Vollständigkeits-Indikator („Überprüfen“-Block) sitzt jetzt direkt in der oberen Sidebar-Box zwischen Personen-Liste und Total — abgetrennt nur durch eine feine Trennlinie, wie sie auch über dem Total verwendet wird. Kein eigenes Card-Border mehr darunter, dadurch ruhigeres Sidebar-Layout und engere Verbindung zwischen Personen, Vollständigkeit und Total.

Die kleinen VVG-Tags („Pulse“, „Zahn“, „Spital“) im Varianten-Dropdown erscheinen nur noch bei Varianten mit einer einzelnen versicherten Person. Bei Familien sind die Tags wenig aussagekräftig (eine Person hat Spital, eine andere nicht) und blähen das Menü zu stark auf — dort genügt das Monatstotal als Differenziator.

Der Sidebar-Header zeigt direkt einen kompakten Varianten-Dropdown (Chip mit Chevron) statt Titel — Klick öffnet eine Liste aller Varianten mit Monatstotal, kleinen VVG-Tags („Pulse“, „Zahn“, „Spital“) und — falls sie zwischen Varianten variiert — der Personenanzahl. Pro Eintrag gibt es ein Copy-Icon zum Duplizieren (kopiert die Variante inklusive aller Eingaben/Produkte) und ein Trash-Icon zum Entfernen (ab 2 Varianten). Footer-Aktion „Neue Variante hinzufügen“ erzeugt eine vollständige Kopie der aktiven Variante. Daneben ein „Vergleichen“-Link, der nur ab 2 Varianten erscheint. Funktioniert parallel zu den Tabs oben.

Der Vollständigkeits-Indikator und die „Überprüfen“-Aktion prüfen jetzt 1:1 dieselben Pflichtfelder — der Indikator springt auf 100 %, sobald keine Validierungs-Issues mehr offen sind. Bei 100 % wird der Kreis komplett mit weissem Checkmark gefüllt (statt „100 %“-Text), Untertitel und „Überprüfen“-Link werden ausgeblendet. IBAN ist als Pflichtfeld entfernt — Zahlungsart und Zahlungsintervall bleiben Pflicht. Korrespondenzadresse-Felder, Einreisedatum und VVG-Tier pro Produkt fliessen jetzt korrekt in beide Berechnungen ein.

Custom-Variantennamen wie „Premium“, „Standard“, „Komfort“ wurden entfernt. Varianten werden überall (Tabs, Sidebar, Vergleichsdialog, Validierung) konsistent „Variante 1“, „Variante 2“ usw. genannt — die Bezeichnung wird strukturell aus dem Index abgeleitet (`BVVariant.label` ist aus dem Datenmodell weg).

Die Folgeformulare bei „Abweichende Korrespondenzadresse“ und „Neu in der Schweiz“ sind ab Tablet-Breite auf 50 % der Containerbreite begrenzt — passt jetzt zur Optik der einzelnen Kontaktfelder (Mobilenummer / E-Mail).

Statt einem unauffälligen Inline-Link ist „Person hinzufügen“ jetzt ein voll breiter Outline-Button (Tertiary-Variante mit Plus-Icon) — passt sich nahtlos in die Sidebar ein und wirkt als klare Sekundär-Aktion.

In der Offerten-Liste sind die Badges jetzt aus dem Design-System (alpha/beta/gamma/delta + neutral). Ein Kundentyp-Badge („Neukunde“ / „Bestandskunde“) in neutralem Grau steht neben einem Status-Badge, der für Neu- und Bestandskunden identisch ist (`beta` In Bearbeitung, `delta` Versendet, `success` Akzeptiert, `danger` Abgelehnt). Icons in den Badges entfallen. Personen-Anzeige nutzt nur noch ein Standard-Icon (Babys ausgenommen), Texte (Personenangaben, ID, Datum) sind vereinheitlicht auf eine Schriftgrösse, und das Datum zeigt nur noch den Tag (ohne Uhrzeit).

Sabrinas Liste umfasst jetzt 13 Offerten quer über alle Status (4 Drafts, 5 Versendet, 2 Akzeptiert, 1 Abgelehnt) — neu mit Familien (Stettler, Knecht, Eberli, Amstutz, Schenk), Single-Kunden (Zaugg, Streit, Zollinger), zwei Mehr-Varianten-Offerten (Stettler Komfort/Spar, Amstutz Premium/Standard), Neu-in-Schweiz-Fall (Streit), ungeborenem Kind (Eberli) und zwei Bestandskunden-Anpassungen (Familie Schenk Draft, Ehepaar Moser versendet). Default-Filter „ich (Sabrina Keller)“ zeigt damit eine realistische Mischung.

Der freitextliche Anpassungs-Hinweis (z.B. „→ +1 Kind (Sohn, geb. 12.03.2026)“) wird auf der Offerten-Liste und im BV-Rechner-Header nicht mehr angezeigt — die Information ist redundant zu den eigentlichen Personen- und Produkt-Daten und sorgte mehr für visuelles Rauschen als für Klarheit. UI-Label „Email“ wurde im selben Zug auf „E-Mail“ angepasst.

„Abweichende Korrespondenzadresse?“, „Neu in der Schweiz?“ und „Online-Kunde?“ sind jetzt vertikal gestapelt. Jede Checkbox nutzt nur ihre eigene Card-Border — kein zusätzlicher Wrapper mehr. Beim Anhaken erscheint das Folgeformular (Korrespondenzadresse-Block bzw. Einreisedatum) direkt innerhalb derselben Border, aligniert mit dem Label, ohne hellblauen Hintergrund. Hit-Area zum Toggeln nur im oberen Bereich (Label-Zeile) — Klicks in den Inputs lösen kein Toggle aus. Gilt analog in der Bezugsperson-Sektion. Neue Helper-Komponente `CheckboxWithExpansion`.

Der Berater-Header zeigt links neben „Offerten“ einen Link „Salesforce“ — dieselbe Mock-Page wie über die Index-Seite. Auf der Salesforce-Page öffnet die Aktion „Neue Offerte“ den BV-Rechner jetzt in einem neuen Tab, damit die Account-Liste als Ausgangspunkt erhalten bleibt (Salesforce-typisches Verhalten).

Unter den Filtern eine neue Zeile: links die Anzahl Offerten („X von Y Offerten“ — vorher unter dem Titel), rechts ein Sortier-Dropdown im gleichen Pill-Style. Optionen: Standard (Status-Priorität wie bisher), Name A → Z, Name Z → A, Erstelldatum neueste / älteste zuerst. Die gewählte Sortierung wird im Cookie persistiert.

Neben den Status-Chips gibt es jetzt zwei zusätzliche Filter im gleichen Pill-Style (mit Chevron), getrennt durch eine feine vertikale Trennlinie. Kundentyp: Alle Kunden (Default), Neukunden, Bestandskunden. Berater: Alle Berater zuerst, dann ich (Sabrina Keller) als Default, danach alle anderen — mit Such-Feld im Dropdown, damit grosse Listen schnell durchsuchbar sind. Aktive Filter (≠ Default) heben sich farblich ab (rote Border + leichter Rot-Tint). Counter auf den Status-Chips reagieren auf alle aktiven Filter, sodass die Verteilung jeweils zur Selektion passt.

Der Kundentyp-Filter (Neukunde / Bestandskunde) ist auf der Offerten-Liste raus. Stattdessen sind die Status-Filter direkt unter der Suche als Chips sichtbar: „Alle“ (mit Gesamt-Anzahl), „In Bearbeitung“, „Versendet“, „Abgeschlossen“ — jeweils mit Counter. Single-Select: Klick auf einen Chip filtert sofort, „Alle“ setzt zurück. Schneller Zugriff auf die wichtigste Filter-Dimension ohne Dropdown-Klick.

Statt eines Modals auf der Offerten-Seite gibt es jetzt eine eigene simulierte Salesforce-Page (Lightning Experience-Style) unter /de/salesforce. Verlinkt von der Prototypen-Index-Seite — Salesforce ist konzeptionell ein separates System und nicht mehr in der Offerten-Übersicht eingebettet. Listenansicht aller Bestandskunden mit Suche, Sortierung und Salesforce-typischer Optik (Top-Bar, Tab-Navigation, Account-Liste). Pro Zeile ein Action-Menü mit „Neue Offerte“ (startet Anpassungs-Offerte mit Prefill) und „Offerten anzeigen“ (filtert die Offerten-Liste auf den Kunden).

Sobald genug Daten erfasst sind (E-Mail oder Telefonnummer komplett, oder Vorname + Nachname + Geburtsdatum gemeinsam), prüft das System pro Person automatisch im CRM auf mögliche Übereinstimmungen. Treffer erscheinen unauffällig als kleiner Hinweis unten links. Klick auf „Anzeigen“ öffnet eine Übersicht mit Personendaten und allfälliger aktiver Police — die CRM-Daten lassen sich per Klick übernehmen. Bei Bestandskunden-Anpassungen werden bereits versicherte Personen übersprungen, neue Personen (z.B. Familienmitglieder) werden geprüft. Hinweis lässt sich für die aktuelle Datenversion wegklicken; bei Datenänderung erscheint er wieder.

Das Tool fokussiert sich neu auf die Offerten-Erstellung. Kundenstamm liegt in Salesforce, Offerten werden hier bearbeitet. Die Kunden-Detail-Seite ist weggefallen — jede Zeile in der Liste ist eine eigenständige Offerte. Filter „Kein Handlungsbedarf“ entfernt. Neuer Button „Anpassung von Bestandskunde“ öffnet einen Dialog mit Bestandskunden aus dem Salesforce-Mock zum Starten einer neuen Anpassungs-Offerte.

Vier Status statt sieben: Entwurf, Versendet, Akzeptiert, Abgelehnt. Read-only-Modus nur bei Versendet/Akzeptiert/Abgelehnt. Kein „aktive Police“-Sonderfall mehr. Bei Bestandskunden-Anpassungen liegt die aktuelle Police als Snapshot bei der Offerte und dient als Vergleichsbasis im Vergleichsdialog. Im read-only-Modus erscheint statt „Police anpassen“ der CTA „Neue Offerte aus dieser“ — kopiert die Daten in einen neuen Entwurf.

Logo bleibt links, alle Nav-Items wandern nach rechts in eine Zeile: Offerten · Trennstrich · User-Icon + Berater-Name · DE. Einheitlicher 14px-Stil, Hintergrund jetzt hell-grau (#fafafa) statt weiss. Trennstrich (1×16px) zwischen Offerten und Berater-Block.

Die Breadcrumb-Zeile „Offerten / {Kunde} / {Kontext}“ unter dem Header ist im BV-Rechner verschwunden — der Page-Title liefert den Kontext bereits („Anpassung · {Kunde}“ etc.). Reduziert visuellen Lärm.

Der frühere ausgewachsene Outline-Button in der Sidebar ist durch einen kompakten Inline-Link mit Plus-Icon (iceblue, hover-underline) ersetzt. Spart vertikalen Platz und passt visuell besser zu den Personen-Listen-Items darüber.

Bei Hauptperson „Ungeborenes Kind“ wandern die Felder „Abweichende Korrespondenzadresse?“, „Neu in der Schweiz?“ und „Online-Kunde?“ in die Bezugsperson-Sektion — sie gehören zum Vertragspartner, nicht zum ungeborenen Kind. Sektion-Titel der Hauptperson heisst in diesem Fall „Ungeborenes Kind“ statt „Persönliche Daten“.

Kleiner Shortcut-Link unter dem Vorname-Feld füllt Vor- und Nachname Kontoinhaber:in mit den Daten der Hauptperson (bzw. Bezugsperson bei ungeborenem Kind). Erscheint nur, wenn die Felder noch leer oder abweichend sind.

Neue Personen starten mit der Maximal-Franchise CHF 2'500 vorausgewählt — der häufigste Wert beim Beratungsgespräch.

Im Berater-Header steht jetzt der Berater-Name als Text-Link (gleicher Stil wie der Sprach-Switch) mit kleinem Menü-Icon — vorher Profilbild + Avatar. Das Dropdown bleibt unverändert. Sprach-Switch nutzt dasselbe Menü-Icon.

Die Hauptperson kann wieder ein ungeborenes Kind sein. In dem Fall erscheint darunter ein eigener Bezugsperson-Block (Vertragspartner — nicht versichert). Adresse, Kontakt und Zahlung wandern dorthin; die Felder auf der Hauptperson-Card und die separate Zahlungsinformations-Card sind in diesem Fall ausgeblendet.

Kleiner kreisförmiger Indikator zeigt pro Person im Header und gesamt in der Sidebar (über „Offerte versenden“) den Vollständigkeitsgrad. Berücksichtigt PBA, Adresse/Kontakt/Zahlung der Hauptperson (oder Bezugsperson), sowie Franchise + OKP-Produkt pro versicherter Person. Der „Überprüfen“-Link daneben löst die gleiche Validierung manuell aus.

Bisher zeigte der Vergleichs-Overlay nur Bestand-Anpassungen. Jetzt steht er auch bei neuen Offerten zur Verfügung — sobald mindestens zwei Varianten vorhanden sind. Der Button sitzt in der Sidebar bei „Offerte versenden / Speichern“ (Desktop) bzw. in der ausgeklappten Bottom-Bar (Mobile/Tablet). Tarif-Jahr-Toggle ist in diesem Modus ausgeblendet.

Sidebar zeigt jetzt einen ausgewachsenen Outline-Button statt eines kleinen Inline-Links. Die gestrichelte Inline-Card im Hauptbereich erscheint nur noch, wenn die Sidebar nicht sichtbar ist (Mobile/Tablet) — auf Desktop ist sie ausgeblendet.

Das Dropdown nutzt jetzt dieselbe Combobox-Mechanik wie das Kollektivvertrag-Feld — Suche, Tastatur-Navigation (↑↓ Enter Esc).

Page-Header beginnt jetzt mit dem Kundennamen, Kundentyp-Badge daneben und die Kundennummer in einer eigenen Zeile darunter. Status-Hinweise wie „Wartet auf Approval“ sind raus — die Info steht ohnehin in „Offene Vorgänge“. Aktive-Police-Card hat das blaue Highlighting verloren und sieht jetzt aus wie die Personen-Card; der „Police anpassen“-Button im Card-Footer ist entfernt (bleibt in der Sidebar). Offene-Vorgänge-Card folgt dem Stil der Kontakt-Card (kein gelber Akzent mehr, keine Sub-Headline).

Bei eligible Produkten (Flexible Spitalzusatzversicherung) zeigen die Tier-Cards Eco/Top jetzt direkt unter dem Preis den 5%-Online-Kunde-Rabatt — der Preis selbst ist bereits inkl. Rabatt.

Zwischen den Personen-Cards und der Zahlungsinformations-Card erscheint jetzt eine eigene gestrichelte „+ Person hinzufügen“-Card — gibt dem Flow mehr Sichtbarkeit als die Sidebar allein. Sidebar-Variante reduziert sich auf einen kompakten Inline-Link.

Untertitel im Page-Header zeigt nur noch Police-Nummer und Change-Hint. Die „Letzte Änderung“ steht klein unter dem Speichern-Button — dort, wo sie für den Berater relevant ist.

Der Status-Badge „Entwurf“ war redundant und ist im Header der neuen Offerte/Anpassung nicht mehr sichtbar. Andere Status (Aktiv, Versendet, Akzeptiert, …) bleiben.

Auf der Kunden-Detail-Seite und im BV-Rechner ersetzt eine kleine Breadcrumb (z.B. CRM / Müller, Anna / Police-Anpassung) den frueheren Zurück-zum-CRM-Link. Klarer Pfad, weniger visueller Lärm.

Der Badge „Neukunde“ / „Bestandskunde“ steht jetzt direkt rechts neben dem Kundennamen (vorher links davor) — der Name liest sich zuerst.

Klick auf einen Eintrag im CRM oeffnet jetzt eine neue Detail-Seite. Personen und aktive Police sind klar getrennt sichtbar. Offene Vorgaenge (versendete Anpassungen, Drafts) leben in einer Sticky-Sidebar rechts und sind unabhaengig von der Personenanzahl immer sichtbar. Historische Policen sind eingeklappt unter der aktiven Police verfuegbar.

Jeder Kunde hat jetzt eine Liste von Policen mit eigenen Statuszustaenden (aktiv, draft, versendet, akzeptiert, abgelehnt, historisch). Eine Police-Anpassung ist eine separate Police mit eigenem Lifecycle, nicht mehr eine Variante einer Offerte. Mehrere parallele Anpassungen pro Kunde sind moeglich.

Hat ein Kunde mehrere parallele Anpassungen (z.B. eine versendete + eine Draft-Iteration), werden sie in der CRM-Liste als Sub-Items pro Kunde gezeigt. Direktklick oeffnet die jeweilige Police im BV-Rechner.

Schneller Zugriff auf die Offerten-Liste aus dem CRM- und Berater-Vermittler-Bereich via Header-Navigation.

Neue Checkbox „Online-Kunde?“ auf Hauptversicherungsnehmer-Ebene. Aktiviert 5% Rabatt auf bestimmte Zusatzversicherungen (Flex-Spitalzusatz). Pulse ist explizit ausgenommen. Rabatt wird in der Sidebar pro Produkt ausgewiesen.

Unfallversicherung muss bewusst gewählt werden — die meisten sind über den Arbeitgeber (UVG) abgesichert. Bei Aktivierung ergibt sich ein Zuschlag von CHF 8.65 / Monat. Preis ist direkt rechts in der Checkbox-Box sichtbar.

„Ungeborenes Kind“ steht bei der Hauptperson nicht mehr zur Auswahl. Geburtsdatum wird zusätzlich auf Mindestalter 18 Jahre validiert.

Übersichtsseite heisst jetzt schlicht „CRM“ (vorher „Offerten“).

Pencil-Icon statt des generischen Offerte-Icons — macht klarer, dass eine Bearbeitung gestartet wird.

Bei Bestandskunden mit Status „versendet“ waren die Felder der neu erstellten Anpassung deaktiviert. Anpassungs-Tabs sind jetzt immer editierbar — der „versendet“-Status beschreibt bei Bestandskunden den Anpassungs-Vorgang, nicht eine gesperrte Police.

Bei Bestandskunden erstellt „Police anpassen“ eine neue Variante als Kopie der aktuell offenen Variante (Aktuelle Police oder bisherige Anpassung). Original bleibt unverletzlich, Anpassungs-Tabs sind editierbar.

Multi-Spalten-Vergleich (Aktuelle Police + alle Anpassungen). Pro Person: Gesamttotal, Grundversicherung, jede Zusatzversicherung side-by-side. „Unverändert“ wird automatisch erkannt anhand der gewählten Konfiguration. „Leistungen“ pro Produkt ausklappbar mit +/− Markern. Inline-Tarif-Jahr-Toggle (2026/2027 mit +3.5% Demo-Anpassung) für die Aktuelle-Police-Spalte.

Zahlungsinformationen sind jetzt nicht mehr in der Hauptperson-Card eingebettet, sondern eine eigenständige Card unter allen Personen. Bei Familien deutlich sauberer.

Trash- und Optionen-Button hingen mittig zwischen Name und Chevron. Sitzen jetzt zusammen mit dem Chevron rechtsbündig.

Drei neue Varianten: success (grün, lesbar), danger (rot), neutral (grau). Wird im Policenvergleich für Δ-Badges, „Neue Person“, „Person entfernt“ und Änderungs-Counter eingesetzt.

Bestandskunden zeigen die aktuelle Police als Info-Darstellung im identischen Layout wie das Formular — gleiche Sektionen und Reihenfolge, aber als reine Information statt Eingabefelder. CTA wechselt von ‚Offerte versenden‘ zu ‚Police anpassen‘.

Grundversicherung, Zusatzversicherung und Zahlungsinformationen liegen jetzt innerhalb der Personen-Card. Ganze Person mit einem Klick zuklappbar — beim Zuklappen erscheint eine Mini-Übersicht mit Monatstotal und gewählten Produkten. Sub-Sektionen bleiben einzeln zuklappbar, durch dünne Divider getrennt.

Personen- und Sektions-Header sind jetzt auf der ganzen Zeile klickbar (nicht mehr nur Titel oder Chevron). Aktion-Buttons (Trash, Optionen) lösen den Toggle nicht versehentlich aus. Hover-Highlight signalisiert die klickbare Fläche.

Suchbegriff, Kundentyp- und Status-Filter werden im Cookie gespeichert (30 Tage). Beim Öffnen einer Offerte und Zurück-Navigieren ist die Liste sofort wieder gefiltert wie zuvor.

Offerten unterscheiden jetzt zwischen Neukunden und Bestandskunden. Neuer Status für Police-Änderungen sowie ‚Kein Handlungsbedarf‘ für ruhende Bestandskunden.

Zwei Mehrfachauswahl-Dropdowns nebeneinander unterhalb der Suche. Beliebig kombinierbar mit Freitext-Suche. Police-Änderung ist abgeleiteter Status (Bestandskunde + In Bearbeitung/Versendet).

Kurzer Hinweis zeigt direkt in der Liste, was sich am Bestand ändert (z.B. ‚+1 Kind‘, ‚Franchise CHF 500 → 2'500‘).

Offerten mit mehreren Varianten zeigen jede Variante als anklickbare Sub-Zeile mit Suffix -A, -B etc. Klick öffnet die jeweilige Variante direkt.

Liste sortiert standardmässig nach: Versendet → In Bearbeitung → Abgeschlossen → Kein Handlungsbedarf. Innerhalb gleicher Status: nach letzter Bearbeitung absteigend.

Jede Offerte hat jetzt realistische Daten (Schweizer Adressen, Krankenkassen, Kontaktdaten, Produkte, Familien-Konstellationen). Klick auf jede Zeile öffnet den BV-Rechner mit vollständig vorausgefüllten Werten.

Übersichtsseite mit 42 realistischen Offerten. Klick öffnet den BV-Rechner mit vorausgefüllten Daten.

Suche nach Name, Offerten-Nummer, Status, PLZ/Ort, Krankenkasse, E-Mail und Telefon.

Neue Seite mit allen Änderungen gruppiert nach Datum, mit Typ- und Seiten-Badges.

Der Name und Typ der Person bleibt beim Scrollen am oberen Bildschirmrand sichtbar.

Person löschen ist jetzt als Trash-Icon neben dem Drei-Punkte-Menü sichtbar, nicht mehr im Menü versteckt.

Varianten-Tabs sind jetzt kleiner und dezenter dargestellt.

Bei Eingabe nur einer PLZ oder nur eines Orts wird das Feld beim Verlassen automatisch vervollständigt.

Text-Cursor bei Input-Feldern, Default-Cursor bei Dropdowns, Pointer bei klickbaren Elementen.

Echtzeit-Adressvorschläge beim Tippen. Bei Auswahl werden Strasse, Nr. und PLZ/Ort automatisch befüllt.

Klick auf das Kalender-Icon öffnet den nativen Date-Picker. Passwort-Manager werden blockiert.

Pfeiltasten navigieren, Enter bestätigt, Escape schliesst. Aktives Element wird blau hervorgehoben.

Nach dem Schliessen eines Info-Dialogs springt die Seite nicht mehr an eine unerwartete Position.

Mehrere Offerten-Varianten erstellen, wechseln und entfernen. Personen werden beim Kopieren übernommen.

Pflichtfeld-Prüfung vor dem Versand. Fehlende Felder werden markiert und sind direkt anklickbar.

Übersicht zeigt alle Personen mit Produkten und Preisen. Aktive Person wird beim Scrollen hervorgehoben.

Bei Einfach-Auswahl (z.B. KPT-Kunde ja/nein) wird automatisch zum nächsten Schritt gewechselt mit Puls-Animation.

Plus/Minus-Buttons direkt in der Card für die Anzahl Kinder, startet bei 1.

Zurück- und Weiter-Buttons am unteren Rand jedes Schritts statt nur im Header.

Showcase aller Komponenten mit Navigation, gruppiert in Design Tokens und Components.

Badge, Card, Divider, Link, Popover, Alert, Toast, Tabs, ButtonToggleGroup, Dropzone implementiert.

Alle deutschen Texte von der formellen Sie-Form auf die Ich-Perspektive umgestellt.