<nav class="breadcrumb" aria-label="Aktuelle Position">
  <ol class="breadcrumb__list" id="breadcrumb-items" itemscope="itemscope" itemtype="http://schema.org/BreadcrumbList">
    <li class="breadcrumb__list-item" itemprop="itemListElement" itemscope="itemscope" itemtype="http://schema.org/ListItem"><a class="breadcrumb__item" href="#" itemtype="http://schema.org/Thing" itemprop="item" itemscope="itemscope"><svg class="icon icon--home breadcrumb__icon" viewBox="0 0 200 200" itemprop="name">
          <use xlink:href="#icon-home"></use>
        </svg></a>
      <meta itemprop="position" content="1" />
    </li>
    <li class="breadcrumb__list-item" itemprop="itemListElement" itemscope="itemscope" itemtype="http://schema.org/ListItem"><a class="breadcrumb__item" href="#" itemtype="http://schema.org/Thing" itemprop="item" itemscope="itemscope"><span class="breadcrumb__label" itemprop="name">Themen &amp; Programme</span></a>
      <meta itemprop="position" content="2" />
    </li>
    <li class="breadcrumb__list-item" itemprop="itemListElement" itemscope="itemscope" itemtype="http://schema.org/ListItem"><span class="breadcrumb__item" aria-current="page" itemtype="http://schema.org/Thing" itemprop="item" itemscope="itemscope"><span class="breadcrumb__label" itemprop="name">expedition d</span></span>
      <meta itemprop="position" content="3" />
    </li>
  </ol>
</nav>

{
  "label": "Aktuelle Position",
  "items": [
    {
      "icon": {
        "icon": "home"
      },
      "href": "#"
    },
    {
      "label": "Themen & Programme",
      "href": "#"
    },
    {
      "label": "expedition d"
    }
  ]
}