Konfiguration

Basiskonfiguration

---

Grundlayout

Feldtyp: Auswahlfeld

Verfügbare Werte: • full-width • full-width-boxed • boxed

Beispiel Wert: full-width-boxed

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-container-layout

Wähle den Größenmodus des Containers aus.

---

Abgerundete Ecken

Feldtyp: Nummernfeld

Beispiel Wert: 2

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-border-radius

Hintergrundbild

---

Hintergrundbild

Feldtyp: Medienauswahl

Beispiel Wert: ``

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-background-image

---

Hintergrundbild anzeigen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: anzeigen

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-background-image-show

---

Abmessungen

Feldtyp: Auswahlfeld

Verfügbare Werte: • Ursprüngliche Abmessungen (auto) • Hintergrund vollständig abdecken (cover) • Hintergrund vollständig abdecken (contain)

Beispiel Wert: Ursprüngliche Abmessungen (auto)

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-background-image-size

auto Das auto Schlüsselwort skaliert das Hintergrundbild so in die entsprechende Richtung, dass das ursprüngliche Seitenverhältnis beibehalten wird.

cover Die Größe des Bildes wird so angepasst, dass das Seitenverhältnis beibehalten wird und der gesamte Inhaltsrahmen des Elements ausgefüllt wird.

contain Das Bild wird so skaliert, dass sein Seitenverhältnis beibehalten wird und es in den Inhaltsrahmen des Elements passt.

---

Position

Feldtyp: Auswahlfeld

Verfügbare Werte: • Links, Oben • Links, Mitte • Links, Unten • Rechts, Oben • Rechts, Mitte • Rechts, Unten • Mitte, Oben • Mitte, Mitte • Mitte, Unten

Beispiel Wert: Links, Oben

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-background-image-position

---

Wiederholung

Feldtyp: Auswahlfeld

Verfügbare Werte: • Keine Wiederholung (no-repeat) • Horizontal und vertikal (repeat) • Horizontal (repeat-x) • Vertikal (repeat-y)

Beispiel Wert: Horizontal und vertikal (repeat)

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-background-image-repeat

---

Fixierung

Feldtyp: Auswahlfeld

Verfügbare Werte: • Hintergrundbild scrollt mit der Seite (scroll) • Hintergrundbild bleibt fixier (fixed)

Beispiel Wert: Hintergrundbild bleibt fixier (fixed)

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-background-image-attachment

Scroll: Das Hintergrundbild scrollt zusammen mit Text und Bildern.

Fixed: Fixiert das Hintergrundbild an einer festen Position im Browserfenster und erweckt beim Scrollen den Anschein, die folgenden Inhalte würden über das Hintergrundbild geschoben.

Container

---

Maximale Breite

Feldtyp: Nummernfeld

Beispiel Wert: 1400

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container"

Technischer Name: twt-container-max-width

---

Innenabstand links/rechts @Phone (<576px)

Feldtyp: Nummernfeld

Beispiel Wert: 7

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container"

Technischer Name: twt-container-padding-left-right

Container (Grundlayout "boxed")

---

Außenabstand oben/unten

Feldtyp: Nummernfeld

Beispiel Wert: 30

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Grundlayout "boxed")"

Technischer Name: twt-container-layout-margin-top-bottom

Nur bis "Container" > "Maximale Breite" erreicht.

---

Schlagschatten

Feldtyp: Textfeld

Beispiel Wert: 0 0 30px

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Grundlayout "boxed")"

Technischer Name: twt-container-layout-box-shadow

---

Schattenfarbe

Feldtyp: Farbauswahl

Beispiel Wert: rgba(0, 0, 0, 0.3)

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Grundlayout "boxed")"

Technischer Name: twt-container-layout-box-shadow-color

Container (Nicht CMS-Seiten)

---

Außenabstand oben

Feldtyp: Nummernfeld

Beispiel Wert: 20

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)"

Technischer Name: twt-container-main-margin-top

---

Außenabstand unten

Feldtyp: Nummernfeld

Beispiel Wert: 20

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)"

Technischer Name: twt-container-main-margin-bottom

---

Innenabstand @Phone (<576px)

Feldtyp: Nummernfeld

Beispiel Wert: 8

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)"

Technischer Name: twt-container-main-padding-phone-xs

---

Innenabstand @Phone (Querformat) (≥576px)

Feldtyp: Nummernfeld

Beispiel Wert: 15

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)"

Technischer Name: twt-container-main-padding-phone

---

Innenabstand @Tablet (≥768px)

Feldtyp: Nummernfeld

Beispiel Wert: 20

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)"

Technischer Name: twt-container-main-padding-tablet

---

Innenabstand @Desktop (≥1200px)

Feldtyp: Nummernfeld

Beispiel Wert: 30

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)"

Technischer Name: twt-container-main-padding

---

Rahmenfarbe

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)"

Technischer Name: twt-container-main-border-color

---

Hintergrundfarbe

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)"

Technischer Name: twt-container-main-background-color