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

#listing24{
    font-size:15px;
	line-height: 19px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


#listing24 .list24{
    width: 100%;
    display: flex;
    flex-wrap: nowrap; 
    /**
    border-bottom:1px solid rgba(255,255,255,0.2);
    **/
    margin-bottom:2px;

    -webkit-border-radius:0px 6px 0px 0px;
	-moz-border-radius:0px 6px 0px 0px;
	border-radius:0px 6px 0px 0px;

    cursor: pointer;
}





#listing24 .list24:nth-child(odd){ 
    background-color:rgba(255,255,255,0.2)
}
#listing24 .list24:hover{
    background-color: rgba(255,255,255,0.3);
}

#listing24 .list24 .co{
    flex-flow: column wrap;
    justify-content:space-between;
    align-items: flex-start;
    margin-right: 10px;
}
#listing24 .list24 .co:last-child{
    margin-right: 0px;
}

#listing24 .list24.info{
    padding:20px 5px;
    min-height:20px;
    margin-top:1px;
    background-color: var(--color-kontrast1)!important;
    font-size: 1.1em; 
    -webkit-border-radius:6px 6px 0px 0px;
	-moz-border-radius:6px 6px 0px 0px;
	border-radius:6px 6px 0px 0px;
}
#listing24 .list24.dirchwechsel{
    margin-top:20px;
    padding-top:5px;
    border-top:2px solid #fff;
}



#listing24 .list24 .thini{
    color: rgba(255,255,255,0.5);
    font-size: 0.9em;
}



#listing24 .list24 .l{
    width: 78px;
    text-align: center;
    line-height: 1.4em;
    white-space: nowrap;
    padding-top:5px;
}
#listing24 .list24 .l i{
    font-size:0.7em;
}

#listing24 .list24 .lic{
    width: 30px;
    text-align: center;
    line-height: 1.4em;
    white-space: nowrap;
    vertical-align: top;
}


#listing24 .list24 .lic.application{
    background-image:url('/src/img/icon_download_w.png');
	background-repeat:no-repeat;
	background-position:top+3px center;
	background-size:20px;
}
#listing24 .list24 .lic.application.pdf{
    background-image:url('/src/img/tab_w.png');
	background-repeat:no-repeat;
	background-position:top+5px center;
	background-size:20px;
}
#listing24 .list24 .lic.image{
    background-image:url('/src/img/view_w.png');
	background-repeat:no-repeat;
	background-position:top+3px center;
	background-size:25px;
}
#listing24 .list24 .lic.video{
    background-image:url('/src/img/tab_w.png');
	background-repeat:no-repeat;
	background-position:top+5px center;
	background-size:20px;
}
#listing24 .list24 .lic.clip{
    background-image:url('/src/img/view_w.png');
	background-repeat:no-repeat;
	background-position:top+3px center;
	background-size:25px;
}
#listing24 .list24 .lic.audio{
    /**background-image:url('/src/img/play_w2.png');**/
    background-image:url('/src/img/ohr_w.png');
	background-repeat:no-repeat;
	background-position:top+3px center;
	background-size:20px;
}
#listing24 .list24 .lic.text{
    background-image:url('/src/img/link_w.png');
	background-repeat:no-repeat;
	background-position:top+3px center;
	background-size:20px;
}



#listing24 .list24 .m{
    width: 100%;
    padding:1px 0px 10px 0px;
}
#listing24 .list24 .r{
    text-align: right;
    white-space: nowrap;
}

#listing24 .icons div:not(.editinfos_in){
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 48px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-left:1px solid #000;
}
#listing24 .icons div div:not(.editinfos_in){
    margin-top:-72px;
    border-left:none;
    max-width: 50px;
    overflow: hidden;
}



#listing24 .icons .ic::before{
    cursor: pointer;
    background-color: var(--color-trenner-rahmen-50);
    content: "";
    display: block;

    width: 60%;
    padding-left:35%;

    height: 60%;
    margin-top:25%;

    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    mask-image: url('/src/img/svg/database-arrow-down.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-image: url('/src/img/svg/database-arrow-down.svg');
}
 


#listing24 .icons .ic.edit.nowedit{
    background-color: #ff0000;
}
#listing24 .icons .ic.edit::before {
    mask-image: url('/src/img/svg/image-edit.svg');
    -webkit-mask-image: url('/src/img/svg/image-edit.svg');
}


#listing24 .icons .ic.vote::before {
    mask-image: url('/src/img/svg/thumb-up.svg');
    -webkit-mask-image: url('/src/img/svg/thumb-up.svg');
}
#listing24 .icons .ic.fav::before {
    mask-image: url('/src/img/svg/heart-cog-outline.svg');
    -webkit-mask-image: url('/src/img/svg/heart-cog-outline.svg');
}

#listing24 .icons .ic.download::before {
    mask-image: url('/src/img/svg/file-download.svg');
    -webkit-mask-image: url('/src/img/svg/file-download.svg');
}

#listing24 .icons .ic.share::before {
    mask-image: url('/src/img/svg/share-variant.svg');
    -webkit-mask-image: url('/src/img/svg/share-variant.svg');
}


#listing24 .icons .ic.share.activ::before,
#listing24 .icons .ic.vote.activ::before,
#listing24 .icons .ic.fav.activ::before,
#listing24 .icons .ic.edit:hover::before,
#listing24 .icons .ic.vote:hover::before,
#listing24 .icons .ic.fav:hover::before,
#listing24 .icons .ic.download:hover::before{
	background-color: var(--color-immergruen);
}




#listing24 .editinfos_in{
	/**
    
    **/
    display:none;
    position:absolute;
	cursor:pointer;
	z-index:9999999999999999999999999999999999;
	
    top:0px;
	right:49px;
	
	min-width:350px;
    min-height: 130px;

	
	padding:5px;
	margin:0px;
   
	
	font-size:1em;
	line-height:15px!important;
    text-align: right;
	
	background-color: var(--color-sehrdunkel-90);
	border:1px solid #000;
}
#listing24 .editinfos_in span{
	width:100%;
	display:block;
	padding:7px 3px;
	
}
#listing24 .editinfos_in span:hover{
	background-color: var(--color-hauptfarbe);
	color:#FF0000;
}














@media screen and (max-width: 1124px) {
    #listing24 .icons div{
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    #listing24 .icons div div{
        margin-top:-79px!important;
    }
    #listing24 .icons .ic::before{
        width: 80%;
        padding-left:15%;
    
        height: 80%;
        margin-top:15%;
    }
    #listing24 .list24 .l{
        line-height: 1.0em;
        padding-top:10px;
    }
    #listing24 .list24 .l i{
        font-size:0.6em;
    }
    #listing24 .list24 .r .ic{
        white-space: nowrap;
        font-size:15px!important;
    }
}


@media screen and (max-width: 700px) {
    #listing24 .list24 .icons .no_mobile{
        display: none!important;
    }
}



/**
#listing24 .list24 .co.l.image {
    background-image:url('/tumb/volume4/photo_test_webapp/FormatTest_ohne_infofiles/Bilder/thumb_bigstock-Business-woman-portrait--isol-30018839.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
**/