> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Hintergründe, Farben & Trennelemente

> Passe Hintergründe, Dokument- und Textfarben, Schriftarten sowie Washi-Tape-Trennelemente an und entdecke die Stile-Galerie mit vordefinierten Designs.

Craft macht es einfach, visuell ansprechende Dokumente zu erstellen – ganz ohne Designkenntnisse. Mit der Stile-Funktion kannst du Hintergründe, Text- und Dokumentfarben, Schriftarten sowie dekorative Trennelemente wie Washi Tapes anpassen. Unter [Stile – Übersicht](/de/write-and-edit/styling) erfährst du, wo du das Stile-Menü auf den jeweiligen Plattformen findest.

## Stilvorschau und Stile-Galerie

Das Stile-Menü zeigt eine minimalistische Vorschau deiner aktuellen Schriftart-, Cover- und Hintergrundeinstellungen – eine schnelle visuelle Referenz, wie die Stilelemente deines Dokuments zusammenwirken.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-1.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=0129a124f65d801c8869a4fe08b3c0ce" alt="Style preview example 1" width="289" height="223" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-1.png" />

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-2.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=8b9989c9e3feb864e536ec6dd41721be" alt="Style preview example 2" width="283" height="217" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-2.png" />

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-3.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=bae07e2a5e816779ece33c4a81a7f647" alt="Style preview example 3" width="277" height="216" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-3.png" />

Klicke auf die **Stilvorschau**, um die **Stile-Galerie** zu öffnen und unsere kuratierte Sammlung vordefinierter Stile für deine Dokumente zu durchstöbern.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-gallery.gif?s=62ec4bc1e0ad9fa6ddc9845ef44b59b7" alt="Opening the styles gallery" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-gallery.gif" />

## Individuelle Gestaltung

Neben vordefinierten Stilen kannst du eigene Farben für den Hintergrund, den Text und das Dokument selbst erstellen.

Die Hintergrundfunktion bietet eine Vielzahl von Optionen:

* **Einfarbig** – Wähle aus einer Farbpalette oder erstelle eigene Farben
* **Verläufe** – Verbinde zwei oder mehr Farben miteinander
* **Bilder** – Lade eigene Bilder hoch oder wähle eines von Unsplash aus

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-styling.gif?s=83ee42ce92078710e3acca683ec82ec0" alt="Creating custom styles" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-styling.gif" />

Um ein eigenes Hintergrundbild hochzuladen, wähle in den Hintergrundeinstellungen die Option **Bild**, dann **Hochladen**, und wähle ein Bild von deinem Gerät aus. Alternativ kannst du die **Unsplash**-Schaltfläche auswählen und nach Stichwörtern suchen, um professionelle Fotos zu finden, die zu deinem Thema passen.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/upload-backdrop.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=37096d20142bf302b8b642af18df45ee" alt="Upload backdrop image option" width="346" height="450" data-path="images/write-and-edit/styling/quick-guide/en/content/upload-backdrop.png" />

<Info title="Coverbilder">
  Möchtest du deinem Dokument eine visuelle Kopfzeile hinzufügen? Siehe den Artikel [Coverbilder](/de/write-and-edit/styling/cover-images) für Informationen zum Hochladen, Zuschneiden und zu Unsplash-Optionen.
</Info>

## Trennelemente und Washi Tapes

Trennelemente helfen dabei, Inhalte innerhalb eines Dokuments zu strukturieren. Craft geht dabei noch einen Schritt weiter mit Washi Tapes – einzigartig gestaltete Streifen, die als visuelle Trennelemente dienen.

Wähle aus:

* **Standardlinien** – Klassischer Trennstil
* **Washi Tapes** – Dekorative gemusterte Trennelemente
* **Doodles** – Trennelemente im handgezeichneten Stil

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/separators.gif?s=72c338272195774355f463276a46264c" alt="Different separator styles" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/separators.gif" />

<Info title="Schnelltipp">
  Tippe drei Bindestriche (`---`), um sofort ein Trennelement in dem für dein Dokument festgelegten Stil einzufügen.
</Info>

### Washi-Tape-Gestaltung

