#asBlock {
  display: flex;
  flex-wrap: wrap;
  padding: 0 20vw 7vh;
  font-size: 1.3em;
}
#asTxt {
  display: flex;
  border-left: 5px solid #1e1e1e;
  padding: 1vh 1vw;
  text-align: justify;
  font-style: italic;
}
#asAuth {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  font-weight: bold;
  margin-top: 1vh;
}
#bioBlock {
  display: flex;
  flex-wrap: wrap;
  padding: 5vh 20vw;

  background-color: rgb(30, 30, 30);
  color: white;
}
.bioNonActive {
  display: none;
}
.bioLine {
  display: flex;
  font-size: 1.3em;
  width: 100%;
}
.bioYear {
  display: flex;
  position: relative;
  justify-content: flex-end;
  align-items: center;
  font-weight: 600;
  font-size: 1.7em;
}
#bioRight .bioYear {
  justify-content: flex-start;
}
.bioYear div {
  position: absolute;
  right: -35px;
  width: 8px;
  height: 8px;
  /* right: -39px;
  width: 16px;
  height: 2px; */
  border-radius: 15px;
  background-color: white;
}
.bioTxt {
  width: 100%;
}
#bioRight .bioYear div {
  left: -35px;
  /* left: -39px; */
}
.bioHeader {
  font-weight: 600;
  margin-bottom: 2vh;
  width: 100%;
}
#bioLeft {
  display: flex;
  width: 50%;
  text-align: right;
  padding: 1vh 30px 1vh 0;
  border-right: 1px solid white;
}
#bioRight {
  display: flex;
  width: 50%;
  text-align: left;
  padding: 1vh 0 1vh 30px;
  border-left: 1px solid white;
}
#bioLeft>div, #bioRight>div {
  width: 100%;
}

#cvBlock {
  display: flex;
  flex-wrap: wrap;
  padding: 7vh 20vw;
}
.cvPunkt {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.3em;
  margin: 3vh 0;
}
.cvTxt>div {
  margin: 1em 0;
}

.cvHeader {
  font-weight: 600;
  font-size: 1.3em;
  margin-bottom: 2vh;

  width: 100%;
}

@media screen and (max-width: 900px) {
  #bioBlock {
    padding: 5vh 10vw;
  }
  #bioLeft div {
    display: none;
  }
  #bioLeft {
    width: 0;
    padding: 0;
  }
  #bioRight div {
    display: block;
  }
  #bioRight {
    width: auto;
    padding: 2vh 0 2vh 30px;
  }
}