> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/buchungen-und-aufgaben/buchungskalender/farben-eines-buchungskalenders-anpassen.md).

# Farben eines Buchungskalenders anpassen

## Worum es geht

Die Farben eines Buchungskalenders prägen die sichtbare Terminwahl: ausgewählte Tage, freie Zeitfenster, Navigationspfeile und Schaltflächen. Mit passenden Farben wirkt der Buchungslink wie ein stimmiger Teil deines Angebots. Mindestens genauso wichtig ist die Lesbarkeit: Eine schöne Farbe hilft nicht, wenn Termine oder Formularfelder schwer erkennbar sind.

Diese Farbanpassung steht nur für Kalender im Stil **NEO** zur Verfügung. Sie ändert das Erscheinungsbild des öffentlichen Buchungsformulars, nicht aber freie Zeiten, Terminlänge, Formulare oder Buchungsregeln.

## Was die zwei Farben sichtbar verändern

| Einstellung          | Sichtbare Wirkung im Buchungslink                                                                                       | Darauf solltest du achten                                                               |
| -------------------- | ----------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------- |
| **Primärfarbe**      | Hebt interaktive Elemente hervor: ausgewählte Tage, verfügbare Zeitfenster, Navigationspfeile und Aktionsschaltflächen. | Die Farbe muss sich klar von der Hintergrundfläche abheben.                             |
| **Hintergrundfarbe** | Bildet die Fläche hinter der Datums- und Uhrzeitwahl sowie hinter dem Formular.                                         | Texte, Eingabefelder, Umrandungen und die Primärfarbe müssen darauf gut lesbar bleiben. |

Die Quellenbilder zeigen beide Seiten des Zusammenspiels: Bei einer roten Primärfarbe werden Auswahl, Zeitfenster und Schaltflächen rot hervorgehoben. Mit einer dunklen Hintergrundfarbe ändert sich die gesamte Wirkung der Terminwahl und der anschließenden Eingabeseite.

> **Merke:** Eine Farbe ist kein Hinweis auf Verfügbarkeit. Ob ein Zeitpunkt buchbar ist, wird weiterhin durch die Einstellungen deines Kalenders bestimmt.

## Voraussetzungen

* Der zu bearbeitende Kalender verwendet den Stil **NEO**.
* Du darfst den betreffenden Kalender bearbeiten.
* Du kennst im Idealfall die abgestimmten Farben deines Unternehmens.
* Der Buchungskalender ist bereits eingerichtet und über seinen öffentlichen Link testbar.

In der Quellenansicht ist die Auswahl zwischen **NEO** und einem klassischen Stil im Anpassungsbereich sichtbar. Die Anpassungskarte weist ausdrücklich darauf hin, dass die Farben nur mit NEO funktionieren.

## Den richtigen Kalender öffnen

1. Öffne **Kalender**.
2. Wechsle zu **Kalendereinstellungen**.
3. Suche in der Kalenderliste nach dem richtigen Namen.
4. Prüfe zusätzlich Typ, Status und Laufzeit in der Zeile, damit du nicht versehentlich einen ähnlichen Kalender bearbeitest.
5. Öffne rechts in der Zeile das **Drei-Punkte-Menü**.
6. Wähle **Bearbeiten**.

Die Quellenansicht zeigt im Menü auch weitere Aktionen wie Duplizieren, Teilen, Verschieben, Deaktivieren und Löschen. Für die Farben brauchst du ausschließlich **Bearbeiten**.

## Zum Bereich für Farben wechseln

1. Öffne in der linken Navigation des Kalenders **Anpassungen**.
2. Prüfe im Bereich für den Kalenderstil, ob **NEO** ausgewählt ist.
3. Scrolle zum Abschnitt mit **Primärfarbe** und **Hintergrundfarbe**.

Falls der Anpassungsbereich oder die Farbfelder nicht erscheinen, prüfe zuerst den Stil. Ändere nicht blind andere Kalenderoptionen, um die Farbfelder zu erzwingen.

## Primär- und Hintergrundfarbe eingeben

Beide Felder lassen sich über den Farbwähler oder über einen Farbcode eingeben.

Ein Farbcode beginnt mit einem Rautezeichen, zum Beispiel **#1A73E8**. In der Quellenansicht sind auch achtstellige Schreibweisen sichtbar, etwa **#178AF6FF**. Verwende am besten einen abgestimmten Wert aus deinem Erscheinungsbild, statt eine ähnliche Farbe zu raten.

### Primärfarbe festlegen

1. Klicke auf das Farbfeld bei **Primärfarbe**.
2. Wähle die Farbe im Farbwähler oder trage den abgestimmten Farbcode ein.
3. Prüfe die Vorschau oder den öffentlichen Link besonders auf ausgewählte Tage, Zeitfenster, Pfeile und Schaltflächen.

