Modules with 2 x 6 columns
M401 / 6 col + M303 12 col - Text or Quote
Optional subheadline
This text will spread over the entire width of the page if only the left part of the module is filled. Further down, you can see how it looks when both left and right part of the module hold text.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Optional linkM401 / 6 col + M303 12 col - Text or Quote
In this example, left and right part of the module hold text.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Optional link Optional linkLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
- invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
- At vero eos et accusam et justo duo dolores et ea rebum.
- Stet clita kasd gubergren, no sea takimata sanctus est.
- Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
This option is called "centered quote", but it's just text in a slightly larger font.
optional category
M405 / 6 Col - Image, Video + Text incl. background colour
- Must contain of 2 images or videos, each spreading over 6 columns.
- Image can have a link
- Text can contain a link
Category
Headline
- Background can be Gray, Orange or Transparent.
- Text can be Black, Gray, Orange or White.
- Image size
- w: 1230
- h: flex (1/2w recommended)
Special Modules
M601 Download Table
Filename |
Kind |
Size |
Date |
||
|---|---|---|---|---|---|
| Optional filename | optional type (e.g. PDF) |
|
Optional file size | 01.10.2025 | |
| This should be filled, otherwise the entire line appears empty | |||||
| Instruction manual Product A |
|
100 MB |
M601 Download Table
M601 Tables | Headline 1 | No matter how few colums this table has, it will spread over the enire width |
|---|---|---|
| In this case, the first row / first line is defined as identifier | data left-aligned | data grouped style (but it doesn't show?) |
| There are different options regarding identifiers | data can be centered (but it doesn't show?) | |
| If the table gets too wide, there will be an own scrolling bar - difficult for users | data right-aligned (but it doesn't show?) in two cells which were combined | |
| M601 Tables Data table | Headline 1 | No matter how few colums this table has, it will spread over the enire width |
| In this case, no identifier - this is a "data table" | data | data |
| There are different options regarding identifiers | data | |
| If the table gets too wide, there will be an own scrolling bar - difficult for users | data in two cells which were combined | |
| M601 Tables Data table | Headline 1 | No matter how few colums this table has, it will spread over the enire width |
| In this case, no identifier - this is a "data table" | data | data |
| There are different options regarding identifiers | data | |
| If the table gets too wide, there will be an own scrolling bar - difficult for users | data in two cells which were combined | |
M603 Accordion
This is an M301/M302 in an accordion
Each accordion level can be shown as opened or closed
Most modules fit in here, we choose from the selection. Too many accordions will damage the page - modules like sliders stop working or the preview does not work any more. How many is "too many"? There's no fixed limit, it depends on the complexity of the content within the accordion.
|
|
|
This is M506 within the accordion
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
M606 Image Carousel
Subheadline
min. 3, max. 10 items
optional subheadline
Picture size: 1000 x 572
optional headline
optional subheadline
Optional picture legend
optional headline
optional subheadline
Optional picture legend
Previous modules (no longer in use)
M406 / 6 col image text automatic news press cases teaser - depends on a special page template
M203 Full Size Comparison Slider - unfortunately broken
it was used to show the same image in "bright" or "dark"
