---
title: Headline H1
url: "https://www.toujou.de/service/elementbibliothek/text-elements/headline-element/headline-h1/"
date: 2019-01-11
modified: 2026-01-16
---

# Headline H1

1. [Home](https://www.toujou.de/)
2. [Service](https://www.toujou.de/service/)
3. [Elementbibliothek](https://www.toujou.de/service/elementbibliothek/)
4. [Text Elements](https://www.toujou.de/service/elementbibliothek/text-elements/)
5. [Headline Element](https://www.toujou.de/service/elementbibliothek/text-elements/headline-element/)
6. [Headline H1](https://www.toujou.de/service/elementbibliothek/text-elements/headline-element/headline-h1/)

   Headline H1
===========

Ihre Überschrift in der Standarddarstellung H1.

Item-ID: 08-001

 [Beispielansicht](#c1003857) [Anleitung](#c1003853) [Verhalten](#c1003850)

---

  Beispielansicht
-----------------

  Left aligned H1 Headline
==========================

  Centered H1 Headline
======================

  Right aligned H1 Headline
===========================

---

  Anleitung
-----------

     [ ![](https://www.toujou.de/_assets/processed/yhRODeSpnwfFaECeCMSciPrhoKffCU-JgQ_Gnq8h1zE/q:85/c:1628:915.74999999999:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzA4LTAxX0hlYWRsaW5lLXdhZWhsZW5fMDFfN2U2M2VkNzU3NQ:t/cb:349f830624636fdaa6e8f191a2a1a696f690aacf/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA4X0hlYWRsaW5lLzA4LTAxX0hlYWRsaW5lLXdhZWhsZW5fMDEucG5n) ](https://www.toujou.de/fileadmin/toujou/element_library/08_Headline/08-01_Headline-waehlen_01.png) ### Headline anlegen

- Klicken Sie auf den Button **+ Inhalt***,* um das Headline-Element zu erstellen.
- Im Reiter *Headline Element* wählen Sie **Headline**.
- Alternativ suchen Sie in der Filtermaske nach dem gewüschten Element.

    [ ![](https://www.toujou.de/_assets/processed/_6BwuJ7S0cH67EVfevbWo2nsPhWLMElYFWqHjqA3YGA/q:85/c:1628:915.74999999999:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzA4LTAyX1VlYmVyc2NocmlmdF9laW5mdWVnZW5fZjllNjViOTZiNA:t/cb:2db9a04f6f47ade8dd71fe10c69a6afb8f590032/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA4X0hlYWRsaW5lLzA4LTAyX1VlYmVyc2NocmlmdF9laW5mdWVnZW4ucG5n) ](https://www.toujou.de/fileadmin/toujou/element_library/08_Headline/08-02_Ueberschrift_einfuegen.png) ### Überschrift einfügen

- Fügen Sie Ihren Überschriftentext in die entsprechende Maske ein.

    [ ![](https://www.toujou.de/_assets/processed/EC5X7pUcjNGfqJcmrMflLR_ifLGt6VQf_htoxnnqO8A/q:85/c:1628:915.74999999999:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzA4LTAzX1RhZ19Hcm9lc3NlLXdhZWhsZW5fMTc5MTJmNDcxNg:t/cb:ae9deb130fbe1afdb47bbf5d744f6368e5d4f28f/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA4X0hlYWRsaW5lLzA4LTAzX1RhZ19Hcm9lc3NlLXdhZWhsZW4ucG5n) ](https://www.toujou.de/fileadmin/toujou/element_library/08_Headline/08-03_Tag_Groesse-waehlen.png) ### Tag & Größe bestimmen

- Wählen Sie im Dropdown-Menü **Headline Tag** die Auszeichnung *H1*.
- Variieren Sie unter **Headline Size** ggf. die Größe, wenn diese vom toujou-Standard abweichen soll.

    [ ![](https://www.toujou.de/_assets/processed/Fx-CC564s2I9HRSOikXfNVWWEUlaIbs6wIHRGY8yVCE/q:85/c:1628:915.74999999999:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzA4LTA0X0F1c3JpY2h0dW5nX0ZhcmJlXzJlZWJiODkyMzM:t/cb:ed7e64b1f90cd2384480b1fadeb61fed9c272e43/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA4X0hlYWRsaW5lLzA4LTA0X0F1c3JpY2h0dW5nX0ZhcmJlLnBuZw) ](https://www.toujou.de/fileadmin/toujou/element_library/08_Headline/08-04_Ausrichtung_Farbe.png) ### Ausrichtung & Farbe festlegen

- Wählen Sie im Dropdown-Menü **Ausrichtung** die gewünschte Position. Der Standard ist die linksbündige Ausrichtung.
- Wählen Sie im Menü **Header Font Color** zwischen den alternativen Farbvergaben.

   ### Anmerkungen:

Die Auszeichnungen *H1 bis H5* in Verbindung mit der Size-Auswahl *Default (100%)* bilden stets die in toujou voreingestellte **Headline-Größe** ab. Um diese zu variieren gelten folgende Orientierungsgrößen: H1 = alpha (312,5%); H2 = beta (250%); H3 = gamma (200%); H4 = delta (162,5%); H5 = epsilon (137,5%); Schriftgröße normal = omega (87,5%).

Standardmäßig verwenden die Überschriften der Größen H1, H4 und H5 die voreingestellte **Schriftfarbe** (Font Color), H2 die **Primärfarbe** (Primary Color) und H3 die **Sekundärfarbe** (Secondary Color).

---

  Verhalten
-----------

 **Die *Headline H1* gibt die von Ihnen eingefügte Überschrift in der Standardgröße H1 wieder.**

**Responsive**: Wie bei Textfeldern auch, bleibt die Ausrichtung der Überschrift unabhängig vom Endgerät stets erhalten. Bei kleiner werdenden Endgeräten brechen Überschriften je nach Länge mehrzeilig um.

**Besonderheiten**: Je nach Auszeichnung, Größen- und Farbauswahl sind zahlreiche individuelle Kombinationen und Abweichungen von den toujou-Standardeinstellungen möglich.

---

 Verknüpfte Themen
-----------------

Erläuterungen aus dem [toujou](https://www.toujou.de/service/toujou-setup/)- & [TYPO3-Setup](https://www.toujou.de/tutorials/), die mit dieser Elementanleitung in Verbindung stehen.

 [Color Settings](https://www.toujou.de/service/toujou-setup/farben-festlegen/) [Textbearbeitung](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/)