<nav class="language-nav">
  <ul class="language-nav__ul">
    <li class="language-nav__li"><a class="language-nav__li__a" href="#"><svg class="icon icon--dropdown" viewBox="0 0 200 200">
          <use xlink:href="#icon-dropdown"></use>
        </svg><img class="language-nav__li__a__flag" src="/images/stip/flag-de.png" alt="DE" /><span class="language-nav__li__a__text">DE</span></a></li>
    <li class="language-nav__li"><a class="language-nav__li__a" href="#"><img class="language-nav__li__a__flag" src="/images/stip/flag-en.png" alt="EN" /><span class="language-nav__li__a__text">EN</span></a></li>
  </ul>
</nav>

{
  "items": [
    {
      "text": "DE",
      "flag": "/images/stip/flag-de.png",
      "href": "#",
      "first": true
    },
    {
      "text": "EN",
      "flag": "/images/stip/flag-en.png",
      "href": "#"
    }
  ]
}