@charset "utf-8";

.ext_Referenzen_Mansonry .grid-item h2,
.ext_Referenzen_Mansonry .grid-item .desc,
.ext_Referenzen_Mansonry .grid-item .ImageWrapper {
	display: none;
}


.ext_Referenzen_Mansonry .grid-item .ImageWrapper:first-child {
	display: block;
}

#content .grid-item .bearbeiten_button_up {
    height: 43px;
		cursor: move;
    position: absolute;
    background-color: rgba(235,235,235,0.9);
    z-index: 5;
    width: 100%;
	opacity: 0;
}

#content .grid-item:hover .bearbeiten_button_up {
	opacity: 1;
}

.ext_Referenzen_Mansonry .container .addNew {
    position: absolute;
		top: -35px;
		right: 31px;
    margin: 0;
    padding: 0;
    height: 42px;
}

.ext_Referenzen_Mansonry .container .add.dialog {
    right: auto;
    left: 5px;
}

/*
 * ToolTip
 * */

#content .ext_Referenzen_Mansonry .grid-item h2 {
    display:block;
	position:fixed;
    overflow:hidden;
	z-index: 2;
	background-color: transparent;
	color: transparent;
	background-color: var(--headerBackgroundColor);
	padding: 0 10px;
	opacity: 0;
	max-width: 0;
	clip-path: inset(0% 100% 0 0);
	font-size: 150%;
		
	-webkit-transition-property: clip-path;
	-moz-transition-property: clip-path;
	 -ms-transition-property: clip-path;
	  -o-transition-property: clip-path;
		 transition-property: clip-path;
    -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 .ext_Referenzen_Mansonry .grid-item:hover h2 {
    clip-path: inset(0% 0% 0 0);
    max-width: 100vw;
    opacity: 1;
    margin: 0;
    padding: 1% !important;
}