<!-- Interner Link -->
<a class="link link--internal" href="#">Interner Link</a>

{
  "internal": true,
  "link": "#",
  "text": "Interner Link"
}

<!-- Externer Link -->
<a class="link link--external" href="http://theoldpurple.com/" rel="noopener noreferrer" target="_blank">Externer Link</a>

{
  "external": true,
  "link": "http://theoldpurple.com/",
  "text": "Externer Link"
}

<!-- Zurücksetzen-Link -->
<a class="link link--small link--reset" href="#">Filter zurücksetzen</a>

{
  "reset": true,
  "small": true,
  "link": "#",
  "text": "Filter zurücksetzen"
}

<!-- Ausblenden-Link -->
<button class="link link--hide link--small" type="button">Filter ausblenden</button>

{
  "hide": true,
  "small": true,
  "text": "Filter ausblenden",
  "type": "button",
  "tag": "button"
}

<!-- Einblenden-Link -->
<button class="link link--show link--small" type="button">Filter einblenden</button>

{
  "show": true,
  "small": true,
  "text": "Filter einblenden",
  "type": "button",
  "tag": "button"
}

<!-- Download-Link -->
<a class="link link--download" href="/images/dummy-downloads/dummy.pdf" target="_blank" download="download.pdf">Download (JPG, 12KB, barrierefrei)</a>

{
  "download": "download.pdf",
  "link": "/images/dummy-downloads/dummy.pdf",
  "text": "Download (JPG, 12KB, barrierefrei)"
}

<!-- Download-Link mit Urheberrechtslizenz | Creative Commons -->
<a class="link link--download" href="/images/dummy-downloads/dummy.pdf" target="_blank" download="download.pdf">Download (JPG, 12KB, barrierefrei)</a>
<button class="cc js-cc cc__copyright">| ©</button>
<div class="cc__container" role="tooltip">
  <a class="cc__link" href="https://creativecommons.org/licenses/by-nc/3.0/de/" rel="noopener noreferrer" target="_blank">
    <figure class="figure js-figure" aria-labelledby="figure-5014-label">
      <div class="figure__media">
        <div class="image image--not-responsive">
          <img class="image__img" src="/images/commons/by-nc.svg" data-srcset="../images/commons/by-nc.svg 2x, ../images/commons/by-nc.svg 1x" width="20rem" alt="BY NC" />
        </div>
      </div>
      <figcaption class="figure__caption" id="figure-5014-label">Namensnennung, nicht kommerzielle Verwendung</figcaption>
    </figure>
  </a>
</div>

{
  "download": "download.pdf",
  "link": "/images/dummy-downloads/dummy.pdf",
  "text": "Download (JPG, 12KB, barrierefrei)",
  "cc": true
}