<div class="sort">
  <div class="sort__dropdown">
    <div class="sort__text">Sortierung nach:
      <span class="sort__active">Relevanz</span></div><button class="sort__button" type="button" aria-expanded="false" aria-controls="sort-500c-content"><svg class="icon icon--dropdown sort__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-bd3b-title">
        <title id="icon-bd3b-title">Sortierung auswählen</title>
        <use xlink:href="#icon-dropdown"></use>
      </svg></button>
  </div>
  <ul class="sort__list" id="sort-500c-content">
    <li class="sort__item sort__item--active" aria-current="page">Relevanz<span class="sort__item-label u-hidden-visually">&nbsp;(Ausgewählter Filter)</span></li>
    <li class="sort__item"><a class="sort__link" href="#">Alphabetisch (aufsteigend)</a></li>
    <li class="sort__item"><a class="sort__link" href="#">Alphabetisch (absteigend)</a></li>
    <li class="sort__item"><a class="sort__link" href="#">Filterkriteriumslängengegenstand</a></li>
  </ul>
</div>

{
  "items": [
    {
      "text": "Relevanz",
      "active": true
    },
    {
      "text": "Alphabetisch (aufsteigend)",
      "link": "#"
    },
    {
      "text": "Alphabetisch (absteigend)",
      "link": "#"
    },
    {
      "text": "Filterkriteriumslängengegenstand",
      "link": "#"
    }
  ]
}