span.tPerson {
  color: #662a27;
  font-size: 16pt;
  font-variant: small-caps;
  font-weight: bold;
}

.tBio {
  font-size: 12pt;
  text-align: justify;
}

.aBio {
  color: #353739;
  font-size: 12pt;
}

@media only screen and (orientation: portrait) {

  table.tAuthorMarkus {
    width: 80vw;
  }

  table.tAuthorSandra {
    width: 80vw;
  }

  img.tAuthorMarkus {
    width:  9rem;
    height: 12rem;
    padding: 4px;
    float: right;
  }

  img.tAuthorSandra {
    width:  9rem;
    height: 12rem;
    padding: 4px;
    float: right;
  }

  div.tPersonMarkus {
    align: left;
  }

  div.tPersonSandra {
    align: left;
  }

}

@media only screen and (orientation: landscape) {

  table.tAuthorMarkus {
    width: 24.75rem;
    float: left;
  }

  table.tAuthorSandra {
    width: 24.75rem;
    float: right;
  }

  img.tAuthorMarkus {
    width:  9rem;
    height: 12rem;
    padding: 4px;
    float: right;
  }

  img.tAuthorSandra {
    width:  9rem;
    height: 12rem;
    padding: 4px;
    float: left;
  }

  div.tPersonMarkus {
    align: left;
  }

  div.tPersonSandra {
    align: right;
  }

}