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: 0px dotted #CCC;}
.imageBox .tr-slideIn 	{bottom: 100%; height: 100% !important; width:100%; height:auto; /* auto sorgt für die angezeigte höhe im bild*/ color: white; margin:0;
						-webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;
						transform: perspective(200px) rotate3d(3,9,4.5,-90deg); text-align:center; font-size: 1rem; background-color: rgba(66,71,76,0.5);}
.imageBox:hover .tr-slideIn {width: 100%; height:100%; padding:20px; bottom: 0px; /* Abstand nach oben nach scroll*/ transform: perspective(300px) rotate3d(0,0,0,0deg);
						margin-left: 0%; text-align:center;}

/* Tabletts */
@media screen and (min-width: 768px) {
.imageBox .tr-slideIn 	{bottom: 100%; height: 100% !important; width:100%; height:auto; /* auto sorgt für die angezeigte höhe im bild*/ color: white; margin:0;
						-webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;
						transform: perspective(200px) rotate3d(3,9,4.5,-90deg); text-align:center; font-size: 1rem; background-color: rgba(66,71,76,0.5);}
.imageBox:hover .tr-slideIn {width: 100%; height:100%; padding:30px; bottom: 0px; /* Abstand nach oben nach scroll*/ transform: perspective(300px) rotate3d(0,0,0,0deg);
						margin-left: 0%; text-align:center;}
}
/* Tabletts Portrait*/
@media screen and (min-width: 768px) and (orientation: portrait) {
.imageBox .tr-slideIn 	{bottom: 100%; height: 100% !important; width:100%; height:auto; /* auto sorgt für die angezeigte höhe im bild*/ color: white; margin:0;
						-webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;
						transform: perspective(200px) rotate3d(3,9,4.5,-90deg); text-align:center; font-size: 1rem; background-color: rgba(66,71,76,0.5);}
.imageBox:hover .tr-slideIn {width: 100%; height:100%; padding:30px; bottom: 0px; /* Abstand nach oben nach scroll*/ transform: perspective(300px) rotate3d(0,0,0,0deg);
						margin-left: 0%; text-align:center;}
}
/* Desktops*/
@media screen and (min-width: 1280px) {
.imageBox .tr-slideIn 	{bottom: 100%; height: 100% !important; width:100%; height:auto; /* auto sorgt für die angezeigte höhe im bild*/ color: white; margin:0;
						-webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; line-height:1.4rem;
						transform: perspective(20px) rotate3d(3,9,4.5,-90deg); text-align:center; font-size: 1rem; background-color: rgba(66,71,76,0.5);}
.imageBox:hover .tr-slideIn {width: 100%; height:100%; padding:50px; bottom: 0px; /* Abstand nach oben nach scroll*/ transform: perspective(300px) rotate3d(0,0,0,0deg);
						margin-left: 0%; text-align:center;}
}