<!-- Breadcrumb -->
<nav class="breadcrumb" aria-label="Aktuelle Position">
  <div class="breadcrumb__inner">
    <ol class="breadcrumb__list" itemscope="itemscope" itemtype="http://schema.org/BreadcrumbList">
      <li class="breadcrumb__list-item" itemscope="itemscope" itemprop="itemListElement" itemtype="http://schema.org/ListItem"><a class="breadcrumb__item" href="#" itemscope="itemscope" itemtype="https://schema.org/WebPage" itemprop="item" itemid="#"><svg class="icon-material breadcrumb__icon breadcrumb__icon--home">
            <use xlink:href="/icons/material.svg#home"></use>
          </svg><span class="breadcrumb__label u-visually-hidden" itemprop="name">Startseite</span></a>
        <meta itemprop="position" content="1" />
      </li>
      <li class="breadcrumb__list-item" itemscope="itemscope" itemprop="itemListElement" itemtype="http://schema.org/ListItem"><a class="breadcrumb__item" href="#" itemscope="itemscope" itemtype="https://schema.org/WebPage" itemprop="item" itemid="#"><svg class="icon icon--chevron-right breadcrumb__icon" viewBox="0 0 200 200" aria-hidden="true">
            <use xlink:href="#icon-chevron-right"></use>
          </svg><span class="breadcrumb__label" itemprop="name">Ebene 1</span></a>
        <meta itemprop="position" content="2" />
      </li>
      <li class="breadcrumb__list-item" itemscope="itemscope" itemprop="itemListElement" itemtype="http://schema.org/ListItem"><a class="breadcrumb__item" href="#" itemscope="itemscope" itemtype="https://schema.org/WebPage" itemprop="item" itemid="#"><svg class="icon icon--chevron-right breadcrumb__icon" viewBox="0 0 200 200" aria-hidden="true">
            <use xlink:href="#icon-chevron-right"></use>
          </svg><span class="breadcrumb__label" itemprop="name">Ebene 2</span></a>
        <meta itemprop="position" content="3" />
      </li>
      <li class="breadcrumb__list-item" itemscope="itemscope" itemprop="itemListElement" itemtype="http://schema.org/ListItem"><span class="breadcrumb__item" aria-current="page" itemscope="itemscope" itemtype="https://schema.org/WebPage" itemprop="item" itemid="#"><svg class="icon icon--chevron-right breadcrumb__icon" viewBox="0 0 200 200" aria-hidden="true">
  <use xlink:href="#icon-chevron-right"></use>
</svg><span class="breadcrumb__label" itemprop="name">Weil Ihre Gesundheit im Mittelpunkt steht</span></span>
        <meta itemprop="position" content="4" />
      </li>
    </ol>
  </div>
</nav>

{
  "items": [
    {
      "label": "Startseite",
      "link": "#"
    },
    {
      "label": "Ebene 1",
      "link": "#"
    },
    {
      "label": "Ebene 2",
      "link": "#"
    },
    {
      "label": "Weil Ihre Gesundheit im Mittelpunkt steht",
      "link": "#"
    }
  ]
}