<!-- Breadcrumb -->
<nav class="breadcrumb js-breadcrumb" aria-label="Aktuelle Position">
  <button class="breadcrumb__toggle" type="button" aria-controls="breadcrumb-items"><span class="breadcrumb__label">Navigationspfad anzeigen<span class="breadcrumb__label-symbol" aria-hidden="true">+</span></span>
  </button>
  <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"><span class="breadcrumb__label" itemprop="name">Start</span></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">Universität</span></a>
      <meta itemprop="position" content="2" />
    </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">Fakultäten</span></a>
      <meta itemprop="position" content="3" />
    </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">Erziehungswissenschaften</span></a>
      <meta itemprop="position" content="4" />
    </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">Institut für Pädagogik</span></a>
      <meta itemprop="position" content="5" />
    </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">Arbeitsbereiche</span></a>
      <meta itemprop="position" content="6" />
    </li>
    <li class="breadcrumb__list-item" itemprop="itemListElement" itemscope="itemscope" itemtype="http://schema.org/ListItem">
      <a class="breadcrumb__item" aria-current="page" href="#" itemtype="http://schema.org/Thing" itemprop="item" itemscope="itemscope"><span class="breadcrumb__label" itemprop="name">Soziokulturelle Bedingungen von Erziehung und Bildung</span></a>
      <meta itemprop="position" content="7" />
    </li>
  </ol>
</nav>

{
  "label": "Aktuelle Position",
  "items": [
    {
      "label": "Start",
      "link": "#"
    },
    {
      "label": "Universität",
      "link": "#"
    },
    {
      "label": "Fakultäten",
      "link": "#"
    },
    {
      "label": "Erziehungswissenschaften",
      "link": "#"
    },
    {
      "label": "Institut für Pädagogik",
      "link": "#"
    },
    {
      "label": "Arbeitsbereiche",
      "link": "#"
    },
    {
      "label": "Soziokulturelle Bedingungen von Erziehung und Bildung",
      "link": "#"
    }
  ]
}