Decision matrix
Message teaser
Technical options
More than one teaser creates a carousel- Autoplay possible
- Creatable within grid
Image handling
- Image ratio flexible
- Given that the text is overlaying the image and needs to be readable at all times (for accessibility reasons), selecting the right image is very difficult.
Link handling
- Link can be displayed with a button or link item
- Image is linked
Text handling
- Font size flexible
- Font color black or white
- Text position flexible
- Text width flexible
- Infoline with red accent
- Title H2 or H3
- Title position above ore below image on mobile view
Spotlight teaser - full bleed style
Technical options
- More than one teaser creates a carousel
- Autoplay with stop function possible
- Component occupies entire width of browser window
Image handling
- Image height fixed
- Given that the text is overlaying the image and needs to be readable at all times (for accessibility reasons), selecting the right image is very difficult.
- Image definition for viewports XS/S and M/L/XL
Link handling
- Link style is link item
- Link can have in addition a video icon
- Image is linked
Text handling
- Section header with red underlining
- Title H3
Spotlight teaser - compact style
Technical options
- More than one teaser creates a carousel
- Autoplay with stop function possible
- Component occupies entire width of browser window
Image handling
- Image height fixed
- Image position left or right
- Image definition for viewports XS/S and M/L/XL
Link handling
- Link style is link item
- Link can have in addition a video icon
- Image is linked
Text handling
- Section header with red underlining
- Title H3
Spotlight teaser - narrow style
Technical options
- More than one teaser creates a carousel
- Autoplay with stop function possible
- Component occupies entire width of browser window
- Featured statistics component can be integrated
Image handling
- Image height fixed
- Image position left or right
- Image definition for viewports XS/S and M/L/XL
Link handling
- Link style is link item
- Link can have in addition a video icon
- Image is linked
Text handling
- Section header with red underlining
- Title H3
Spotlight teaser info-block style
Technical options
- More than one teaser creates a carousel
- Autoplay with stop function possible
- Component occupies entire width of browser window
- One to four teasers can be integrated
Image handling
- Image height fixed
- Given that the text is overlaying the image and needs to be readable at all times (for accessibility reasons), selecting the right image is very difficult
- Image definition for viewports XS/S and M/L/XL
Link handling
- Link style is link item
- More than one link possible
Text handling
- Section header with red underlining
- Title H3
