<div class="iconbox">
  <div class="iconbox__item iconbox__item--stip-blue">
    <div class="iconbox__icon"><svg class="icon icon--hat" viewBox="0 0 200 200">
        <use xlink:href="#icon-hat"></use>
      </svg></div>
    <div class="iconbox__text"><span class="f-w-bold">Zielgruppe</span> <br /> Studierende</div>
  </div>
  <div class="iconbox__item iconbox__item--stip-orange">
    <div class="iconbox__icon"><svg class="icon icon--calendar" viewBox="0 0 200 200">
        <use xlink:href="#icon-calendar"></use>
      </svg></div>
    <div class="iconbox__text"><span class="f-w-bold">Dauer</span> <br /> 3 - 11 Monate</div>
  </div>
  <div class="iconbox__item iconbox__item--stip-red">
    <div class="iconbox__icon"><svg class="icon icon--coins" viewBox="0 0 200 200">
        <use xlink:href="#icon-coins"></use>
      </svg></div>
    <div class="iconbox__text"><span class="f-w-bold">Stipendienhöhe</span> <br /> 600 - 1.400 € pro Monat</div>
  </div>
</div>

{
  "items": [
    {
      "color": "stip-blue",
      "icon": "hat",
      "text": "#[span.f-w-bold Zielgruppe] #[br] Studierende\n"
    },
    {
      "color": "stip-orange",
      "icon": "calendar",
      "text": "#[span.f-w-bold Dauer] #[br] 3 - 11 Monate\n"
    },
    {
      "color": "stip-red",
      "icon": "coins",
      "text": "#[span.f-w-bold Stipendienhöhe] #[br] 600 - 1.400 € pro Monat\n"
    }
  ]
}