/* ---------------------------------------------------------------
 * Icons
 *
 * Die Seite benutzt kein Icon-Framework mehr. Alle Symbole stecken
 * in assets/icons/sprite.svg (Subset aus Bootstrap Icons) und
 * werden per <svg class="icon"><use href="...#name"></use></svg>
 * eingebunden.
 *
 * Ein Icon erbt Farbe (fill: currentColor) und Groesse (1em) vom
 * umgebenden Text. Groessere Icons: icon-lg / icon-2x / icon-5x.
 * --------------------------------------------------------------- */

.icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: -0.125em;
}

.icon-lg { font-size: 1.3333em; vertical-align: -0.225em; }
.icon-2x { font-size: 2em; }
.icon-5x { font-size: 5em; }

/* Drehung um 90 Grad im Uhrzeigersinn (z. B. die Schere). */
.icon-rotate-90 { transform: rotate(90deg); }

/* ---------------------------------------------------------------
 * Liste mit Icon statt Aufzaehlungszeichen (Footer).
 * Ersetzt die frueheren fa-ul / fa-li aus Font Awesome.
 * --------------------------------------------------------------- */

.icon-ul {
  margin-left: 2.5em;
  padding-left: 0;
  list-style-type: none;
}

.icon-ul > li {
  position: relative;
}

.icon-li {
  position: absolute;
  left: -2em;
  width: 2em;
  line-height: inherit;
  text-align: center;
}