# Separator

Ein Separator ist eine horizontale Linie, die inhaltliche Abschnitte voneinander abgrenzt.

## Guidelines

# Grundlagen

## Best practices

Achte bei der Verwendung eines Separators darauf, dass ...

- dieser automatisch gesetzt wird, wenn mehrere
  [Sections](/04-components/structure/section/overview) verwendet werden. Dabei
  erscheint der Separator nur zwischen Sections mit einer
  H2-[Heading](/04-components/content/heading/overview).
- die Breite des Separators der Breite des Content-Bereichs entspricht.
- er nicht übermäßig eingesetzt wird – bei zu häufiger Verwendung geht die
  strukturierende Wirkung verloren.

## Verwendung

Verwende einen Separator, um Inhalte optisch zu trennen und sinnvoll zu
gliedern. In den meisten Anwendungsfällen wird der Separator automatisch durch
die Component [Section](/04-components/structure/section/overview) gesetzt.