@charset "UTF-8";
/* CSS Document */


.grider_masonry_wsnf .grid-sizer,
.grider_masonry_wsnf .grid-item{
    width: 33.2vw;
    height: 100%;
    margin-bottom:2px;
    vertical-align:top;
    /** background-color: rgba(255,255,255,0.1); **/
    background-color: transparent!important;
}





.grider_masonry_wsnf .gr-file{
    height: 10vw;
}
.grider_masonry_wsnf .gr-quer{
    height: 25vw;
}
.grider_masonry_wsnf .gr-hoch{
    height: 44vw;
}
.grider_masonry_wsnf .gr-quad{
    height: 33vw;
}

@media screen and (max-width: 1024px) {
    .grider_masonry_wsnf .grid-sizer,
    .grider_masonry_wsnf .grid-item{
        width: calc( 50vw - 4px );
    }
    .grider_masonry_wsnf .gr-file{
        height: 17vw;
    }
    .grider_masonry_wsnf .gr-quer{
        height: 37vw;
    }
    .grider_masonry_wsnf .gr-hoch{
        height: 66vw;
    }
    .grider_masonry_wsnf .gr-quad{
        height: calc( 50vw - 4px );
    }
}
@media screen and (max-width: 600px) {
    .grider_masonry_wsnf .grid-sizer,
    .grider_masonry_wsnf .grid-item{
        width: 100vw;
        width: calc( 100vw - 2px );
    }
    .grider_masonry_wsnf .gr-file{
        height: 40vw;
    }
    .grider_masonry_wsnf .gr-quer{
        height: 75vw;
    }
    .grider_masonry_wsnf .gr-hoch{
        height: 133vw;
    }
    .grider_masonry_wsnf .gr-quad{
        height: calc( 100vw - 2px );
    }
}



.grider_masonry_wsnf .infotexttoshow{
    background-color: var(--color-kontrast1);
    /**
    min-height: 10vw;

    height: var(--heigtboxsmal_NEW)!important;
    min-height: var(--heigtboxsmal_NEW);
    max-height: var(--heigtboxsmal_NEW);
    **/
    height: auto!important;

    padding:10px 10px;
    margin-top: 20px;
    width: calc( 100vw - 4px );

    -webkit-border-radius:6px 6px 0px 0px;
	-moz-border-radius:6px 6px 0px 0px;
	border-radius:6px 6px 0px 0px;
}
.grider_masonry_wsnf .infotexttoshow:first-child{
    margin-top:0px;
}


.grider_masonry_wsnf .cont{
    position: absolute;
    top:0px;
    right: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    vertical-align:text-bottom;
}
.grider_masonry_wsnf .cont .overlay{
    display: flex;
    justify-content: center;
    align-items: center; 

    position:absolute;
    z-index: +10;
    width: 100%;
    text-align: center;
    vertical-align: middle;

    font-size: 1.4em;
    
    height: 100%;
    line-height: 100%;

    cursor: pointer;

}




.grider_masonry_wsnf * video,
.grider_masonry_wsnf * .video,
.grider_masonry_wsnf * img{
    position: relative;
    vertical-align:text-bottom!important;
   
    height: 100%;
    width: 100%;
    object-fit: cover!important;
    background-color: transparent!important;
    object-position: center center!important;
}




.grider_masonry_wsnf .cont.video.clip{
    background-image:none;
}



