<!-- Standard -->
<div class="kicker"><span class="kicker__text">Das ist eine Spitzmarke</span></div>

{
  "text": "Das ist eine Spitzmarke"
}

<!-- Mit Datum -->
<div class="kicker kicker--theologie"><span class="kicker__text">Theologie</span><span class="kicker__annotation">01. Apr 2018</span></div>

{
  "text": "Theologie",
  "annotation": "01. Apr 2018",
  "color": "theologie"
}

<!-- Mit Datum und Tag -->
<div class="kicker kicker--jurawiwi kicker--badge">
  <div class="kicker__badge">
    <a class="tag tag--u-theologie" href="#">TOP</a>
  </div><span class="kicker__text">jurawiwi</span><span class="kicker__annotation">01. Apr 2018</span></div>

{
  "text": "jurawiwi",
  "annotation": "01. Apr 2018",
  "color": "jurawiwi",
  "badge": {
    "link": "#",
    "unit": "theologie",
    "text": "TOP"
  }
}

<!-- Mit Datum -->
<div class="kicker kicker--jurawiwi"><span class="kicker__text">jurawiwi</span><span class="kicker__annotation">01. Apr 2018</span></div>

{
  "text": "jurawiwi",
  "annotation": "01. Apr 2018",
  "color": "jurawiwi"
}

<!-- Mit Datum -->
<div class="kicker kicker--medfak"><span class="kicker__text">medfak</span><span class="kicker__annotation">01. Apr 2018</span></div>

{
  "text": "medfak",
  "annotation": "01. Apr 2018",
  "color": "medfak"
}

<!-- Mit Datum -->
<div class="kicker kicker--philfak1"><span class="kicker__text">philfak1</span><span class="kicker__annotation">01. Apr 2018</span></div>

{
  "text": "philfak1",
  "annotation": "01. Apr 2018",
  "color": "philfak1"
}

<!-- Mit Datum -->
<div class="kicker kicker--philfak2"><span class="kicker__text">philfak2</span><span class="kicker__annotation">01. Apr 2018</span></div>

{
  "text": "philfak2",
  "annotation": "01. Apr 2018",
  "color": "philfak2"
}

<!-- Mit Datum -->
<div class="kicker kicker--philfak3"><span class="kicker__text">philfak3</span><span class="kicker__annotation">01. Apr 2018</span></div>

{
  "text": "philfak3",
  "annotation": "01. Apr 2018",
  "color": "philfak3"
}

<!-- Mit Datum -->
<div class="kicker kicker--natfak1"><span class="kicker__text">natfak1</span><span class="kicker__annotation">01. Apr 2018</span></div>

{
  "text": "natfak1",
  "annotation": "01. Apr 2018",
  "color": "natfak1"
}

<!-- Mit Datum -->
<div class="kicker kicker--natfak2"><span class="kicker__text">natfak2</span><span class="kicker__annotation">01. Apr 2018</span></div>

{
  "text": "natfak2",
  "annotation": "01. Apr 2018",
  "color": "natfak2"
}

<!-- Mit Datum -->
<div class="kicker kicker--natfak3"><span class="kicker__text">natfak3</span><span class="kicker__annotation">01. Apr 2018</span></div>

{
  "text": "natfak3",
  "annotation": "01. Apr 2018",
  "color": "natfak3"
}