# TESTMODUL

# GALLERY
**Erster Part: drei aufeinanderfolgende Doppelpunkte gefolgt vom Wort gallery**
**Dann bilder wie gewohnt einfügen**
**mit drei aufeinanderfolgenden Doppelpunkten schließen**

:::gallery
![Bild eines IsoFix Sitzes in einem BMW|width=600|height=280](https://transform.baum-cdn.de/cms/uploads/isofix_base_475e40be18.webp?cloud=v1&cover=16:9&resize=1200&quality=70&format=webp)![Bild eines IsoFix Sitzes in einem BMW|width=600|height=280](https://transform.baum-cdn.de/cms/uploads/isofix_base_475e40be18.webp?cloud=v1&cover=16:9&resize=1200&quality=70&format=webp)
![Ein Elektroauto-Ladekabel steckt in einer Wallbox-Ladestation|width=450|height=450](https://transform.baum-cdn.de/cms/uploads/ladekabel_b1549c8bea.webp?cloud=v1&cover=16:9&resize=1200&quality=70&format=webp)
![Ein Schwarzweißbild zeigt zwei Frauen stehen an einem alten Mini Clubman von 1969|width=3664|height=2332](https://transform.baum-cdn.de/cms/uploads/mini_clubman_estate_1969_3af28e0aa4.webp?cloud=v1&cover=16:9&resize=1200&quality=70&format=webp)
![Ein roter MINI Clubman fährt eine Parkdeckrampe nach oben|width=600|height=400](https://transform.baum-cdn.de/cms/uploads/mini_clubman_cooper_s_2019_3618a903ea.webp?cloud=v1&cover=16:9&resize=1200&quality=70&format=webp)
:::

# Bilder in Reihe
**columns wert immer teilbar durch zwei!**

:::imagerow columns=4 gap=25
![Weihnachtsbaum auf Autodach mit Strick befestigt|width=600|height=322](https://transform.baum-cdn.de/cms/uploads/weihnachtsbaum_autodach_befestigung_strick_7500339626.jpg?cloud=v1&cover=16:9&resize=1200&quality=70&format=webp)
![Frau befestigt Weihnachtsbaum auf Autodach mit Spanngurt|width=600|height=400](https://transform.baum-cdn.de/cms/uploads/weihnachtsbaum_autodach_spanngurt_e27c933cb5.jpg?cloud=v1&cover=16:9&resize=1200&quality=70&format=webp)
:::

# Abstandshalter
**spacer + höhe in pixeln**
[spacer|150]

# CALL TO ACTION BUTTON 
## Größen: xs, md, lg, xl
[Button Size: xs](https://www.google.de/|primary|xs)

[Button Size: md](https://www.google.de/|primary|md)

[Button Size: lg](https://www.google.de/|primary|lg)

[Button Size: xl](https://www.google.de/|primary|xl)

## Arten: primary, warning, default, danger
[Default](https://www.google.de/|default|md)
[Primary](https://www.google.de/|primary|md)
[Warning](https://www.google.de/|warning|md)
[Danger](https://www.google.de/|danger|md)

Beispiel:
[Jetzt einkaufen](https://www.google.de/|primary|md)

# Infoblock
> **Achtung:** Das ist ein Infoblock. Alles muss in einer Zeile geschrieben sein.

# Block mit Hintergrund
Parameter: p = padding, bgColor = hintergrundfarbe (vordefinierte Liste!), m = margin, usw
Ankerverlinkung mit #[bezeichnung] als gewöhnlciher Link
Beispielseite /lexikon/bmw-3er

:::view p=25 bgColor=yellow.50
Hier kann irgendwas drin stehen. Die Werte oberhalb können individuell angepasst werden. 
:::

:::inhaltsverzeichnis
[- Ikone der Fahrfreude](#ikone)
[- Entwicklungsgeschichte des BMW 3er Modells](#entwicklung)
[- Der 3er Vorfahre BMW 02](#vorfahre)
:::

# Ankermarkierung
Startet mit anker = ID aus Ankerverlinkung
[anker=ikone]

[Zum Lexikon-Eintrag](https://www.baum-bmwshop24.de/lexikon/testmodul)