Alle Module und Varianten auf einen Blick.
Dies ist der Intro-Text (Lead) — gesetzt in Body Large. Er dient als Einleitung und erscheint breiter als der Fliesstext. Ideal für zusammenfassende Absätze am Seitenanfang.
Heading 1 — Natur entdecken
Heading 2 — Wildtiere in der Nachbarschaft
Heading 3 — Unsere Standorte
Body Standard — Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Link styled in Dark Petrol — this is how inline links appear in body text.
Bold text and italic text for emphasis. Combined bold italic also works.
Content mit Bild
Dieses Modul zeigt den Content-Block in der breiten Variante mit einem Bild auf der rechten Seite. Der Text fliesst links neben dem Bild. Auf mobilen Geräten stapeln sich Bild und Text vertikal.
Geeignet für Abschnitte, die eine visuelle Ergänzung zum Textinhalt benötigen — zum Beispiel Tierporträts oder Standortbeschreibungen.
Listen
Ungeordnete Liste
- Erster Listenpunkt mit etwas längerem Text, um den Umbruch zu demonstrieren
- Zweiter Listenpunkt
- Dritter Listenpunkt
Geordnete Liste
- Erster nummerierter Punkt
- Zweiter nummerierter Punkt
- Dritter nummerierter Punkt
Linke Spalte
Dieses Modul zeigt zwei Textspalten nebeneinander. Auf Desktop teilt sich der Inhalt in zwei gleichbreite Spalten. Auf mobilen Geräten werden die Spalten untereinander gestapelt.
Rechte Spalte
Die rechte Spalte kann unabhängig vom linken Inhalt gestaltet werden. Beide Spalten verwenden die Body-Textgrösse und den Standard-WYSIWYG-Stil.
Accordion Demo
Accordion Item One — Kurzer Titel
Inhalt des ersten Accordion-Elements. Die Elemente verwenden native <details>/<summary>-HTML-Elemente mit animiertem Auf- und Zuklappen.
Accordion Item Two — Längerer Titel zur Demonstration des Umbruchs
Content with Image
Zweites Element mit Bild-Layout. Das Bild erscheint rechts auf Desktop und wird auf Mobilgeräten unter den Text gestapelt.
Zusätzlicher Textblock unter dem Bild-Layout. Flexible Content erlaubt mehrere gestapelte Layouts pro Accordion-Sektion.
- Listen funktionieren auch innerhalb von Accordions
- Ebenso andere WYSIWYG-Formatierungen
Accordion Item Three
Drittes Element zum Vervollständigen der Reihe.
Linked Cards mit Bildern
Linked Cards ohne Bilder
Listing: Events
Listing: Blog
Booking Form
Das Buchungsformular-Modul rendert einen Shortcode (z.B. Amelia) innerhalb eines Contentrahmens mit optionalem Titel und Beschreibung.