div#hardfacts-overview {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: space-between;
}
div#hardfacts-overview > table#hardfacts-overview-data {
  margin: 0;
  padding: 0;
  width: calc(100% - 150px);
  height: 100%;
}
div#hardfacts-overview > table#hardfacts-overview-data .hardfacts-overview-data-dot {
  margin: 0 0 0 20px;
  padding: 0;
  width: 25px;
  height: 25px;
  display: inline-block;
  border-radius: 50%;
}
div#hardfacts-overview > table#hardfacts-overview-data .hardfacts-overview-data-dot.green {
  background: green;
}
div#hardfacts-overview > table#hardfacts-overview-data .hardfacts-overview-data-dot.yellow {
  background: yellow;
}
div#hardfacts-overview > table#hardfacts-overview-data .hardfacts-overview-data-dot.red {
  background: red;
}
div#hardfacts-overview > table#hardfacts-overview-data td, div#hardfacts-overview > table#hardfacts-overview-data th {
  margin: 0;
  padding: 0 10px;
  font-size: 2rem !important;
}
div#hardfacts-overview > div#hardfacts-overview-pie-chart {
  margin: 0;
  padding: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  /* background wird im Code berechnet: Siehe Class com.hcm.simon.hardfacts.HardfactsOverviewPageExtension
   background: conic-gradient(green 50.00%, darkorange 50.00% 70.00%, red 30.00%);*/
}