/* High Contrast */

@media (prefers-contrast: more) {
.section-slider>.slider>article,img,video,.spielzeit>a{
    filter:contrast(1.4) ;
}

.colorreplace{font-size: 1vw;}

.news-grid-image{padding-bottom: 0!important;display: inline-flex;}
.poster-placeholder{background-color: black!important; background-image: none!important;}

footer{background-color: white!important; border-top: 1px solid;}

main{background-color: white; border-top: 1px solid black ;}

hr{background: black;}

#spielplan{background-color: white!important; }


section{background-color: white!important; border-top: 1px solid black;}
section:first-of-type{background-color: white!important; border-top: none;}


h1.subpage-headline-poster{border: 1px solid black;}
#news-grid article, #news-grid{background-color: #fff!important; }
#news-grid{border-top: none!important;}
.post .news-grid-image{border: 1px solid black;}
html{background-color:white!important;}
.button-bigger{display: none!important;}

#content-view{

    display: fixed;

    display: none;
align-items: center;
align-content: center;
width: 100vw;

height: 6vh;
flex-wrap: nowrap;
z-index: 99999;
position: fixed;
top: 47vh;
pointer-events: none;

outline: 47vh solid rgba(0,0,0,0.8);
}

}




.infinite-height{min-height: 50vh!important;}


.content-view-wrapper{
    position:absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow:hidden;
    pointer-events: none;
   opacity: 0;
   transition: 1s ease;
}

.content-view-section-top{
   
    background-color: black;
    background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 98%, rgba(255,255,255,0) 100%);
    opacity: 0.8;

    width: 100%;
    height: 100%;
    margin-left: 0vw;
  
  

    
}
.content-view-section-bottom{
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 98%, rgba(255,255,255,0) 100%);
    opacity: 0.8;

    width: 100%;
    height: 100%;
   /* transform: translateY(2vw); */

    /* fontsize */ 
    margin-top: 2vw;

   
    margin-left: 0vw;
}



@media screen and (max-width: 720px){
    
    .content-view-wrapper>div{
        margin-left: 0;
    }

}