/* NUR FÜR MOBLES */


body { background-color: #000000; }



/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/noto-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-v27-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/noto-sans-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-v27-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}


.wrappervideo {
        max-width: 1400px;
        padding: 0 5px 0em 5px;
        margin: 0 auto;
         }

.backbuttons{
        width:100%;
        margin-left:5px;


}




.backbutton{
        width:25%;
        height:auto;
        float:left;

        font-family: 'Noto Sans', sans-serif;
        font-size: 60%;
        letter-spacing: .4em;
        font-weight: normal;
        line-height:1.1em;
        text-transform: uppercase;
        color: #FFFFFF;
        text-align:center;
}





.spacebetween {
        width:11.5%;
        height:5px;
        float:left;
}





/* FLEX  ----- Tabelle der Filme ------------- */
.bounding {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
}



article {
        padding-left:0px;
        margin: 0px;
        -webkit-flex: 1 100%;
                flex: 1 100%;
        background: none;
}



aside {
        padding-top: 15px;
        margin: 0px;
        -webkit-flex: 1 100%;
                flex: 1 100%;
        background: none;

}



@media all and (min-width: 560px) {
        article {
                -webkit-flex: 3 1 0%;                /* breitenanteil */
                        flex: 3 1 0%;
                -webkit-order: 1;
                        order: 1;
        padding-left:0px;
        margin: 0px;


        }
        aside {
                -webkit-flex: 1 1 0%;                /* breitenanteil */
                        flex: 1 1 0%;
                -webkit-order: 1;
                        order: 1;
        padding-top: 15px;
        padding-right:12px;
        margin: 0px;

        }

}







/* FLEX  ----- Texte unter den Filmen ------------- */
.bounding {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
}



.rechts {
        padding-left:5px;
        padding-top:0px;
        margin: 0px;
        -webkit-flex: 1 100%;
                flex: 1 100%;
}



.links {
        padding-left: 5px;
        margin: 0px;
        -webkit-flex: 1 100%;
                flex: 1 100%;
}



@media all and (min-width: 560px) {
        .rechts {
                -webkit-flex: 1 1 0%;                /* breitenanteil */
                        flex: 1 1 0%;
                -webkit-order: 1;
                        order: 1;
        padding-left:0px;
        padding-top: 12px;
        margin: 0px;
        }

        .links {
                -webkit-flex: 1 1 0%;                /* breitenanteil */
                        flex: 1 1 0%;
                -webkit-order: 1;
                        order: 1;
        padding-left: 0px;
        padding-top: 15px;
        padding-right:100px;
        margin: 0px;
        }

}

.beschreibung {  padding-left:50%;}