/* Schrift und Zeilenabstände stammen aus den Lieferzeitklassen des Templates. */
.stock_indicator_lights {
  display: inline-flex;
  align-items: center;
  gap: 0.2em;
  vertical-align: middle;
  line-height: 1;
}

/* Alle Kreise sind grau, nur der aktive Zustand erhält seine Farbe. */
.stock_indicator_lights .fa-circle {
  color: #dddddd;
}

.stock_indicator_lights .stock_indicator_green {
  color: #00e100;
}

.stock_indicator_lights .stock_indicator_yellow {
  color: #ffdd78;
}

.stock_indicator_lights .stock_indicator_red {
  color: #c62828;
}

/* Die verwendete Iconschrift enthält das Lagersymbol, die gekürzte Iconliste nicht. */
.stock_indicator .fa-warehouse::before {
  content: "\f494";
}