<div class="meta-info">
  <dl class="meta-info__list">
    <div class="meta-info__item">
      <dt class="meta-info__label">Bereich</dt>
      <dd class="meta-info__content">Forschung</dd>
    </div>
    <div class="meta-info__item">
      <dt class="meta-info__label">Typ</dt>
      <dd class="meta-info__content">Programm</dd>
    </div>
    <div class="meta-info__item">
      <dt class="meta-info__label">Thema</dt>
      <dd class="meta-info__content">Technologie, Wissenschaft, MINT</dd>
    </div>
    <div class="meta-info__item">
      <dt class="meta-info__label">Zielgruppe</dt>
      <dd class="meta-info__content">Schülerinnen &amp; Schüler</dd>
    </div>
  </dl>
</div>

{
  "items": [
    {
      "label": "Bereich",
      "content": "Forschung"
    },
    {
      "label": "Typ",
      "content": "Programm"
    },
    {
      "label": "Thema",
      "content": "Technologie, Wissenschaft, MINT"
    },
    {
      "label": "Zielgruppe",
      "content": "Schülerinnen & Schüler"
    }
  ]
}

<div class="meta-info">
  <dl class="meta-info__list">
    <div class="meta-info__item">
      <dt class="meta-info__label">Bereich</dt>
      <dd class="meta-info__content">Forschung</dd>
    </div>
    <div class="meta-info__item">
      <dt class="meta-info__label">Typ</dt>
      <dd class="meta-info__content">Programm</dd>
    </div>
    <div class="meta-info__item">
      <dt class="meta-info__label">Thema</dt>
      <dd class="meta-info__content">Technologie, Wissenschaft, MINT</dd>
    </div>
    <div class="meta-info__item">
      <dt class="meta-info__label">Zielgruppe</dt>
      <dd class="meta-info__content">Schülerinnen &amp; Schüler</dd>
    </div>
    <div class="meta-info__item meta-info__item--badge">
      <dt class="meta-info__label">Status</dt>
      <dd class="meta-info__content">Abgeschlossen</dd>
    </div>
  </dl>
</div>

{
  "items": [
    {
      "label": "Bereich",
      "content": "Forschung"
    },
    {
      "label": "Typ",
      "content": "Programm"
    },
    {
      "label": "Thema",
      "content": "Technologie, Wissenschaft, MINT"
    },
    {
      "label": "Zielgruppe",
      "content": "Schülerinnen & Schüler"
    },
    {
      "label": "Status",
      "content": "Abgeschlossen",
      "badge": true
    }
  ]
}

<div class="meta-info meta-info--single">
  <dl class="meta-info__list">
    <div class="meta-info__item">
      <dt class="meta-info__label">Bereich</dt>
      <dd class="meta-info__content">Forschung</dd>
    </div>
    <div class="meta-info__item">
      <dt class="meta-info__label">Typ</dt>
      <dd class="meta-info__content">Programm</dd>
    </div>
    <div class="meta-info__item">
      <dt class="meta-info__label">Thema</dt>
      <dd class="meta-info__content">Technologie, Wissenschaft, MINT</dd>
    </div>
    <div class="meta-info__item">
      <dt class="meta-info__label">Zielgruppe</dt>
      <dd class="meta-info__content">Schülerinnen &amp; Schüler</dd>
    </div>
  </dl>
</div>

{
  "items": [
    {
      "label": "Bereich",
      "content": "Forschung"
    },
    {
      "label": "Typ",
      "content": "Programm"
    },
    {
      "label": "Thema",
      "content": "Technologie, Wissenschaft, MINT"
    },
    {
      "label": "Zielgruppe",
      "content": "Schülerinnen & Schüler"
    }
  ],
  "single": true
}