Partner Banner (PartnerBanner)
Displays a responsive grid of partner logos (PartnerTile) with optional title and subtitle. Replaces the previous CorporateWith component. The banner is rendered outside the content container (requires isNewContentRoot: true at page level). Fields: title, subTitle (optional), partners[], maxCols (optional).
Our Partners
Selected partner companies
New Hero (NewHero)
Card-style hero component with a large image on the left, a content column on the right, and a small circular side image. Intended as a replacement for the classic Hero. Fields: image, title, subtitle, subsubtitle, sideImage, text, button (optional).
From
5.95%
Effective annual rate
Example text for the NewHero component with a short description of the product.
New Hero – Price Variant (priceLabel + price)
With the optional fields priceLabel and price, NewHero renders an embedded InfoRow at the bottom of the content column. priceLabel appears as a small label (e.g. «From»), price as a large bold value.
CarProtect
Your vehicle optimally protected
Insurance cover for your car
Comprehensive protection for your vehicle – easy to take out online.
Grid with Topics
The Grid with topics renders icon links in a configurable grid (maxCols 1–4). Topics are simple navigation elements with an icon and label text.
Topic Overview (Grid Topics)
Grid with Blocks
The Grid with blocks renders clickable image tiles. With contentInsideBlock true the text overlays the image; with false it appears below.
Grid with Banners – BannerTable
The Grid with banners renders product cards with a 16:9 image header. Each banner requires either table or insurance content. BannerTable displays a price-comparison row table with alternating row backgrounds, optional badge and a price footer. Icon values: check_circle (green) or check_indeterminate_small (grey).
Basic
Premium
Grid with Banners – BannerInsurance
The BannerInsurance variant shows insurance options with a title, description and structured benefit sections (optionSections), each with a title and bullet list.
CarProtect Basic
- Accident protection up to CHF 50,000
- Breakdown assistance 24/7
Grid with CardBlocks
The Grid with cardBlocks renders text tiles with an optional title (incl. icon and color options) and optional paragraph (incl. icon). Ideal for benefit or step overviews.
Fast processing
Response within 1–2 business days after submission of documents.
Flexible & customisable
Term and amount can be individually adjusted to your needs.
Fully online – no branch visit required.
Grid with CardBlocks – Grid title (grid.paragraph)
The grid element itself can carry a paragraph title (grid.paragraph with color, bold, size) that appears above all tiles. Ideal for numbered step sections. Fields: paragraph.text, paragraph.color (black / blue), paragraph.bold, paragraph.size (lg), gap (spacing between tiles).
How it works
1. Apply online
Fill in the form and upload your documents directly with the application.
2. Application reviewed
Our team reviews your application and responds within 1–2 business days.
3. Cover active
After signing, your insurance cover is immediately active.
Grid with CardBlocks – Benefit list (background white, gap 1)
With background white and gap 1 the tiles are stacked compactly on a white background – ideal for benefit lists with a check_circle icon. Fields: background (white), gap (number, e.g. 1 for minimal spacing).
Your benefits
Easy online application in just a few minutes
Response within 1–2 business days after submission of documents
Insurance cover starts immediately after contract completion
Grid with CardBlocks – Single-column list (maxCols 1)
With maxCols 1 and background white all tiles stack in a single column. Ideal for «When is the insurance worth it?» sections with one short sentence per tile and a check_circle icon. The grid title (grid.paragraph) gives the section a heading without needing a separate heading entry.
When is the insurance worth it?
When you regularly shop online and want protection against fraud
When you store personal data on a smartphone, tablet or computer
When you want to protect yourself against incorrect deliveries when shopping online
When you need support for legal disputes
Mobile App Card (MobileApp)
White flex card with image on the left and content on the right (with reverse true the image appears on the right). Displays a title (blue), optional bold subtitle, paragraphs and App Store buttons. The locale is inherited automatically from the page. Fields: title, subtitle (optional), image, body[], reverse (optional).
Mobile App Card – Image right (reverse true)
With reverse true the image appears on the right side and the text on the left.
Info Row (InfoRow)
Horizontal row with a left text block (headingTitle, label, bold text, subtext) and an optional right button/link. Also used embedded inside NewHero and Banner – set embedded true there to reduce padding. Fields: headingTitle (optional), label (optional), text (optional), subtext (optional), button (optional), buttonIcon (optional), iconRight (optional), embedded (optional).
Affordable annual premium
Info Row embedded (embedded true)
With embedded true the outer padding of the InfoRow is removed. This variant is used automatically by NewHero and Banner. It can also be set manually when the InfoRow is embedded directly inside another container. Without buttonIcon the right side renders a fully styled Cembra button.
Badge Info (BadgeInfo) – Banner sub-field
BadgeInfo is not a standalone content element but a sub-field inside a banner entry (grid.banners[].banner.badgeInfo). It renders a coloured badge pill (badgeColor: green / gray), an optional description beside it and optional additional text below. Fields: title (optional), badge (optional), badgeColor (optional, green or gray), description (optional), text (optional). Combined with infoRow this produces a complete banner card without a table.
Highlight