.icon-list {
  padding-left: 0;
  list-style: none;
}
.icon-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: .25rem;
}
.icon-list li::before {
  display: block;
  flex-shrink: 0;
  width: 1.5em;
  height: 1.5em;
  margin-right: .5rem;
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") no-repeat center center / 100% auto;
}

a {
    color: #212529;
    text-decoration: none;
}

a:hover {
	color: black;
}

@media only screen and (max-width: 600px) {
  footer a {
    font-size: 12px;
  }
}

.connection-error {
  background-image: url('../img/brh-verbindung-not-light.png');
  width: 36px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
}

.connection-userstation {
  background-image: url('../img/brh-verbindung-light-userstation.png');
  width: 36px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
}

.connection-userap {
  background-image: url('../img/brh-verbindung-light-userap.png');
  width: 36px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
}

.connection-serviceap {
  background-image: url('../img/brh-verbindung-light-serviceap.png');
  width: 36px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
}

.status-oeko {
  background-image: url('../img/brh-oeko-dark.png');
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
}

.status-splus {
  background-image: url('../img/brh-splus-dark.png');
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
}

.status-throttle {
  background-image: url('../img/brh-drosselklappe-dark-1_4.png');
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
}