/* Hier können Sie bei Bedarf Ihre eigenen CSS-Definitionen einfügen. */

@media screen and (orientation: landscape){
  #background-video-landscape {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -50;
  }

  #background-video-portrait {
    display: none;
  }
}

@media screen and (orientation: portrait){
  #background-video-landscape {
    display: none;
  }
  #background-video-portrait {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -50;
  }
}

#google_translate_element { display: block; width: 100px, heigth: 100px; background-color:red; }