--- title: Wie blende ich Ressourcen in einem eingebetteten Kalender aus? description: Die Kalender in ChurchTools sind sehr hilfreich, um verschiedenste Bereiche innerhalb der Gemeinde zu organisieren und Termine im Blick zu behalten. Noch besser ist es natürlich, wenn die Kalender auch auf der eigenen Gemeindewebsite eingebunden sind und dort alle relevanten… url: "https://staging.churchtools.academy/de/help/churchtools-module/kalender-einbetten/wie-blende-ich-ressourcen-in-einem-eingebetteten-kalender-aus/" updated: "2026-08-19" category: Kalender / Kalender einbetten --- # Wie blende ich Ressourcen in einem eingebetteten Kalender aus? Die Kalender in ChurchTools sind sehr hilfreich, um verschiedenste Bereiche innerhalb der Gemeinde zu organisieren und Termine im Blick zu behalten. Noch besser ist es natürlich, wenn die Kalender auch auf der eigenen Gemeindewebsite eingebunden sind und dort alle relevanten Informationen anzeigen. Es kommt allerdings vor, dass bestimmte Termininformationen zwar in ChurchTools angezeigt, aber nicht auf der Website sichtbar sein sollen. In diesem Tutorial zeigen wir dir am Beispiel der Ressourcen, wie du mit einem CSS-Befehl Termininformationen im eingebetteten Kalender ausblenden kannst. ****Was ist CSS?**** [CSS steht für Cascading Style Sheets](https://de.wikipedia.org/wiki/Cascading_Style_Sheets) und ist eine Kernsprache des Internets. Diese Stylesheet-Sprache für elektronische Dokumente wird genutzt, um mittels Befehlen das Aussehen einer Website anpassen zu können. ## System-Einstellungen für das Kalendermodul öffnen Du kannst deinen einzubettenden Kalender mit CSS-Klassen anpassen. Diese hinterlegst du vorab in den System-Einstellungen deines ChurchTools. Öffne dazu die *System-Einstellungen* (1) und (2) und navigiere zum *Modul* (3) *Kalender* (4). Unter *Kalender einbetten* (5) trägst du CSS-Befehle ein. [![Screenshot CSS-Befehl unter Kalender einbetten in den System-Einstellungen eintragen](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-12.10.00.png)](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-12.10.00.png) > ## CSS-Befehl eintragen Um die im Termin hinterlegten Ressourcen auszublenden, trägst du folgenden CSS-Befehl im dafür vorgesehenen Feld (6) ein: `.event-resources { display:none }` . Anschließend speicherst du deine Änderungen (7). **Tipp** Du kannst deinen eingebetten Kalender nach diesem Muster noch weiter anpassen. Wir haben dir zur Erleichterung eine Übersicht weiterer [CSS-Klassen](https://staging.churchtools.academy/de/help/churchtools-module/kalender-einbetten/kalender-einbetten-css-klassen/) zusammengestellt. [![Screenshot CSS-Befehl eintragen](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-12.16.08.png)](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-12.16.08.png) ## CSS-Befehl prüfen Navigiere nun zum *Kalendermodul* (8) und öffne im Kontextmenü des Moduls den Punkt *Kalender einbetten* (9 und 10). Dort kannst du die Anwendung des CSS-Befehls in der Vorschau prüfen. [![Screenshot Kalender einbetten aufrufen](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-12.18.34.png)](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-12.18.34.png) ## Verschiedene Kalender unterschiedlich anpassen Je nachdem, wie deine Website strukturiert ist, möchtest du eventuell, dass nicht bei jedem eingebetteten Kalender die Ressourcen ausgeblendet werden, sondern z. B. nur beim Kalender, den du auf der Startseite deiner Website anzeigen lässt. Auch das kannst du mit ChurchTools umsetzen, indem du eine eigene CSS-Klasse vergibst. ### Eigene CSS-Klassen vergeben Gehe dazu zurück in die *System-Einstellungen des Kalendermoduls*, setze vor den CSS-Befehl, der die Ressourcen ausblendet, eine *eigene CSS-Klasse, z. B. `.startseite`* und speichere deine Änderung. Wichtig dabei ist, dass zwischen deiner CSS-Klasse und dem nachstehenden Befehl ein Leerzeichen steht. Der CSS-Befehl wird jetzt nur dann angewandt, wenn die entsprechende CSS-Klasse vor dem Einbetten eingetragen wird. [![Screenshot Leerzeichen zwischen CSS-Klasse und nachfolgendem Befehl](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-12.37.45.png)](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-12.37.45.png) ### CSS-Klasse eintragen Wechsle wieder ins Kalendermodul und rufe das Dialogfenster auf, um den Kalender einzubetten. Damit der CSS-Befehl für das Ausblenden der Ressourcen angewendet wird, musst du hier deine vorher vergebene CSS-Klasse unter *Darstellung > Erweiterte Einstellungen > CSS-Klasse* eintragen. Du hast für diesen eingebetteten Kalender nun eine eigene CSS-Klasse vergeben, die auch im Link zum Einbetten sichtbar ist. So kannst du individuell einstellen, welche CSS-Befehle bei welchen Kalendern auf deiner Website Anwendung finden. [![Screenshot CSS-Klasse für den einzubettenden Kalender eintragen](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-12.41.25.png)](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-12.41.25.png) ## Artikel zum Weiterlesen - [Wie bette ich Kalender in einer Webseite ein?](https://staging.churchtools.academy/de/help/churchtools-module/kalender-einbetten/wie-bette-ich-kalender-in-einer-webseite-ein/) - [Wie können eingebettete Kalender mit CSS angepasst werden?](https://staging.churchtools.academy/de/help/churchtools-module/kalender-einbetten/wie-konnen-eingebettete-kalender-mit-css-angepasst-werden/) - [Kalender einbetten: CSS Klassen](https://staging.churchtools.academy/de/help/churchtools-module/kalender-einbetten/kalender-einbetten-css-klassen/)