img.Bilder100-1-3ani {
	max-width: 100%;
	border-radius:1px;
	border: 1px solid #CCC;
}
.imageBox {
	position: relative;
	width: 100%; 
	height:auto;
	float: left;
	overflow: hidden;
	margin-right: 0px;
	line-height: 0rem;
}


.figure {
	position: absolute;
	bottom: 50px; left: 0;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	background: white;
	border-top: 1px dotted #CCC;
	line-height: 1.2rem;
}

/* transition slideIn */

.imageBox .tr-slideIn {
	bottom: -120px;
	width: 98%; height: 90%; /* auto sorgt für die angezeigte höhe im bild*/
	margin: 0 1%;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(255,255,255,0.85);
	color: black;
	border: 1px solid transparent;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.imageBox:hover .tr-slideIn {
	bottom: -40px; /* Abstand nach oben nach scroll*/
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Tablet Portrait */
@media screen and (min-width: 767px) and (orientation: portrait) {
.imageBox .tr-slideIn {bottom: -80px;}
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Tablet Portrait */
@media screen and (max-width: 767px) and (orientation: portrait) {
.imageBox .tr-slideIn {bottom: -140px;}
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Tablet Portrait */
@media screen and (max-width: 767px) and (orientation: landscape) {
.imageBox .tr-slideIn {bottom: -240px;}
}