Partner-Banner (PartnerBanner)
Zeigt ein responsives Raster von Partner-Logos (PartnerTile) mit optionalem Titel und Untertitel. Ersetzt die frühere CorporateWith-Komponente. Das Banner wird ausserhalb des Inhalts-Containers gerendert (setzt isNewContentRoot: true auf Seitenebene voraus). Felder: title, subTitle (optional), partners[], maxCols (optional).
Unsere Partner
Ausgewählte Partnerunternehmen
Neuer Hero (NewHero)
Kartenförmige Hero-Komponente mit einem grossen Bild links, einer Inhaltsspalte rechts und einem kleinen runden Seitenbild. Gedacht als Ersatz für den klassischen Hero. Felder: image, title, subtitle, subsubtitle, sideImage, text, button (optional).
Ab
5.95%
Effektiver Jahreszins
Beispieltext für die NewHero-Komponente mit einer kurzen Beschreibung des Produkts.
Neuer Hero – Preis-Variante (priceLabel + price)
Mit den optionalen Feldern priceLabel und price rendert NewHero eine eingebettete InfoRow am unteren Ende der Inhaltsspalte. priceLabel erscheint als kleines Label (z. B. «Ab»), price als grosse fette Zahl.
CarProtect
Ihr Fahrzeug optimal geschützt
Versicherungsschutz für Ihr Auto
Umfassender Schutz für Ihr Fahrzeug – einfach online abschliessen.
Grid mit Topics
Das Grid mit topics rendert Icon-Links in einem konfigurierbaren Raster (maxCols 1–4). Topics sind einfache Navigationselemente mit Icon und Text.
Themenübersicht (Grid Topics)
Grid mit Blocks
Das Grid mit blocks rendert anklickbare Bildkacheln. Mit contentInsideBlock true liegt der Text über dem Bild, mit false darunter.
Grid mit Banners – BannerTable
Das Grid mit banners rendert Produktkarten mit 16:9-Bild-Header. Jeder Banner erfordert entweder table oder insurance als Inhalt. BannerTable zeigt eine preisvergleichende Zeilen-Tabelle mit alternierenden Zeilenhintergründen, optionalem Badge und einer Preis-Fusszeile. Icon-Werte: check_circle (grün) oder check_indeterminate_small (grau).
Basic
Premium
Grid mit Banners – BannerInsurance
Die BannerInsurance-Variante zeigt Versicherungsoptionen mit Titel, Beschreibung und strukturierten Leistungsabschnitten (optionSections), jeweils mit Titel und Bullet-Liste.
CarProtect Basic
- Unfallschutz bis CHF 50'000
- Pannenhilfe 24/7
Grid mit CardBlocks
Das Grid mit cardBlocks rendert Text-Kacheln mit optionalem Titel (inkl. Icon und Farboptionen) und optionalem Absatz (inkl. Icon). Ideal für Vorteils- oder Schritt-Übersichten.
Schnelle Abwicklung
Antwort innerhalb von 1–2 Werktagen nach Einreichung der Unterlagen.
Flexibel & anpassbar
Laufzeit und Betrag können individuell auf Ihre Bedürfnisse angepasst werden.
Vollständig online – kein Besuch einer Filiale erforderlich.
Grid mit CardBlocks – Raster-Titel (grid.paragraph)
Das grid-Element selbst kann einen Absatz-Titel tragen (grid.paragraph mit color, bold, size), der oberhalb aller Kacheln erscheint. Ideal für nummerierte Schritt-Abschnitte. Felder: paragraph.text, paragraph.color (black / blue), paragraph.bold, paragraph.size (lg), gap (Abstand zwischen Kacheln).
So funktioniert es
1. Online beantragen
Füllen Sie das Formular aus und laden Sie Ihre Unterlagen direkt beim Antrag hoch.
2. Antrag wird geprüft
Unser Team prüft Ihren Antrag und gibt Ihnen innerhalb von 1–2 Werktagen Bescheid.
3. Schutz aktiv
Nach Vertragsabschluss ist Ihr Versicherungsschutz sofort aktiv.
Grid mit CardBlocks – Vorteilsliste (background white, gap 1)
Mit background white und gap 1 werden die Kacheln auf weissem Hintergrund kompakt untereinander gereiht – ideal für Vorteilslisten mit check_circle-Icon. Felder: background (white), gap (Zahl, z. B. 1 für minimalen Abstand).
Ihre Vorteile
Einfache Online-Antragstellung in wenigen Minuten
Antwort innerhalb von 1–2 Werktagen nach Einreichung der Unterlagen
Versicherungsschutz startet sofort nach Vertragsabschluss
Grid mit CardBlocks – Einspaltenliste (maxCols 1)
Mit maxCols 1 und background white werden alle Kacheln als einzelne Spalte gestapelt. Ideal für «Wann lohnt sich die Versicherung?»-Abschnitte mit je einem kurzen Satz pro Kachel und check_circle-Icon. Der Raster-Titel (grid.paragraph) gibt dem Abschnitt eine Überschrift ohne separaten heading-Eintrag zu benötigen.
Wann ist die Versicherung sinnvoll?
Wenn Sie regelmässig online einkaufen und sich gegen Betrug absichern wollen
Wenn Sie persönliche Daten auf Smartphone, Tablet oder Computer speichern
Wenn Sie sich bei Online-Einkäufen gegen Falschlieferungen absichern möchten
Wenn Sie Unterstützung bei rechtlichen Auseinandersetzungen benötigen
Mobile-App-Karte (MobileApp)
Weisse Flex-Karte mit Bild links und Inhaltsbereich rechts (mit reverse true wird das Bild rechts dargestellt). Zeigt Titel (blau), optionalen fetten Untertitel, Absätze und AppStore-Buttons. Die Locale wird automatisch von der Seite übernommen. Felder: title, subtitle (optional), image, body[], reverse (optional).
Cembra Mobile App
Jetzt kostenlos herunterladenVerwalten Sie Ihre Produkte bequem per App: Kontostand abrufen, Rechnungen bezahlen und Versicherungsschutz prüfen – jederzeit und überall.
Mobile-App-Karte – Bild rechts (reverse true)
Mit reverse true erscheint das Bild auf der rechten Seite und der Text links.
Cembra App – jetzt herunterladen
Die Cembra App bietet Ihnen vollen Überblick über Ihre Produkte – jederzeit und überall.
Info-Zeile (InfoRow)
Horizontale Zeile mit linkem Textblock (headingTitle, label, fetter Text, Subtext) und optionalem rechten Button/Link. Wird auch eingebettet in NewHero und Banner verwendet – dort embedded true setzen, um den Innenabstand zu reduzieren. Felder: headingTitle (optional), label (optional), text (optional), subtext (optional), button (optional), buttonIcon (optional), iconRight (optional), embedded (optional).
Günstige Jahresprämie
Info-Zeile eingebettet (embedded true)
Mit embedded true entfällt der äussere Abstand (padding) der InfoRow. Diese Variante wird automatisch von NewHero und Banner eingesetzt. Sie kann auch manuell gesetzt werden, wenn die InfoRow direkt in einen anderen Container eingebettet ist. Ohne buttonIcon rendert der rechte Bereich einen vollständig gestalteten Cembra-Button.
Badge-Info (BadgeInfo) – Banner-Unterfeld
BadgeInfo ist kein eigenständiges Content-Element, sondern ein Unterfeld innerhalb eines Banner-Eintrags (grid.banners[].banner.badgeInfo). Es zeigt einen farbigen Badge-Pill (badgeColor: green / gray), eine optionale Beschreibung daneben und optionalen Zusatztext darunter. Felder: title (optional), badge (optional), badgeColor (optional, green oder gray), description (optional), text (optional). Zusammen mit infoRow ergibt sich so eine vollständige Banner-Karte ohne Tabelle.
Highlight