Dies ist der erste Absatz Fliesstext direkt unter dem Hero, ohne H2-Vorlauf. Der Lead-Text wurde bereits im Hero-Bereich angezeigt, daher beginnt hier direkt der Haupttext. Dieser Absatz gibt einen ersten Einstieg in das Thema und führt in die nachfolgenden Inhalte ein.
Fliesstext mit Inline-Links
Hier ein Beispiel für Fliesstext mit einem Inline-Link im Text. Die Linkfarbe ist #00A2E6 und wird ausschliesslich für Text-Links verwendet.
Links sind ein bedeutungstragendes Element und heben sich klar vom Fliesstext ab. Sie werden sparsam eingesetzt und führen zu weiterführenden Informationen oder externen Quellen.
Strukturierte Daten-Liste ohne Bullet Points
- Gewässertyp:
- Fliessgewässer und Seen
- Schutzstatus:
- Bundesinventar der Auengebiete
- Fläche CH:
- ca. 22’000 ha
- Bedrohung:
- Freizeitnutzung, Wasserverschmutzung
- Status:
- gefährdet
Aufzählung mit Bulletpoints
- Erster Punkt mit einem verlinkten Wort im Text
- Ganzer Bullet-Punkt als Link
- Dritter Punkt ohne Link, nur normaler Fliesstext
- Vierter Punkt mit mehreren verlinkten Wörtern
Subsektion mit kleinerer Headline
Dies ist eine Subsektion mit einer H3-Überschrift. Sie wird verwendet für Untergliederungen innerhalb eines Hauptthemas. Der Text folgt in normaler Absatzgrösse und führt das Thema weiter aus.
Bild-Grid (3 Spalten)
bildunterschrift 1 
bildunterschrift 2 
bildunterschrift 3
Bild-Grid (4 Spalten)
-
bildunterschrift 1 -
bildunterschrift 2 -
bildunterschrift 3 
bildunterschrift 4
Einzelnes Bild mit Bildunterschrift
Video
Hier folgt ein Video-Element mit einem Thumbnail und Play-Icon. Das Video kann angeklickt werden, um abgespielt zu werden.
Gruppierte Linkliste
Hinweis-Text
Dies ist ein Hinweis-Text mit hellem Blau-Hintergrund, passend zur Wasserkampagne. Er hebt sich dezent vom Rest des Inhalts ab und wird für wichtige Zusatzinformationen verwendet. Der Innenabstand beträgt 24px, es gibt keinen Rahmen.