.video-container {
    position: fixed;
    z-index: -1;
    right: 0;
    left:0;
    top;
    bottom: 0;
    overflow: hidden;
}

@media only screen and (orientation:portrait){
video {
    position: absolute;
    top:0%;
    left: 50%;
    transform: translate(-50%, 0%);
    background-repeat: no-repeat;
    background-size:cover;}
} 


@media only screen and (orientation:landscape){
video {
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size:contain;}
} 


#mobile-portrait, #mobile-landscape, #tablet, 
#desktop-portrait, #desktop-landscape,
#titelbild-portrait, #titelbild-landscape 
{display: none;}




/*----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (orientation:portrait){
.video-container {top:66px; left:0;}
}   

/* -------------------------------------------------------------------------header Umbruch */
@media only screen and (orientation: landscape) and (max-width:1439px){.video-container {top:0px; left:66px;}}
@media only screen and (orientation: landscape) and (min-width:1440px) {.video-container {top:66px; left:0px;}}


/*----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-height:480px) and (orientation:portrait){#titelbild-portrait{display: block; position: fixed; width: 100%; top:50px;}} 
@media only screen and (max-width:480px) and (orientation:landscape){ #titelbild-landscape{display: block; position: fixed; height: 100%; left:-10%;}}
  


/*---------------------------------------------------------------------------------------------------------------------------------- mobile*/
@media only screen and (orientation: portrait) and (max-height:767px) { #mobile-portrait {display: block;} .video-container video {width: 102%;}}
@media only screen and (orientation: portrait) and (min-height:768px) { #desktop-portrait {display: block;} .video-container video {height: 110%;}}





@media only screen and (orientation:landscape) and (min-width:481px)  and (max-width:979px) { #mobile-landscape {display: block;} .video-container video {height: 115%;}}
@media only screen and (orientation:landscape) and (min-width:980px) and (max-width:1279px) {#desktop-landscape {display: block;} .video-container video{height:102%;}}
@media only screen and (orientation:landscape) and (min-width:1280px) and (max-width:1919px) {#desktop-landscape{display: block;} .video-container video{height:115%;}}
@media only screen and (orientation:landscape) and (min-width:1920px) {#desktop-landscape{display: block;} .video-container video{height:118%;}}