Konfiguration

---

CMS-Seiten-ID als Body-Klasse hinzufügen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja (32 Zeichen) • ja (7 Zeichen)

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen"

Technischer Name: twt-body-class-cms-page-id

Fügt eine CSS-Klasse mit der ID der aktuellen CMS-Seite dem Body hinzu. Die 'einzigartige' ID besteht aus 32 Zeichen.

Alternativ kann die ID auf 7 Zeichen gekürzte ausgegeben werden. Die kürzere ID ist in CSS einfacher zu handhaben, aber auch etwas weniger 'einzigartige'.

Zusätzliche CSS-Klassen

---

CSS-Abstandsklassen laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja (Bootstrap 4) • ja (Bootstrap 5)

Beispiel Wert: ja (Bootstrap 5)

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-spacing-classes

Fügt CSS-Abstandsklassen für die manuelle Nutzung in Erlebniswelten hinzu.

Beispiele: twt-mt-n2 = margin-top: -20px

twt-p-4 = padding: 40px

Bootstrap 4: ml = margin-left

Bootstrap 5: ms = margin-left

---

Erweiterte CSS-Abstandsklassen laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-spacing-classes-more

Fügt Viewport abhängige CSS-Abstandsklassen für die manuelle Nutzung in Erlebniswelten hinzu.

Beispiele: twt-mt-md-n2 = margin-top: -20px (≥768px)

twt-p-lg-4 = padding: 40px (≥992px)

---

CSS-Klassen für Bild-Dekorationen laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-image-decoration-classes

Fügt CSS-Klassen für Bild-Dekorationen zur manuellen Nutzung in Erlebniswelten hinzu.

Auf einen CMS-Block anwenden um dessen Bilder zu modifizieren.

Beispiel: twt-cms-image-border-solid

---

CSS-Klassen für Schlagschatten laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-box-shadow-classes

Fügt CSS-Klassen für Schlagschatten zur manuellen Nutzung in Erlebniswelten hinzu.

Auf einen CMS-Block anwenden um diesen zu modifizieren.

Beispiel: twt-cms-box-shadow-level-1

---

CSS-Klassen für Bild-Hover-Effekte laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-image-hover-classes

Fügt CSS-Klassen für Bild-Hover-Effekte zur manuellen Nutzung in Erlebniswelten hinzu.

Auf einen CMS-Block anwenden um dessen Bilder zu modifizieren.

Beispiel: twt-cms-image-hover-opacity

---

CSS-Klassen für Animationen laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-cms-animations-more

Fügt CSS-Klassen für Animationen und die manuelle Nutzung in Erlebniswelten hinzu.

---

CSS-Klassen für Spaltenabstände laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-column-padding-classes

Fügt CSS-Klassen für Spaltenabstände (padding-left/-right, margin-bottom) zur manuellen Nutzung in Erlebniswelten hinzu.

Auf einen CMS-Block anwenden um seine Spalten zu modifizieren.

Beispiel: twt-cms-col-padding-5 twt-cms-col-margin-10

---

CSS-Klassen für Überschriften laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-headline-classes

Fügt CSS-Klassen für Überschriften zur manuellen Nutzung in Erlebniswelten hinzu.

Auf einen CMS-Block anwenden um seine Überschriften zu modifizieren.

Beispiel: twt-cms-headline-bath

---

