Badges

<div class="badge badge-circle badge-primary">
    <i class="icon icon-primary"></i>
</div>
<div class="badge badge-circle badge-mobility">
    <i class="icon icon-mobility"></i>
</div>
<div class="badge badge-circle badge-energy">
    <i class="icon icon-energy"></i>
</div>
<div class="badge badge-circle badge-baths">
    <i class="icon icon-baths"></i>
</div>
<div class="badge badge-circle badge-internet">
    <i class="icon icon-internet"></i>
</div>
<div class="badge badge-circle badge-internet-secondary">
    <i class="icon icon-internet"></i>
</div>
<div class="badge badge-circle badge-internet-tertiary">
    <i class="icon icon-internet"></i>
</div>
<div class="badge badge-circle badge-water">
    <i class="icon icon-water"></i>
</div>

<br />
<br />

<div class="badge badge-circle badge-primary">
    <i class="icon icon-aqua-fitness"></i>
</div>
<div class="badge badge-circle badge-primary">
    <i class="icon icon-wlan"></i>
</div>
<div class="badge badge-circle badge-primary">
    <i class="icon icon-parken"></i>
</div>
<div class="badge badge-circle badge-primary">
    <i class="icon icon-sauna"></i>
</div>
<div class="badge badge-circle badge-primary">
    <i class="icon icon-service"></i>
</div>
<div class="badge badge-circle badge-primary">
    <i class="icon icon-waerme"></i>
</div>

<a href="#" class="badge-link mr-4">
    <div class="badge badge-circle badge-baths">
        <i class="icon icon-phone"></i>
    </div>
    <div class="badge-title">Anruf</div>
</a>
<a href="#" class="badge-link">
    <div class="badge badge-circle badge-internet">
        <i class="icon icon-email"></i>
    </div>
    <div class="badge-title">E-Mail</div>
</a>

<a href="#top" class="badge badge-circle badge-white">
    <i class="icon icon-arrow-up"></i>
</a>