How to read this page
Every section below is a live module. The small label names its group, the heading names the module and the line under it says when to use it. Field labels in the editor are German, the names in brackets are what editors see.
Content modules
Page openers, notes, quotes, buttons and the navigation helpers that structure a long page.
Content
Hero (Hero-Bereich)
The opener of a page. Three variants: centered (this page uses it), split with an image beside the text and background with a full-width image. The first hero on a page is the h1.
Variant: split
Text on one side, image on the other
Badge, title, copy and up to two buttons. The height can follow the content, fill half or the full screen.
Variant: background
Text on a darkened image
The darkening is adjustable, the text always stays light and readable.
Content
Accordion (Akkordeon)
Questions and answers or any content that should stay folded until needed. Can output FAQ structured data for search engines.
Yes, there is a switch for that, and another one that opens the first item on page load.
Yes, each item can show one of the theme icons.
Yes, the items are buttons with aria-expanded and open with Enter or Space.
Content
Alert (Hinweis)
A note that stands out from the text. Four variants: info, success, warning and error, optionally dismissible.
Info
For neutral hints.
Success
For confirmations.
Warning
For things to check before going on.
Error
For problems that block something.
Content
Quote (Zitat)
A single statement with author, role and an optional photo, in three sizes.
„This is an example quote. The module shows one statement large enough to read from across the room.“
Content
One clear next step at the end of a page, with title, text and a button.
Call to action (Handlungsaufforderung)
A short sentence that tells visitors why they should click.
Example button
Content
Button (Schaltfläche)
One or two buttons on their own, in five styles, three sizes and left, centered or right aligned.
Content
Divider (Trenner)
Visual space between sections: a line, dots, a wave or just space.
Content
Jump menu (Sprungmenü)
A floating table of contents for long pages. It lists every section marked "show in jump menu" and can include a search. You can see it at the bottom right of this page.