> ## Documentation Index
> Fetch the complete documentation index at: https://help.scribe-mail.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Styling-Panel

> Gestalten Sie jeden Signatur-Block über das Styling-Panel auf der rechten Seite – mit Bereichen für Inhalt, Stil, Größe und Layout sowie Steuerungen für Innenabstand, Markenfarben und Links.

Im Styling-Panel steuern Sie das Aussehen Ihrer E-Mail-Signatur. Wählen Sie einen beliebigen Block auf der Arbeitsfläche aus, und das Panel auf der rechten Seite zeigt alle verfügbaren Optionen für dieses Element an.

Stellen Sie es sich wie ein Designtool vor: Etwas anklicken, rechts gestalten.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/styling-panel-overview.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=fbe79897221564aa33255c61d52f34cc" alt="Styling-Panel mit Konfigurationsbereichen für Blöcke auf der rechten Seite" width="3456" height="1930" data-path="images/styling-panel-overview.png" />
</Frame>

<Note>
  Welche Optionen Sie sehen, hängt vom ausgewählten Block ab. Ein Textblock zeigt Schrift- und Farbeinstellungen. Ein [Bildblock](/de/editor/image-blocks) zeigt Größen- und Zuschnittoptionen. Jeder Blocktyp hat eigene Steuerelemente.
</Note>

## Funktionsweise

Das Styling-Panel ist in einheitliche Bereiche gegliedert, die je nach Blocktyp angezeigt werden:

* **Inhaltseinstellungen**: Was der Block enthält (Textwerte, Smartfield-Verbindungen, Bildquelle, Links)
* **Stil**: Wie er aussieht (Farben, Schriften, Formatierung, Icon-Varianten)
* **Größe**: Abmessungen, sofern relevant (Breite, Höhe)
* **Layout**: Wie er in der Signatur sitzt (Innenabstand, Abstand, Ausrichtung, Richtung)

Nicht jeder Block hat alle vier Bereiche. Ein einfacher [Textblock](/de/editor/text-blocks) zeigt möglicherweise nur Inhalts- und Stileinstellungen, während ein [Containerblock](/de/editor/containers-and-columns) sich auf Layout und Ausrichtung konzentriert.

Wenn kein Block ausgewählt ist, zeigt das Panel „Block hinzufügen oder auswählen, um mit der Bearbeitung zu beginnen". Klicken Sie auf ein beliebiges Element auf der Arbeitsfläche oder fügen Sie über das linke Panel einen neuen Block hinzu, um zu starten.

***

## Häufige Steuerungen

Diese Einstellungen erscheinen in mehreren Block-Typen und funktionieren überall gleich.

### Innenabstand

Jeder Block verfügt im Bereich Layout über Einstellungen für den Innenabstand. Der Innenabstand ist der Raum zwischen dem Rand des Blocks und den umgebenden Elementen.

Sie können den Innenabstand global festlegen (ein Wert für alle Seiten) oder die Einstellung erweitern, um jede Seite einzeln festzulegen: oben, rechts, unten, links.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/styling-panel-padding-controls.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=3edd74259c5840ea98b18cc7ea1a8161" alt="Einstellungen für den Innenabstand mit individuellen Seitenwerten im Styling-Panel" title="Einstellungen für den Innenabstand mit individuellen Seitenwerten im Styling-Panel" className="mx-auto" style={{ width:"65%" }} width="614" height="320" data-path="images/styling-panel-padding-controls.png" />
</Frame>

### Farbwähler

Überall dort, wo Sie ein Farbfeld sehen, öffnet ein Klick den Farbwähler mit:

* einem Farbverlauf zur visuellen Auswahl
* einem Farbtonregler zur Auswahl der Grundfarbe
* einem Hex-Feld zur Eingabe exakter Farbwerte
* Ihren **Markenfarben** am unteren Rand für schnellen Zugriff auf die Farbpalette Ihres Unternehmens

### Markenfarben

Markenfarben werden über alle Signaturvorlagen hinweg geteilt. Wenn Sie eine Markenfarbe bearbeiten, wird sie überall dort aktualisiert, wo sie verwendet wird. Ändern Sie Ihr Markenblau einmal, und jede Signatur, die diese Farbe verwendet, wird automatisch aktualisiert.

Über die Schaltfläche **+** im Farbwähler können Sie direkt neue Markenfarben hinzufügen.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/styling-panel-brand-color-picker.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=2f172379c312fe4e84f783c436945901" alt="Farbwähler mit Markenfarbenpalette im Styling-Panel" title="Farbwähler mit Markenfarbenpalette im Styling-Panel" className="mx-auto" style={{ width:"58%" }} width="926" height="1250" data-path="images/styling-panel-brand-color-picker.png" />
</Frame>

### Links

Die meisten Blöcke unterstützen Links. Das Link-Feld akzeptiert jede URL und macht den Block in der fertigen Signatur klickbar — nützlich, um Traffic auf Ihre Website, Ihre Buchungsseite oder Ihre Social-Media-Profile zu lenken.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/styling-panel-link-input.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=89e49bc6fb843fbd5ab4eadf91963cee" alt="Link-URL-Eingabefeld im Stil-Panel" title="Link-URL-Eingabefeld im Stil-Panel" className="mx-auto" style={{ width:"64%" }} width="694" height="586" data-path="images/styling-panel-link-input.png" />
</Frame>

## Verwandte Artikel

* [Editor-Übersicht](/de/editor/editor-overview)
* [Blöcke hinzufügen](/de/editor/add-blocks)
* [Arbeitsfläche](/de/editor/canvas)