> ## Documentation Index
> Fetch the complete documentation index at: https://docs.scanova.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Designoptionen

> Blockspezifische visuelle Anpassung über den Design-Tab.

## Was Designoptionen sind

Die meisten Blöcke haben einen **Design**-Tab im rechten Inspektor. Designoptionen ermöglichen es Ihnen, den visuellen Stil eines einzelnen Blocks zu überschreiben, ohne den Rest der Seite zu verändern. Bleibt ein Designfeld leer (es zeigt „Theme-Standard“), übernimmt der Block seinen Wert stattdessen vom aktiven Theme.

<Frame caption="Der Design-Tab eines Beschreibung-Blocks, mit den Gruppen Kartenstil, Effekte und Typografie">
  <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/design-options/design-tab-card-effects.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=5c1b30c73f04cf3562a90ed6be89a49f" alt="Design-Tab geöffnet auf einem Beschreibung-Block, mit den Gruppen Kartenstil (Stil, Kartenhintergrund, Transparenter Hintergrund), Effekte (Karteneffekt, Kartenoberfläche, Schatten) und Typografie (Textfarbe, Schriftart, Schriftgröße)" width="1440" height="1000" data-path="images/v2/page-builder/design-options/design-tab-card-effects.png" />
</Frame>

## Zugriff auf Designoptionen

<Steps>
  <Step title="Einen Block auswählen">
    Klicken Sie auf der Canvas oder in der linken Sidebar auf einen Block, um ihn auszuwählen.
  </Step>

  <Step title="Den Design-Tab öffnen">
    Klicken Sie im rechten Panel auf den Tab **Design**. (Hat ein Block keinen visuellen Stil zum Überschreiben, ist dieser Tab deaktiviert – zum Beispiel haben Footer, Menü und Kontaktdaten überhaupt keinen Design-Tab.)
  </Step>

  <Step title="Eine Option anpassen">
    Die Canvas aktualisiert sich in Echtzeit.

    <Tip>
      Um ein Feld auf seinen Theme-Standard zurückzusetzen, leeren Sie es (oder wählen Sie im Dropdown erneut „Theme-Standard“).
    </Tip>
  </Step>
</Steps>

## Typografie

Textstil-Optionen erscheinen bei Blöcken, die Absatztext, Überschriften oder Beschriftungen enthalten – Seitentitel, Beschreibung, Terminplan, Veranstaltungsort, Namen des Paares und andere.

| Option       | Beschreibung                                                                                                                                                                                     |
| ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Textfarbe    | Überschreibt die Farbe des Textes im Block. Leer lassen, um die Vordergrundfarbe des Themes zu verwenden.                                                                                        |
| Schriftart   | Überschreibt die Schriftart für diesen Block. Akzeptiert jede Schriftart aus der Auswahl.                                                                                                        |
| Schriftgröße | Ein kontinuierlicher Größen-**Multiplikator**, keine Skala von Klein/Mittel/Groß: **0,5×, 0,75×, 1×, 1,25×, 1,5×, 2×, 2,5×, 3×, 3,5×, 4×**. 1× ist die Standardgröße des Themes für diesen Text. |

<Frame caption="Das geöffnete Dropdown „Schriftgröße“ im Design-Tab eines Blocks, mit der vollständigen Multiplikatorliste von 0,5× bis 4×">
  <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/design-options/font-size-multiplier.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=af48a44af33da86980b078235017bf75" alt="Geöffnetes Dropdown „Schriftgröße“ mit Multiplikator-Optionen von 0,5x bis 4x, wobei 1x als aktuelle Auswahl markiert ist" width="1440" height="1000" data-path="images/v2/page-builder/design-options/font-size-multiplier.png" />
</Frame>

<Warning>
  Die Schriftgröße ist **keine** benannte Skala (Klein/Mittel/Groß/Extra Groß). Es handelt sich um einen numerischen Multiplikator, der auf die Basisgröße des Themes für dieses Textelement angewendet wird – wählen Sie 1×, um den Theme-Standard beizubehalten, oder einen höheren/niedrigeren Multiplikator, um ihn zu vergrößern oder zu verkleinern.
