# Überschrift1
## Überschrift2
### Überschrift3
#### Überschrift4

*das ist ein kusiver Text*
_das ist ein kusiver Text_
**das ist ein fetter Text**
__das ist ein fetter Text__
__*das ist ein fetter und kursiver Text*__

[Ein Inline-Link](#links)

[Ein Inline-Link mit Titel](#links "Erstellen von Links")

[Ein Relativer Link](../beispiel/)

URLs in spitzen Klammern mit http als Prefix werden automatisch zu Links gemacht.
<https://google.de>

> Das ist ein Zitat ohne Zeilenumbruch

> Das ist ein Zitat \
> mit Zeilenumbruch

    Das ist ein Code Block 
    durch Einrückung.

1. Nummerierte Liste
2. Weiterer Listen Punkt
3. Ein dritter Punkt
    1. Ein Unterpunkt
4. Ein vierter Punkt

* eine unnumerierte Liste
+ eine weitere Möglichkeit für einen Stichpunkt
- eine letzte Möglichkeit für einen Listenpunkt
    - ein Unterpunkt

| Eine einfache | Tabelle |
| mit zwei | Zeilen|

| Überschrift | Überschrift | Überschrift |
|-|-|-|
| Zelle1   | Zelle2   | Zelle3 |
| Zelle4   | Zelle5   | Zelle6 |
| Zelle7   | Zelle8   | Zelle9 |

| Überschrift | Überschrift | Überschrift |
|:-|:-:|-:|
| Zelle1   | Zelle2   | Zelle3   |
| Zelle4   | Zelle5   | Zelle6   |
|----
| Zelle1   | Zelle2   | Zelle3   |
| Zelle4   | Zelle5   | Zelle6   |
|=====
| Foot1   | Foot2   | Foot3

{% alert %}
### Das ist ein Alert
mit ein bisschen text...
{% endalert %}

{% alert green%}
das ganze geht auch mit verschiedenen Farben :)
{% endalert %}

{% alert <farbe>%}
Ein Alert in <farbe>!
{% endalert %}

- green 
{:.text-green}

*yellow*{:.text-yellow}

**orange**{:.text-orange}

> pink 
{:.text-pink}

    red 
{:.text-red}

Code im `text`{:.text-blue} kann auch gefärbt werden.

| Überschrift | Überschrift | Überschrift |
|-|-|-|
| Zelle1   | Zelle2   | Zelle3 |
{:.head-<farbe>}

*pink*{:.bg-pink}

**bue**{:.bg-blue}

Code im `text`{:.bg-red} kann auch gefärbt werden.

| Überschrift | Überschrift | Überschrift |
|-|-|-|
| Zelle1   | Zelle2   | Zelle3 |
| Zelle4   | Zelle5   | Zelle6 |
{:.head-green .bg-green}