img.Bilder100-1-3ani {
	max-width: 100%;
	border-radius:0px;
	border: 0px solid #dfdfdf;
}
.imageBox {
	display: inline-block;
	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: 20px;
	padding-right: 20px;
	margin: 10px;
	background: white;
	border-top: 1px dotted #CCC;
}
.imageBox .tr-slideIn {
	bottom: -320px;
	height: 420px !important;
	width: 80%; 
	height:auto; /* auto sorgt für die angezeigte höhe im bild*/
	margin: 1%;
	margin-bottom: 0px;
	margin-left: 25%;
	padding-top: 5px;
	padding-bottom: 10px;
    padding-right: 40px;
	color: white;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	transform: perspective(600px) rotate3d(1,0,0,-20deg);
	text-align:right;
	font-size: 1rem;
	border-top: 1px solid transparent;
}
.imageBox:hover .tr-slideIn {
	width: 100%; 
	height:100%;
	padding-top: 30px;
	padding-bottom: 50px;
	bottom: -35px; /* Abstand nach oben nach scroll*/
	transform: perspective(300px) rotate3d(0,0,0,0deg);
	margin-left: 0%;
	text-align:left;
}
/* Smartphone Landscape */
@media screen and (max-width: 767px) and (orientation:landscape) {
	.imageBox .tr-slideIn {
	bottom: -240px;
	height: 362px !important;
	width: 80%; 
	height:auto; /* auto sorgt für die angezeigte höhe im bild*/
	margin: 1%;
	margin-bottom: 0px;
	margin-left: 25%;
	padding-top: 5px;
	padding-bottom: 10px;
    padding-right: 60px;
	color: white;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	transform: perspective(500px) rotate3d(1,0,0,-20deg);
	text-align:right;
	font-size: 1rem;
	border-top: 1px solid transparent;
}
.imageBox:hover .tr-slideIn {
	width: 100%; 
	height:100%;
	padding-top: 30px;
	padding-bottom: 50px;
	bottom: 0px; /* Abstand nach oben nach scroll*/
	transform: perspective(300px) rotate3d(0,0,0,0deg);
	margin-left: 0%;
	text-align:left;
}
}


/* Tabletts */
@media screen and (min-width: 768px) {
.imageBox .tr-slideIn {
	bottom: -240px;
	height: 362px !important;
	width: 80%; 
	height:auto; /* auto sorgt für die angezeigte höhe im bild*/
	margin: 1%;
	margin-bottom: 0px;
	margin-left: 25%;
	padding-top: 5px;
	padding-bottom: 10px;
    padding-right: 40px;
	color: white;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	transform: perspective(500px) rotate3d(1,0,0,-20deg);
	text-align:right;
	font-size: 1rem;
	border-top: 1px solid transparent;
}
.imageBox:hover .tr-slideIn {
	width: 100%; 
	height:100%;
	padding-top: 30px;
	padding-bottom: 50px;
	bottom: 0px; /* Abstand nach oben nach scroll*/
	transform: perspective(300px) rotate3d(0,0,0,0deg);
	margin-left: 0%;
	text-align:left;
}
}
/* Tabletts Portrail*/
@media screen and (min-width: 768px) and (orientation: portrait) {
.imageBox .tr-slideIn {
	bottom: -190px;
	height: 290px !important;
	width: 80%; 
	height:auto; /* auto sorgt für die angezeigte höhe im bild*/
	margin: 1%;
	margin-bottom: 0px;
	margin-left: 25%;
	padding-top: 5px;
	padding-bottom: 10px;
    padding-right: 40px;
	color: white;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	transform: perspective(500px) rotate3d(1,0,0,-20deg);
	text-align:right;
	font-size: 1rem;
	border-top: 1px solid transparent;
}
.imageBox:hover .tr-slideIn {
	width: 100%; 
	height:100%;
	padding-top: 30px;
	padding-bottom: 50px;
	bottom: 0px; /* Abstand nach oben nach scroll*/
	transform: perspective(300px) rotate3d(0,0,0,0deg);
	margin-left: 0%;
	text-align:left;
}
}
/* Desktops*/
@media screen and (min-width: 1280px) {
.imageBox .tr-slideIn {
	bottom: -240px;
	height: 362px !important;
	width: 80%; 
	height:auto; /* auto sorgt für die angezeigte höhe im bild*/
	margin: 1%;
	margin-bottom: 0px;
	margin-left: 25%;
	padding-top: 5px;
	padding-bottom: 10px;
    padding-right: 40px;
	color: white;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	transform: perspective(500px) rotate3d(1,0,0,-20deg);
	text-align:right;
	font-size: 1rem;
	border-top: 1px solid transparent;
}
.imageBox:hover .tr-slideIn {
	width: 100%; 
	height:100%;
	padding-top: 30px;
	padding-bottom: 50px;
	bottom: 0px; /* Abstand nach oben nach scroll*/
	transform: perspective(300px) rotate3d(0,0,0,0deg);
	margin-left: 0%;
	text-align:left;
}
}