</Warning>

## Kartenstil

Kartenstil-Optionen steuern das Erscheinungsbild des Containers eines Blocks. Sie erscheinen gemeinsam bei jedem Block mit sichtbarem Karten-Chrome (Beschreibung, Gutscheindetails, Über uns, Markeninfo und die meisten anderen).

| Option                                            | Beschreibung                                                                                                                                                                               |
| ------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Stil (manchmal als „Erscheinungsbild“ bezeichnet) | Wählen Sie **Karte** (ein eingerücktes Panel mit Rand und Schatten) oder **Volle Breite** (kein äußerer Einzug – der Block erstreckt sich über die gesamte Inhaltsbreite).                 |
| Kartenhintergrund                                 | Überschreibt die Hintergrundfarbe der Blockkarte. Leer lassen, um die Oberflächenfarbe des Themes zu verwenden. Hat keine sichtbare Wirkung, wenn Transparenter Hintergrund aktiviert ist. |
| Transparenter Hintergrund                         | Erzwingt für diesen Block einen vollständig durchsichtigen Hintergrund anstelle der Oberflächenfarbe des Themes – funktioniert unabhängig von der Stil-Einstellung.                        |

## Effekte (pro Block)

Zusätzlich zum Kartenhintergrund bieten die meisten kartenbasierten Blöcke drei weitere Überschreibungen unter einer Gruppe **Effekte** im Design-Tab:

| Option           | Beschreibung                                                                                                                                                                                                             |
| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Karteneffekt     | Wählen Sie „Theme-Standard“, um den Karteneffekt des Themes zu übernehmen, oder überschreiben Sie ihn nur für diesen Block – siehe [Animierte Effekte](/de/page-builder/animated-effects) für den vollständigen Katalog. |
| Kartenoberfläche | Überschreibt das Material der Karte (Standard „Theme-Standard“) – entspricht dem Steuerelement „Kartenmaterial“ im theme-weiten Abschnitt Oberfläche, hier auf Blockebene zugänglich.                                    |
| Schatten         | Überschreibt die für die Karte dieses Blocks verwendete Schattenvariante (Standard „Theme-Standard“) – entspricht dem Schatten-Steuerelement im theme-weiten Abschnitt Oberfläche.                                       |

<Note>
  **Kartenoberfläche** und **Schatten** sind blockspezifische Überschreibungen derselben Tokens, die global im Abschnitt **Oberfläche** des Themes gesetzt werden (siehe [Themes](/de/page-builder/themes)). Werden sie hier gesetzt, betrifft dies nur den ausgewählten Block; alle anderen Elemente der Seite verwenden weiterhin die Werte des Themes.
</Note>

## Button-Stile

Button-Stil-Optionen erscheinen beim **Button**-Block sowie bei Blöcken mit integriertem Button (Karte, Datei-Download).

| Option       | Beschreibung                                                                                         |
| ------------ | ---------------------------------------------------------------------------------------------------- |
| Button-Farbe | Hintergrundfarbe des Buttons                                                                         |
| Rahmenfarbe  | Farbe des Button-Rahmens                                                                             |
| Eckenradius  | Eine Voreinstellungsauswahl mit 5 Optionen – **Kein, S, M, L, Vollständig** – kein Rohwert in Pixeln |
| Rahmenbreite | Dicke des Button-Rahmens in Pixeln. Auf 0 setzen, um den Rahmen zu entfernen.                        |

## Symbolstile

Symbolstil-Optionen erscheinen bei Blöcken mit einem dekorativen Symbol. Bestätigt live beim Block **Veranstaltungsort** (Hochzeits-/Event-Seiten):

| Option      | Beschreibung                                |
| ----------- | ------------------------------------------- |
| Symbolfarbe | Auf das Symbol des Blocks angewendete Farbe |

