.Blade {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  z-index: 200;
}

.BladeHalf {
  display: flex;
  flex: 1;
  height: auto;
  z-index: 200;
  flex-wrap: wrap;
}

.BladeLeft {
  display: flex;
  flex: 2;
  height: auto;
  z-index: 200;
  flex-wrap: wrap;
  justify-content: center;
}

.BladeSmall {
  display: flex;
  min-width: 110px;
  height: auto;
  z-index: 200;
  flex-wrap: wrap;
  justify-content: center;
}

.BladeLeftHalf {
  display: flex;
  flex: 1;
  height: auto;
  z-index: 200;
  flex-wrap: wrap;
}

.BladeRight {
  display: flex;
  flex: 1;
  height: auto;
  z-index: 200;
  flex-wrap: wrap;
  justify-content: center;
}

.BladeLeftNoWrap
{
  display: flex;
  flex: 2;
  height: auto;
  z-index: 200;
  justify-content: center;
}

.zahlGrossUndRotFürKachel
{
  color: red;
  font-weight: bold;
  font-size: x-large;
}

.roterTextFürKachel
{
  color: red;
}


.uebersichtKachel
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 2px solid rgb(0,68,148);
  border-radius: 0px;
  width: 100%;
  margin: 5px 5px 0 5px;
  text-decoration: none;
  height: auto;
}

  .uebersichtKachel:hover
  {
    background-color: rgb(0,68,148);
    color: white;
  }

    .uebersichtKachel:hover .zahlGrossUndRotFürKachel,
    .uebersichtKachel:hover .roterTextFürKachel
    {
      color: white;
    }

.uebersichtKachelDouble
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 2px solid rgb(0,68,148);
  border-radius: 0px;
  width: 100%;
  margin: 5px 5px 0 5px;
  text-decoration: none;
}

  .uebersichtKachelDouble:hover
  {
    background-color: rgb(0,68,148);
    color: white;
  }

    .uebersichtKachelDouble:hover .zahlGrossUndRotFürKachel,
    .uebersichtKachelDouble:hover .roterTextFürKachel
    {
      color: white;
    }