### Hintergrundfarbe festlegen

1. Klicke auf das Farbfeld bei **Hintergrundfarbe**.
2. Wähle die gewünschte Hintergrundfläche oder trage den abgestimmten Farbcode ein.
3. Prüfe auf der Terminwahl und dem Formular, ob Texte, Umrandungen und Eingabefelder weiterhin klar sichtbar sind.

Speichere die Änderungen anschließend im Kalender. Die Quelle zeigt die Farbfelder als getrennte Einstellungen; ändere deshalb erst eine Farbe, prüfe die Wirkung und passe dann die zweite an. So erkennst du sofort, wodurch sich die Darstellung verändert hat.

## So prüfst du Lesbarkeit statt nur Farbe

Öffne den öffentlichen Buchungslink nach jeder Änderung in einem privaten Browserfenster und arbeite diesen Ablauf durch:

1. **Terminwahl öffnen:** Sind Monatsnavigation, Tage und freie Uhrzeiten gut zu erkennen?
2. **Zeitfenster auswählen:** Ist sichtbar, welcher Zeitpunkt gerade ausgewählt ist?
3. **Nächsten Monat öffnen:** Sind die Navigationspfeile auffindbar und klar?
4. **Zum Formular weitergehen:** Heben sich Überschriften, Feldnamen, Eingabefelder und Pflichtangaben ab?
5. **Schaltfläche prüfen:** Ist die Schaltfläche zum Fortfahren klar als nächster Schritt erkennbar?
6. **Smartphone testen:** Öffne denselben Link auf einem kleinen Bildschirm oder verkleinere das Browserfenster.
7. **Testbuchung abschließen:** Kontrolliere, dass die Gestaltung nicht den Ablauf oder die Bestätigung stört.

> **Praktische Regel:** Bei einem dunklen Hintergrund brauchst du besonders helle, gut lesbare Texte und klar abgegrenzte Felder. Bei einem sehr hellen Hintergrund darf die Primärfarbe nicht zu blass sein.

## Häufige Probleme

### Die Farbfelder fehlen

Der Kalender verwendet wahrscheinlich nicht den Stil NEO. Prüfe den Stil im Bereich **Anpassungen**. Ist NEO nicht aktiv oder steht die Option nicht zur Verfügung, ändere nicht eigenständig andere Funktionen des Kalenders.

### Die neue Farbe ist im Farbwähler sichtbar, aber im Buchungslink nicht

Speichere den Kalender, öffne den öffentlichen Link erneut und teste in einem privaten Browserfenster. Prüfe auch, ob du wirklich den Link des bearbeiteten Kalenders geöffnet hast.

### Zeitfenster oder Schaltflächen sind schwer zu erkennen

Wähle eine Primärfarbe mit stärkerem Kontrast zur Hintergrundfläche. Teste sowohl normale als auch ausgewählte Zeitfenster. Besonders bei blassen Farben auf weißem Hintergrund und dunklen Farben auf schwarzem Hintergrund gehen wichtige Bedienelemente leicht verloren.

### Das Formular wirkt nach der Änderung unruhig

Die Hintergrundfarbe wirkt nicht nur auf die erste Terminansicht, sondern auch auf die Fläche des Formulars. Prüfe daher immer mindestens eine Testbuchung bis zur Eingabeseite, bevor du die neue Gestaltung weitergibst.

### Ich habe den falschen Kalender verändert

Vergleiche in der Kalenderliste Namen, Typ und Status. Öffne danach den öffentlichen Buchungslink direkt aus dem richtigen Kalender und wiederhole die Prüfung.

## Praxisbeispiel: Ruhiger Buchungslink für ein Beratungsteam

Ein Beratungsteam nutzt ein dunkles Blau als Hauptfarbe und möchte den Buchungslink daran anpassen.

1. Es öffnet den Kalender für Erstgespräche und prüft, dass der Stil NEO verwendet wird.
2. Im Bereich **Anpassungen** trägt es das abgestimmte Blau als Primärfarbe ein.
3. Als Hintergrund bleibt zunächst eine helle Fläche gewählt, damit Termine und Formular gut lesbar bleiben.
4. Über den öffentlichen Link prüft das Team ausgewählte Tage, Uhrzeiten, Navigation und die Schaltfläche zum Fortfahren.
5. Anschließend führt es eine Testbuchung bis zur Formularseite durch.
6. Erst wenn alle Schritte auf Computer und Smartphone klar lesbar sind, wird die Gestaltung für echte Buchungen genutzt.

Das Ergebnis: Der Kalender passt zum Auftritt des Teams, ohne dass Besucher:innen beim Buchen nach der nächsten Aktion suchen müssen.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/buchungen-und-aufgaben/buchungskalender/farben-eines-buchungskalenders-anpassen.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.