@media only screen and (orientation: portrait) {

  .tPnpNews {
    width: 80.0vw;
    height: 14.0vw;
    border: 2px solid #353739;
  }

  .tZauberweltenOnline {
    width: 80.0vw;
    height: 26.6vw;
    border: 2px solid #353739;
  }

  .tDasFlooYoutube {
    width: 80.0vw;
    height: 43.4vw;
    border: 2px solid #353739;
  }

}

@media only screen and (orientation: landscape) {

  .tPnpNews {
    width: 400;
    height: 70;
    border: 2px solid #353739;
  }

  .tZauberweltenOnline {
    width: 400;
    height: 133;
    border: 2px solid #353739;
  }

  .tDasFlooYoutube {
    width: 400;
    height: 217;
    border: 2px solid #353739;
  }

}