<div class="pagination" aria-label="Seitennavigation">
  <div class="pagination__inner">
    <div class="pagination__prev"><a class="icon-button icon-button--secondary" href="#" rel="prev"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-a1ac-title">
          <title id="icon-a1ac-title">List</title>
          <use xlink:href="#icon-arrow-left"></use>
        </svg></a></div>
    <ul class="pagination__list">
      <li class="pagination__item"><a class="pagination__link" href="#"><span class="u-hidden-visually">Seite:</span>1</a></li>
      <li class="pagination__item"><a class="pagination__link" href="#"><span class="u-hidden-visually">Seite:</span>2</a></li>
      <li class="pagination__item pagination__item--current"><a class="pagination__link pagination__link--current" href="#" aria-current="page"><span class="u-hidden-visually">Seite:</span>3</a></li>
      <li class="pagination__item"><a class="pagination__link" href="#"><span class="u-hidden-visually">Seite:</span>4</a></li>
      <li class="pagination__item"><a class="pagination__link" href="#"><span class="u-hidden-visually">Seite:</span>5</a></li>
    </ul>
    <div class="pagination__next"><a class="icon-button icon-button--secondary" href="#" rel="next"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-9526-title">
          <title id="icon-9526-title">List</title>
          <use xlink:href="#icon-arrow-right"></use>
        </svg></a></div>
  </div>
</div>

{
  "pages": {
    "current": 3,
    "total": 5
  }
}