<!-- Überschrift 1 -->
<h1 class="headline headline--1">Das ist eine Überschrift in Classico</h1>

{
  "level": 1,
  "text": "Das ist eine Überschrift in Classico",
  "size": 1
}

<!-- Überschrift 2 -->
<h2 class="headline headline--2">Das ist eine Überschrift in Classico</h2>

{
  "level": 2,
  "text": "Das ist eine Überschrift in Classico",
  "size": 2
}

<!-- Überschrift 3 -->
<h3 class="headline headline--3">Das ist eine Überschrift in Classico</h3>

{
  "level": 3,
  "text": "Das ist eine Überschrift in Classico",
  "size": 3
}

<!-- Überschrift 4 -->
<h4 class="headline headline--4">Das ist eine Überschrift in Classico</h4>

{
  "level": 4,
  "text": "Das ist eine Überschrift in Classico",
  "size": 4
}

<!-- Überschrift 5 -->
<h5 class="headline headline--5">Das ist eine Überschrift in Classico</h5>

{
  "level": 5,
  "text": "Das ist eine Überschrift in Classico",
  "size": 5
}

<!-- Überschrift 6 -->
<h6 class="headline headline--6">Das ist eine Überschrift in Roboto</h6>

{
  "level": 6,
  "text": "Das ist eine Überschrift in Roboto",
  "size": 6
}

<!-- Überschrift 7 -->
<div class="headline headline--7">Das ist eine Überschrift in Roboto</div>

{
  "level": 1,
  "text": "Das ist eine Überschrift in Roboto",
  "size": 7,
  "tag": "div"
}

<!-- Überschrift klein -->
<h2 class="headline headline--small">Das ist eine Überschrift in Classico</h2>

{
  "level": 2,
  "text": "Das ist eine Überschrift in Classico",
  "size": "small"
}

<!-- Überschrift mit Dachzeile -->
<h1 class="headline headline--3"><span class="headline__kicker-line"><span class="headline__kicker">Das ist die Dachzeile<span class="u-hidden-visually">: </span></span>
  </span>Das ist eine Überschrift in Classico</h1>

{
  "level": 1,
  "text": "Das ist eine Überschrift in Classico",
  "kicker": "Das ist die Dachzeile",
  "size": 3
}

<!-- Überschrift mit farbiger Dachzeile -->
<h1 class="headline headline--3 headline--u-jurawiwi"><span class="headline__kicker-line"><span class="headline__kicker">Dachzeile in Farbe (Juristische und Wirtschaftswissenschaftliche Fakultät)<span class="u-hidden-visually">: </span></span>
  </span>Das ist eine Überschrift in Classico</h1>

{
  "level": 1,
  "text": "Das ist eine Überschrift in Classico",
  "unit": "jurawiwi",
  "kicker": "Dachzeile in Farbe (Juristische und Wirtschaftswissenschaftliche Fakultät)",
  "size": 3
}

<!-- Artikel Überschrift mit Dachzeile -->
<h1 class="headline headline--2"><span class="headline__kicker-line"><span class="headline__kicker">Dachzeile<span class="u-hidden-visually">: </span></span>
  </span>Das ist eine Überschrift in Classico</h1>

{
  "level": 1,
  "text": "Das ist eine Überschrift in Classico",
  "kicker": "Dachzeile",
  "size": 2
}