HTML-Prototype Schulpaket

<nav class="c-card-list-pagination">
  <ul class="c-card-list-pagination__list o-list-bare">
    <li class="c-card-list-pagination__item c-card-list-pagination__item--previous"><a class="c-card-list-pagination__link" href="#">
        <svg class="c-card-list-pagination__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
          <title>Arrow left</title>
          <use xlink:href="Images/svg/sprite.symbol.svg#arrow-long-left"></use>
        </svg><span class="u-visually-hidden--mobile-only">Vorherige Seite</span></a></li>
    <li class="c-card-list-pagination__item c-card-list-pagination__item--regular"><a class="c-card-list-pagination__link" href="#" title="Zu Seite 1 der Suchliste navigieren">1</a></li>
    <li class="c-card-list-pagination__item c-card-list-pagination__item--regular"><a class="c-card-list-pagination__link" href="#" title="Zu Seite 2 der Suchliste navigieren">2</a></li>
    <li class="c-card-list-pagination__item c-card-list-pagination__item--dots"><span class="c-card-list-pagination__dots" aria-hidden="true">…</span></li>
    <li class="c-card-list-pagination__item c-card-list-pagination__item--regular"><a class="c-card-list-pagination__link" href="#" title="Zu Seite 8 der Suchliste navigieren">8</a></li>
    <li class="c-card-list-pagination__item c-card-list-pagination__item--regular"><a class="c-card-list-pagination__link" href="#" title="Zu Seite 9 der Suchliste navigieren">9</a></li>
    <li class="c-card-list-pagination__item c-card-list-pagination__item--next"><a class="c-card-list-pagination__link" href="#"><span class="u-visually-hidden--mobile-only">Nächste Seite</span>
        <svg class="c-card-list-pagination__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
          <title>Arrow left</title>
          <use xlink:href="Images/svg/sprite.symbol.svg#arrow-long-right"></use>
        </svg></a></li>
  </ul>
</nav>