@media only screen and (orientation: portrait) {
#archiv {width:100% !important;}
/* #baumplayer {width:100% !important;} */
#playerdiv {
    bottom: 0;
    height: 55.2vw !important;
    max-height: 100vh !important;
    max-width: 177.78vh !important;
    width: 100% !important;
    float: left;
    margin-left: auto;
    margin-right: auto;
    display: table !important;
}
}
@media only screen and (orientation: landscape) {
  #playerdiv {
      bottom: 0;
      height: 28.125vw !important;
      max-height: 50vh !important;
      max-width: 88.89vh !important;
      width: 50vw !important;
      float: left;
      margin-left: auto;
      margin-right: auto;
      display: table !important;
  }
}

body {
  /* overflow: hidden !important; */
}

#baumplayer {
  position: sticky !important;
  position: -webkit-sticky !important;
  top:0px;
  /* width: 50%; */
  /* float:left; */
  /* clear:left; */
}

/* #player_top {width: 100% !important;} */

#live {
  float:left;
  width:40%;
}
#archiv {
  width:49%;
  right:0px;
  height:100%;
  /* overflow: hidden; */
  float:left;
  clear: right;
  margin:0px !important;
  z-index: 2147483647;
}