<Frame caption="Der Design-Tab von Veranstaltungsort, mit dem Feld Symbolfarbe unter einer Gruppe SYMBOL">
  <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/design-options/icon-color-event-venue.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=b999139ffe53c7d77a5e2b03a041e356" alt="Design-Tab am Block Veranstaltungsort mit Typografie, Kartenstil, einer Gruppe SYMBOL mit Symbolfarbe, und Effekte" width="1440" height="1000" data-path="images/v2/page-builder/design-options/icon-color-event-venue.png" />
</Frame>

<Note>
  Nicht jeder Block mit einem Symbol hat dieses Steuerelement – so zeigt beispielsweise Kontakt Symbole an, hat aber keine Symbolfarben-Überschreibung in seinem Design-Tab.
</Note>

## Trennerstile

Trennerstil-Optionen erscheinen bei Blöcken mit einer integrierten dekorativen Linie. Bestätigt live beim Block **Namen des Paares** (Hochzeitsseiten):

| Option       | Beschreibung                                         |
| ------------ | ---------------------------------------------------- |
| Trennerstil  | Wählt das visuelle Design des Trenners (Stile 01–09) |
| Trennerfarbe | Farbe der Trennerlinie                               |

<Frame caption="Der Design-Tab von Namen des Paares, mit der Gruppe TRENNER mit Trennerstil und Trennerfarbe">
  <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/design-options/separator-style-couple-names.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=9d657a0d5976bbc87ddf0c7e157311b4" alt="Design-Tab am Block Namen des Paares mit Typografie, Kartenstil, einer Gruppe TRENNER mit Trennerstil auf 01 gesetzt und Trennerfarbe, und Effekte" width="1440" height="1000" data-path="images/v2/page-builder/design-options/separator-style-couple-names.png" />
</Frame>

Diese unterscheiden sich vom eigenständigen **Trenner**-Block – es handelt sich um dekorative Linien, die in bestimmte Blöcke eingebaut sind.

## Effekte auf Seitenebene

Bei vielen Blöcken lässt die Gruppe Effekte diesen Block den Standard-Hintergrund-, Karten- oder Button-Effekt des Themes nur für sich selbst überschreiben. Siehe [Animierte Effekte](/de/page-builder/animated-effects) für die vollständige Liste und wie Sie die theme-weiten Standardwerte festlegen.

## Rangfolge

Designoptionen folgen dieser Prioritätsreihenfolge (höchste zuerst):

1. Blockspezifische Einstellung im Design-Tab (falls gesetzt)
2. Theme-Überschreibung auf Seitenebene (im Anpassen-Panel der Theme-Auswahl)
3. Standard des voreingestellten Themes

Ein leeres Feld im Design-Tab bedeutet „den Theme-Wert verwenden“. Ein ausgefülltes Feld überschreibt das Theme nur für diesen Block.

## Tipps

* Verwenden Sie blockspezifische Überschreibungen sparsam. Zu viele einzeln überschriebene Blöcke lassen die Seite inkonsistent wirken. Nehmen Sie die meisten Anpassungen über das Theme vor und reservieren Sie Block-Überschreibungen für gezielte Hervorhebungen.
* Um einen einzelnen Button-Block hervorzuheben, geben Sie ihm eine eigene Button-Farbe, während alle anderen Blöcke bei den Theme-Standardwerten bleiben.
* Soll ein Block hervorstechen – für einen Hinweisabschnitt oder wichtige Informationen – setzen Sie explizit dessen Kartenhintergrund, anstatt das gesamte Theme zu ändern.

## Weiterführende Themen

* [Themes](/de/page-builder/themes) – die Tokens auf Seitenebene, auf die diese blockspezifischen Überschreibungen zurückfallen.
* [Animierte Effekte](/de/page-builder/animated-effects) – der vollständige Katalog hinter den Optionen Karteneffekt und Button-Effekt.
* [Blockreferenz](/de/page-builder/blocks-reference) – welche Blöcke überhaupt einen Design-Tab bieten.