> ## 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.

# Styles Quick Guide

> Umfassender Leitfaden zum Anpassen von Schriftarten, Farben, Hintergründen, Titelbildern und dekorativen Elementen in deinen Dokumenten.

Craft macht es dir einfach, optisch ansprechende Dokumente zu erstellen, ganz ohne Designkenntnisse. Die Styles-Funktion lässt dich Hintergründe, Cover-Bilder, Textfarben und sogar die Farbe deines gesamten Dokuments anpassen. Washi tapes als Trenner verleihen deinen Seiten einen einzigartigen, dekorativen Touch.

Für ein tieferes Verständnis, wie Styling funktioniert, beginne mit unserem Artikel zu [Dokumenten, Seiten und Blocks](/de/introduction/documents).

## Styles-Menü

<Tabs>
  <Tab title="macOS">
    In der macOS-App findest du die **Styles**-Registerkarte in der linken Sidebar:

    <img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png?s=eeec64a237c912f088c787445755e7e1" alt="Styles menu in left sidebar" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png" />
  </Tab>

  <Tab title="Web">
    In der Web-App findest du die **Styles**-Registerkarte in der linken Sidebar:

    <img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png?s=eeec64a237c912f088c787445755e7e1" alt="Styles menu in left sidebar" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png" />
  </Tab>
</Tabs>

## Style Preview und Styles Gallery

Das Styles-Menü zeigt eine minimalistische Vorschau deiner aktuellen Schriftart-, Cover- und Backdrop-Einstellungen – eine schnelle visuelle Referenz dafür, 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" />

Click auf die **Style Preview**, um die **Styles Gallery** zu öffnen und unsere kuratierte Sammlung vordefinierter Stile für deine Dokumente zu durchsuchen.

<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" />

## Benutzerdefinierte Stile

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

Die Backdrop-Funktion bietet eine breite Auswahl an Optionen:

* **Einfarbige Farben** – Wähle aus einer Farbpalette oder erstelle eigene Farben
* **Verläufe** – Mische zwei oder mehr Farben
* **Bilder** – Lade eigene hoch oder wähle aus Unsplash

<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" />

## Eigene Bilder hochladen

Du kannst jedes Bild von deinem Gerät als Backdrop oder als Cover-Bild hochladen.

**Für Backdrops:**

<Steps>
  <Step>
    Wähle in den Backdrop-Einstellungen die Option **image**
  </Step>

  <Step>
    Wähle **Upload** und wähle dein Bild aus
  </Step>
</Steps>

<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" />

**Für Cover-Bilder:**

<Steps>
  <Step>
    Click auf den Bereich für das Cover-Bild
  </Step>

  <Step>
    Wähle **Insert File** und wähle dein Bild aus
  </Step>
</Steps>

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

## Unsplash-Integration

Keine Zeit, lange nach dem perfekten Cover- oder Hintergrundbild zu suchen? Die Integration von Unsplash in Craft macht es einfach, professionelle Fotos mit wenigen Klicks zu finden.

Wenn du dein Backdrop oder Cover-Bild einstellst, wähle die **Unsplash**-Schaltfläche, um auf die Unsplash-Datenbank zuzugreifen. Suche nach Stichwörtern, um Bilder zu finden, die zu deinem Thema passen.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/unsplash-integration.gif?s=82de269fe5f0f12217c14201f88994a3" alt="Searching Unsplash for images" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/unsplash-integration.gif" />

## Trenner und Washi tapes

Trenner helfen dabei, Inhalte innerhalb eines Dokuments zu strukturieren. Craft hebt das auf die nächste Ebene mit Washi tapes – einzigartig dekorierte Streifen, die als visuelle Trenner dienen.

Zur Auswahl stehen:

* **Standardlinien** – Klassischer Trennerstil
* **Washi tapes** – Dekorative, gemusterte Trenner
* **Doodles** – Handgezeichnete Trenner

<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="Schneller Tipp">
  Gib drei Bindestriche (`---`) ein, um sofort einen Trenner im aktuell für dein Dokument gesetzten Stil hinzuzufügen.
</Info>

### Washi Tape Styling

Ähnlich wie bei Backdrop- und Coverbild-Optionen kannst du Washi tape-Trenner mit einfarbigen Farben 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" />

Rufe die **Washi Tapes Gallery** auf, um schöne vordefinierte Muster zu finden:

<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 so spezifisch sein, wie du möchtest. Erstelle deinen bevorzugten Farbton manuell oder gib den RGB-Farbcode im Farbwähler 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 **system default**-Farbe – schwarz im Dark Mode oder weiß im Light Mode. Dies wird durch das schwarz-weiße Symbol im Farbwähler 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 die Farben deines Dokuments und Texts. Wähle manuell oder gib den RGB-Code im Farbwähler ein, um genau die gewünschte Farbe zu erhalten.

<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 Reset-Schaltfläche, um dein Dokument sofort auf die standardmäßige 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 Standardschrift deines Geräts
* **Serif** – Traditionelle, gut lesbare Serifenschrift
* **Mono** – Monospace-Schrift für Code oder technische Inhalte
* **Rounded** – Freundliche, moderne abgerundete Schrift

<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">
  Derzeit ist es nicht möglich, eigene Schriftarten in Craft hochzuladen.
</Warning>

## Gestylte Dokumente als PDF exportieren

Die Styles-Funktion ist dazu gedacht, dir beim Bearbeiten eine persönliche visuelle Umgebung zu geben. Wenn du das Styling beim Exportieren als PDF deaktivieren möchtest, kannst du das 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="Cover Images" href="/de/write-and-edit/styling/cover-images">
    Passe Coverbilder für deine Dokumente an
  </Card>

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

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

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