CSS "max-width"-Klassen (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-css-max-width-classes

Fügt CSS "max-width"-Klassen zur manuellen Nutzung in Erlebniswelten hinzu.

Auf einen CMS-Block anwenden um seine Überschriften zu modifizieren.

Beispiel: twt-mw-900

Zusätzliche CSS-Klassen für CMS-Blöcke

---

CSS für "Spalten" CMS-Blöcke laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen für CMS-Blöcke"

Technischer Name: twt-cms-block-cloumns-classes

Fügt CSS-Code für ThemeWare® "Spalten" CMS-Blöcke in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du die "Spalten" CMS-Blöcke nicht verwendest.

---

CSS für "Grids" CMS-Blöcke laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen für CMS-Blöcke"

Technischer Name: twt-cms-block-grid-classes

Fügt CSS-Code für ThemeWare® "Grids" CMS-Blöcke in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du die "Grid" CMS-Blöcke nicht verwendest.

Zusätzliche CSS-Code für CMS-Elemente

---

CSS für den "Hero-Slider" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-hero-slider-css

Fügt CSS-Code für den ThemeWare® "Hero-Slider" in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du den "Hero-Slider" nicht verwendest.

---

CSS für den "Text-Teaser" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-text-teaser-css

Fügt CSS-Code für den ThemeWare® "Text-Teaser" in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du den "Text-Teaser" nicht verwendest.

---

CSS für den "Text-Teaser (verziert)" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-text-teaser-decorated-css

Fügt CSS-Code für den ThemeWare® "Text-Teaser (verziert)" in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du den "Text-Teaser (verziert)" nicht verwendest.

---

CSS für den "Button-Teaser" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-button-teaser-css

Fügt CSS-Code für den ThemeWare® "Button-Teaser" in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du den "Button-Teaser" nicht verwendest.

---

CSS für den "Call-to-Action" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-call-to-action-css

Fügt CSS-Code für den ThemeWare® "Call-to-Action" in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du den "Call-to-Action" nicht verwendest.

---

CSS für den "Hover-Box" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-hover-box-css

Fügt CSS-Code für den ThemeWare® "Hover-Box" in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du die "Hover-Box" nicht verwendest.

---

CSS für den "Image-Teaser" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-image-teaser-css

Fügt CSS-Code für den ThemeWare® "Image-Teaser" in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du den "Image-Teaser" nicht verwendest.

---

CSS für den "Classic-Teaser" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-classic-teaser-css

Fügt CSS-Code für den ThemeWare® "Classic-Teaser" in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du den "Classic-Teaser" nicht verwendest.

---

CSS für den "Modern-Teaser" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-modern-teaser-css

Fügt CSS-Code für den ThemeWare® "Modern-Teaser" in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du den "Modern-Teaser" nicht verwendest.

---

CSS für den "Runder Teaser" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-round-teaser-css

Fügt CSS-Code für den ThemeWare® "Runder Teaser" in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du den "Runder Teaser" nicht verwendest.

---

CSS für den "Image-Banner" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-image-banner-css

Fügt CSS-Code für den ThemeWare® "Image-Banner" in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du den "Image-Banner" nicht verwendest.

---

CSS für den "Parallax-Banner" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-parallax-banner-css

Fügt CSS-Code für den ThemeWare® "Parallax-Banner" in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du den "Parallax-Banner" nicht verwendest.

---

CSS für den "Hero-Banner" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-hero-banner-css

Fügt CSS-Code für den ThemeWare® "Hero-Banner" in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du den "Hero-Banner" nicht verwendest.

---

CSS für den "Bild & Text überlagernd" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-image-text-layered-css

Fügt CSS-Code für den ThemeWare® "Bild & Text überlagernd"-Element in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du den "Bild & Text überlagernd"-Element nicht verwendest.

---

CSS für den "Unterkategorien im Listing" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-listing-subcategories-css

Fügt CSS-Code für die ThemeWare® "Unterkategorien im Listing" in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du die "Unterkategorien im Listing" nicht verwendest.

---

CSS für den "Countdown-Banner" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-countdown-banner-css

Fügt CSS-Code für den ThemeWare® "Countdown-Banner" in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du den "Countdown-Banner" nicht verwendest.

---

CSS für den "Discount-Banner" laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-discount-banner-css

Fügt CSS-Code für den ThemeWare® "Discount-Banner" in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn du den "Discount-Banner" nicht verwendest.

---

CSS für die "Testimonial"-Elemente laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente"

Technischer Name: twt-cms-testimonials-css

Fügt CSS-Code für den ThemeWare® "Testimonial"-Elemente in deinen Erlebniswelten hinzu.

Du kannst diese Konfiguration deaktivieren, wenn diese Elemente nicht verwendest.

jQuery

---

jQuery laden

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "jQuery"

Technischer Name: twt-jquery-load

Hinweis: Wird für die "Sticky Top-Navigation" bzw. den "Erlebniswelt-Header" benötigt.