---
title: Überschrifte
url: 'https://www.zarvexqonil.site/styleguide/ueberschrifte/'
date: '2025-12-24'
modified: '2025-12-30'
lastUpdated: '2026-06-25'
type: website
site: 'Hotel Winzer'
---

# Überschrifte
Überschrifte
============

- Layout - Rahmen: Standard
---------------------------

H1 Heading modern
=================

H1 Heading kursiv
=================

H1 Heading modern
=================

Mit Unterüberschrift
--------------------

H1 Heading kursiv
=================

Mit Unterüberschrift
--------------------

H1 als DIV

H2 als DIV modern

H1 als DIV

H2 als DIV kursiv

H2 modern im Kombi mit kursiv
-----------------------------

Die modern + kursiv Kombination ist nur über RTE machbar…

H2 modern
---------

### mit H3 Unterüberschrift

### H3 Überschrift

### H3 Überschrift mit Ikon links

### H3 Überschrift mit Ikon zentriert

### H3 Überschrift mit Ikon rechts

#### H4 Überschrift

#### H4 Überschrift mit Ikon

#### Überschrifte im RTE

H1 standard
===========

H1 modern
=========

H1 kursiv
=========

H2 standard
-----------

H2 modern
---------

H2 kursiv
---------

### H3 standard

#### H4 standard

- Layout - Rahmen: Hintergrund Beige
------------------------------------

H1 Heading modern
=================

H1 Heading kursiv
=================

H1 Heading modern
=================

Mit Unterüberschrift
--------------------

H1 Heading kursiv
=================

Mit Unterüberschrift
--------------------

H1 als DIV

H2 als DIV modern

H1 als DIV

H2 als DIV kursiv

H2 modern im Kombi mit kursiv
-----------------------------

Die modern + kursiv Kombination ist nur über RTE machbar…

H2 modern
---------

### mit H3 Unterüberschrift

### H3 Überschrift

### H3 Überschrift mit Ikon links

### H3 Überschrift mit Ikon zentriert

### H3 Überschrift mit Ikon rechts

#### H4 Überschrift

#### H4 Überschrift mit Ikon

#### Überschrifte im RTE

H1 standard
===========

H1 modern
=========

H1 kursiv
=========

H2 standard
-----------

H2 modern
---------

H2 kursiv
---------

### H3 standard

#### H4 standard

- Layout - Rahmen: Hintergrund Orange
-------------------------------------

H1 Heading modern
=================

H1 Heading kursiv
=================

H1 Heading modern
=================

Mit Unterüberschrift
--------------------

H1 Heading kursiv
=================

Mit Unterüberschrift
--------------------

H1 als DIV

H2 als DIV modern

H1 als DIV

H2 als DIV kursiv

H2 modern im Kombi mit kursiv
-----------------------------

Die modern + kursiv Kombination ist nur über RTE machbar…

H2 modern
---------

### mit H3 Unterüberschrift

### H3 Überschrift

### H3 Überschrift mit Ikon links

### H3 Überschrift mit Ikon zentriert

### H3 Überschrift mit Ikon rechts

#### H4 Überschrift

#### H4 Überschrift mit Ikon

#### Überschrifte im RTE

H1 standard
===========

H1 modern
=========

H1 kursiv
=========

H2 standard
-----------

H2 modern
---------

H2 kursiv
---------

### H3 standard

#### H4 standard

[Styleguide](https://www.zarvexqonil.site/styleguide/)
=====================================================

- [ Quiz Test ](https://www.zarvexqonil.site/styleguide/quiz-test/ "Quiz Test")
- [ Typography ](https://www.zarvexqonil.site/styleguide/typography/ "Typography")
- [ Überschrifte ](https://www.zarvexqonil.site/styleguide/ueberschrifte/ "Überschrifte")
- [ Highlight Liste ](https://www.zarvexqonil.site/styleguide/highlight-liste/ "Highlight Liste")
- [ Icon-Box ](https://www.zarvexqonil.site/styleguide/icon-box/ "Icon-Box")
- [ Accordions & FAQs ](https://www.zarvexqonil.site/styleguide/accordions-faqs/ "Accordions & FAQs")
- [ Accordion-Tab-Switch ](https://www.zarvexqonil.site/styleguide/accordion-tab-switch/ "Accordion-Tab-Switch")
- [ Tabs ](https://www.zarvexqonil.site/styleguide/tabs/ "Tabs")
- [ Mixed Teasers ](https://www.zarvexqonil.site/styleguide/mixed-teasers/ "Mixed Teasers")
- [ Ausflugstipps ](https://www.zarvexqonil.site/styleguide/ausflugstipps/ "Ausflugstipps")
- [ Auszeichnungsslider ](https://www.zarvexqonil.site/styleguide/auszeichnungsslider/ "Auszeichnungsslider")
- [ Bild-Block ](https://www.zarvexqonil.site/styleguide/bild-block/ "Bild-Block")
- [ Bild-Slider ](https://www.zarvexqonil.site/styleguide/bild-slider/ "Bild-Slider")
- [ Teaser-Slider ](https://www.zarvexqonil.site/styleguide/teaser-slider/ "Teaser-Slider")
- [ Pauschalen Mini-Detail ](https://www.zarvexqonil.site/styleguide/pauschalen-mini-detail/ "Pauschalen Mini-Detail")
- [ Pauschalen-Slider ](https://www.zarvexqonil.site/styleguide/pauschalen-slider/ "Pauschalen-Slider")
- [ News-Slider ](https://www.zarvexqonil.site/styleguide/news-slider/ "News-Slider")
- [ Social Wall Slider ](https://www.zarvexqonil.site/styleguide/social-wall-slider/ "Social Wall Slider")
- [ Bewertungen ](https://www.zarvexqonil.site/styleguide/bewertungen/ "Bewertungen")
- [ Zitat ](https://www.zarvexqonil.site/styleguide/zitat/ "Zitat")
- [ Video ](https://www.zarvexqonil.site/styleguide/video/ "Video")
- [ Schnelle Anfrage ](https://www.zarvexqonil.site/styleguide/schnelle-anfrage/ "Schnelle Anfrage")
- [ Treatments Anfrage ](https://www.zarvexqonil.site/styleguide/treatments-anfrage/ "Treatments Anfrage")
- [ Standard Bildheader ](https://www.zarvexqonil.site/styleguide/standard-bildheader/ "Standard Bildheader")
- [ Vollbild Bildheader ](https://www.zarvexqonil.site/styleguide/vollbild-bildheader/ "Vollbild Bildheader")