.container {
    display: table;
    table-layout: fixed;
    content: ' ';
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
}

.container .grid-item.Joined {
    display: inline-block;
       width: 33.3%;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    margin-right: -5px;
    margin-bottom: -7px;
    border: 0px solid var(--BodyBackgroundColor);
}

.container .grid-item.Joined h2 {
    display: flex !important;
    
    background-color: rgba(0,0,0,0.3) !important;
    text-shadow: 0 0 25px rgba(0,0,0,0.8);
    font-size: 1.8vw !important;
    color: var(--h1Color);
    text-align: center;
    position: absolute !important;
    top: 0 !important;
    left: inherit !important;
    right: -100%;
    width: 100%;
    height: 100%;
    max-width: 100% !important;
    padding:4%;
    padding-bottom: 20% !important;
    
    -webkit-transition-property: all;
	-moz-transition-property: all;
	 -ms-transition-property: all;
	  -o-transition-property: all;
		 transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
     -ms-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
         transition-duration: 0.4s
}

.container .grid-item.Joined:hover .desc {
    display: block;
    z-index: 99;
    color: #fff;
    padding: 10px;
    font-size: 16px;
}

.container .grid-item.Joined:hover h2 {
    right: 0%;
}

.container .grid-item.Joined h2 a {
    color: #fff !important;
    margin: auto;
}

#content .container .grid-item.Joined img.CMSimage,
#content .container .grid-item.Joined img.image {
    margin: 0;
    padding: 0;
    width: 100%;
    transform: scale(1.15);
}

#content .container .grid-item.Joined .ImageWrapper img {
    filter: grayscale(100%);
    transform: scale(1.05);
    -webkit-transition-property: all;
	   -moz-transition-property: all;
	    -ms-transition-property: all;
	     -o-transition-property: all;
		    transition-property: all;
    -webkit-transition-duration: 0.4s;
       -moz-transition-duration: 0.4s;
        -ms-transition-duration: 0.4s;
         -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
}

#content .container .grid-item.Joined:hover .ImageWrapper img {
    filter: grayscale(0%);
    transform: scale(1.1);
}

.scale-down .ui-sortable .ext_Referenzen_Mansonry .container {
    margin-top: 25px;
}

.container .grid-item.Joined {
    width: 33.4%;
}


@media screen and (max-width:1450px) {
    .container .grid-item.Joined:hover .desc,
    .container .grid-item.Joined h2 a {
        /* font-size: 80% !important; */
    }
}

@media screen and (max-width:1200px) {
    .container .grid-item.Joined {
        width: 33%;
    }
    
    .container .grid-item.Joined:hover .desc,
    .container .grid-item.Joined h2 a {
        /* font-size: 63% !important; */
    }
}

@media screen and (max-width:900px) {
    .container .grid-item.Joined {
        width: 50%;
    }
    
    .container .grid-item.Joined:hover .desc,
    .container .grid-item.Joined h2 a {
        font-size: 64% !important;
    }
}

@media screen and (max-width:700px) {
    .container .grid-item.Joined {
        width: 100%;
    }
    .container .grid-item.Joined:hover .desc,
    .container .grid-item.Joined h2 a {
        font-size: 88% !important;
    }
}