Ähnlich wie bei Hintergrund- und Coverbildoptionen kannst du Washi-Tape-Trennelemente mit Volltonfarben oder Mustern anpassen.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/washi-styling.gif?s=cc832858117b1aa2e4407cd3d0433971" alt="Styling Washi tapes" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-styling.gif" />

Öffne die **Washi-Tape-Galerie**, um schöne vordefinierte Muster zu entdecken:

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/washi-gallery.gif?s=8435350d7507d46cde5b5097bca4fb62" alt="Browsing Washi tape gallery" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-gallery.gif" />

Du kannst deine Washi-Tape-Farben so präzise wie gewünscht festlegen. Erstelle deinen bevorzugten Farbton manuell oder gib den RGB-Farbcode in der Farbauswahl ein.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-color.gif?s=4a5d3a415f66b08b37a96623c5b50cb0" alt="Creating custom Washi tape colors" width="800" height="673" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-color.gif" />

## Text- und Dokumentfarbe

Craft-Dokumente verwenden standardmäßig die **Systemfarbe** – Schwarz im Dunkelmodus oder Weiß im Hellmodus. Diese wird durch das schwarz-weiße Symbol in der Farbauswahl dargestellt.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/system-color.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=b277771553b8fd81b717eae717ff09e3" alt="System default color icon" width="281" height="166" data-path="images/write-and-edit/styling/quick-guide/en/content/system-color.png" />

Du hast jedoch die volle Kontrolle über deine Dokument- und Textfarben. Wähle deinen bevorzugten Farbton manuell oder gib den RGB-Code in der Farbauswahl ein, um die gewünschte Farbe exakt zu treffen.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-doc-color.gif?s=7c3927c0a80033062ad48fab51b026b1" alt="Customizing document colors" width="800" height="673" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-doc-color.gif" />

<Info title="Farben zurücksetzen">
  Verwende die Zurücksetzen-Schaltfläche, um dein Dokument sofort auf die Standard-Systemfarbe zurückzusetzen.
</Info>

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/reset-color.gif?s=52d971ac666bddfd6773f2afaf74d1a9" alt="Resetting document colors" width="426" height="390" data-path="images/write-and-edit/styling/quick-guide/en/content/reset-color.gif" />

## Schriftarten

Ändere den Schriftstil deines gesamten Dokuments mit einem Klick. Wähle aus:

* **System** – Verwendet die Standardschriftart deines Geräts
* **Serif** – Klassische, gut lesbare Serifenschrift
* **Mono** – Monospace-Schriftart für Code oder technische Inhalte
* **Rounded** – Freundliche, moderne Rundschrift

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/fonts.gif?s=11732e87e5fcc8c62ace8900cbb879bf" alt="Changing document fonts" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/fonts.gif" />

<Warning title="Eigene Schriftarten">
  Es ist derzeit nicht möglich, eigene Schriftarten in Craft hochzuladen.
</Warning>

## Gestaltete Dokumente als PDF exportieren

Die Stile-Funktion ist dazu gedacht, dir beim Bearbeiten deinen bevorzugten visuellen Rahmen zu geben. Wenn du die Stilgestaltung beim Exportieren deiner Inhalte als PDF deaktivieren möchtest, kannst du dies ganz einfach in den Exportoptionen tun.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/export-styles.gif?s=0b04cf70df6513a5d9144629f0400399" alt="Disabling styles during PDF export" width="800" height="638" data-path="images/write-and-edit/styling/quick-guide/en/content/export-styles.gif" />

## Verwandte Artikel

<CardGroup cols={2}>
  <Card title="Coverbilder" href="/de/write-and-edit/styling/cover-images">
    Passe Coverbilder für deine Dokumente an
  </Card>

  <Card title="Karten" href="/de/write-and-edit/styling/cards">
    Verwandle Seiten in visuelle Kartenlayouts
  </Card>

  <Card title="App-Stile" href="/de/write-and-edit/styling/app-styles">
    Erweitere Dokumentstile auf die App-Oberfläche
  </Card>

  <Card title="Standardstile" href="/de/write-and-edit/styling/default-styles">
    Lege deinen bevorzugten Stil als Standard fest
  </Card>
</CardGroup>