Spinner

Für Ladevorgänge kann der Spinner verwendet werden.

    <svg class="spinner-land" viewBox="0 0 50 50" aria-hidden="true">
        <circle class="stroke"></circle>
    </svg>

Spinnercontainer mit Text

<div class="spinner-container">
    <svg class="spinner-land" viewBox="0 0 50 50" aria-hidden="true">
        <circle class="stroke"></circle>
    </svg>
    <p class="text--spinner">
        Der Inhalt wird geladen
    </p>
</div>