# Ihr Cookie-Banner im Builder anpassen

Formate, Farben, Typografie, mehrsprachige Texte und Live-Vorschau: alles, was der FlowConsent-Builder bietet, um das Banner an Ihre Marke anzupassen.

> Canonical: https://www.flowconsent.com/de/doc/banner-customization
> Last updated: 2026-07-30
Der Builder ist der Ort, an dem Aussehen, Texte und Verhalten eines Banners bearbeitet werden. Jede Änderung erscheint sofort in der **Live-Vorschau** rechts, mit einer Geräteauswahl (Desktop, Tablet, Mobil), und nichts geht online, bevor Sie deployen — Sie können an einem publizierten Banner gefahrlos iterieren.

## Was wird wo angepasst

Der Builder ist in Tabs organisiert, jeder mit einer Zuständigkeit:

- **Information** — Titel, Beschreibung und Logo des Banners (Datei hochladen oder Standard behalten).
- **Style** — die gesamte visuelle Ebene, unten im Detail.
- **Legal** — die den Besuchern angezeigte rechtliche Identität. Ohne sie kann ein Banner nicht publiziert werden; die Seitenleiste markiert diesen Tab mit einem Punkt, solange er unvollständig ist.
- **Services** und **Cookie list** — was das Banner deklariert und blockiert; siehe [Dienste und Rechtsgrundlagen](/de/doc/services-and-legal-basis) und die [Cookie-Deklaration](/de/doc/cookie-declaration).
- **Deployment** — Publikation, Installations-Snippet und Einrichtungsassistent.
- **GTM Server Side** und **Google Consent Mode v2** — die Google-spezifischen Integrationen.
- **Translations** — die mehrsprachigen Texte, unten im Detail.
- **Logs** — die Einwilligungsaktivität des Banners.

## Ein Format wählen

Das Banner-Format wird aus sechs Vorlagen gewählt: **minimal**, **untere Leiste**, **schwebend**, **volle Breite**, **modernes Popup** und **DSGVO-Wall**. Die Vorlage bestimmt, welche Stilregler gelten:

- Die **untere Leiste** und der **DSGVO-Wall** spannen sich über den Viewport und haben daher keine Positionsregler; die untere Leiste bekommt stattdessen ihre eigene Sektion.
- Alle anderen Formate zeigen eine Sektion **Widget-Position**: Wählen Sie die Ecke und justieren Sie X/Y-Versätze pro Breakpoint (Desktop, Tablet, Mobil), in px oder rem.

> [!TIP]
> Die Breakpoint-Auswahl in der Positionssektion teilt ihren Zustand mit der Geräteauswahl der Vorschau — das Umschalten des einen schaltet das andere um, Sie sehen also immer den Breakpoint, den Sie gerade bearbeiten.

## Stil: Farben, Typografie, Buttons

Der Tab **Style** bündelt die visuellen Sektionen:

- **Farben** — Hintergrund, Text, Akzente, Radien, mit Farbwählern.
- **Typografie** — Schriftfamilie und -größen.
- **Buttons** — das Styling der Buttons Akzeptieren / Ablehnen / Präferenzen.
- **Schwebender Button** — der dauerhafte Button, über den Besucher ihre Meinung ändern, inklusive Größe.
- **Trigger**, **Schatten** und **Overlay** (mit einstellbarer Deckkraft) — wie und worüber das Banner erscheint; Schatten und Overlay gelten nicht für die untere Leiste.
- Eine Sektion **Zurücksetzen** stellt die Standardwerte wieder her, falls Sie zu weit gegangen sind.

> [!NOTE]
> Die DSGVO-Standardwerte — gleich große Akzeptieren-/Ablehnen-Buttons, Prior Blocking, granulare Kategorien — bleiben bei jeder Anpassung erhalten. Styling ändert, wie das Banner aussieht, nicht, was es darf.

## Texte und Sprachen

Der Tab **Information** trägt Titel und Beschreibung der Standardsprache. Der Tab **Translations** verwaltet alle weiteren Sprachen:

- Wählen Sie die **Standardsprache** und wie die Sprache des Besuchers erkannt wird (Browser oder URL), mit einer URL-Mapping-Übersicht pro Sprache;
- fügen Sie Übersetzungen hinzu, jede in ihrer Sprachkarte editierbar.

Die Sprachanzahl hängt vom Plan ab: **Free** deckt 2 Sprachen ab (Standard + 1 Übersetzung), **Pro** 5, **Enterprise** unbegrenzt.

## Versionen und Rollback

Jedes Deployment zeichnet eine Version in der Karte **Version History** des Deployment-Tabs auf. Der Rücksprung auf eine frühere Version ist **sofort und erfordert kein erneutes Deployment**; die letzten 10 Deployments werden aufbewahrt. Geht eine Stiländerung in Produktion schief: erst zurückrollen, dann in Ruhe korrigieren.

> [!NOTE]
> Bei selbst gehosteten Bannern (Free-Plan) erfordert das Lesen des Versionsverlaufs Ihr Cloudflare-API-Token, da die Versionen in Ihrem eigenen Cloudflare-Konto liegen.

## Nächste Schritte

- [Ihre Dienste und deren Rechtsgrundlagen deklarieren](/de/doc/services-and-legal-basis)
- [Die Cookie-Deklaration prüfen](/de/doc/cookie-declaration)
- [Das Ergebnis mit einem Ablehnungs-Scan verifizieren](/de/doc/compliance-verification)