---
title: Wie können eingebettete Kalender mit CSS angepasst werden?
description: "Du kannst das Aussehen und die angezeigten Informationen des eingebetten Kalenders auf deiner Website mithilfe von CSS anpassen. Dazu trägst du CSS-Befehle in den System-Einstellungen deines ChurchTools ein, welche dann beim Einbetten automatisch berücksichtigt werden. ## 1. System-Einstellungen öffnen ![](https://staging.churchtools.academy/wp-content/uploads/2024/05/image-66.png)…"
url: "https://staging.churchtools.academy/de/help/churchtools-module/kalender-einbetten/wie-konnen-eingebettete-kalender-mit-css-angepasst-werden/"
updated: "2026-07-08"
category: Kalender / Kalender einbetten
tags:
  - Screenshot veraltet
---

# Wie können eingebettete Kalender mit CSS angepasst werden?

Du kannst das Aussehen und die angezeigten Informationen des eingebetten Kalenders auf deiner Website mithilfe von CSS anpassen.
Dazu trägst du CSS-Befehle in den System-Einstellungen deines ChurchTools ein, welche dann beim Einbetten automatisch berücksichtigt werden.

## 1. System-Einstellungen öffnen

![](https://staging.churchtools.academy/wp-content/uploads/2024/05/image-66.png)

## 2. Kalendermodul auswählen

![](https://staging.churchtools.academy/wp-content/uploads/2024/05/image-68.png)

## 3. CSS-Befehle eintragen

Hier hinterlegst du die von dir gewünschten CSS-Befehle.
Vergiss nicht, deine Änderungen zu ***speichern*** bevor du die System-Einstellungen wieder schließt.

![](https://staging.churchtools.academy/wp-content/uploads/2024/05/image-67.png)

**Hinweis**

Du kannst definieren, wann die CSS-Befehle angewandt werden sollen, indem du eigene ***CSS-Klassen*** vergibst (1).
So kannst du einstellen, dass ein in den System-Einstellungen hinterlegter CSS-Befehl nur dann angewendet wird, wenn du im Dialogfenster zum Kalender einbetten, die entsprechende CSS-Klasse ebenfalls hinzufügst (2). Damit wird der eingebettete Kalender mit einer eigenen CSS-Klasse versehen.

![](https://staging.churchtools.academy/wp-content/uploads/2024/05/image-64.png)

![](https://staging.churchtools.academy/wp-content/uploads/2024/05/image-65.png)

#### Artikel zum Weiterlesen

- [Ressourcen im eingebetteten Kalender ausblenden](https://staging.churchtools.academy/de/help/churchtools-module/kalender-einbetten/17-ressourcen-im-eingebetteten-kalender-ausblenden/)
- [Kalender einbetten: CSS Klassen](https://staging.churchtools.academy/de/help/churchtools-module/kalender-einbetten/17-kalender-einbetten-css-klassen/)
- [Kalender einbetten: URL Parameter](https://staging.churchtools.academy/de/help/churchtools-module/kalender-einbetten/17-kalender-einbetten-url-parameter/)