figure.captions {
	position: relative;
	margin: 0;
	overflow: hidden;
	display: inline-block;
  height:auto;
}
figure.captions img, figure.captions video {
	position: relative;
	display: block
}
figure.captions figcaption {
  line-height: 1.5;
	background-color: #FFF;
	width: 100%;
	position: absolute;
	padding: 10px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

figure.captions {
	color: #022679;
	background-color: #FFF;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.85);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.85);
	box-shadow: 0 1px 2px rgba(0,0,0,0.85)
}

figure.captions.appear figcaption {
	color: #022679;
	background-color: rgba(255,255,255,0.8)
}

figure.captions a img {
	border: none
}
figure.captions figcaption h3,
figure.captions figcaption h3 a {
	margin: 0 0 5px 0;
	font-size: 15px;
	font-weight: bold;
  line-height:120%;
  color:#990000;
}
figure.captions figcaption p {
	margin: 0 0 5px 0;
  padding:0 !important;
	font-size: 13px;
  font-family: 'LatoBold';
}
figure.captions figcaption*:first-child {
	margin-top: 0
}
figure.captions figcaption*:last-child {
	margin-bottom: 0
}

/* ######################################################## */
figure.captions.appear figcaption {
	visibility: hidden;
	opacity: 0
}
figure.captions.appear:hover figcaption, figure.captions.appear:focus figcaption {
	visibility: visible;
	opacity: 1
}
figure.captions.appear.left figcaption { 
	width: 100%;
	height: 55%;
	left: 0;
	bottom: 0;
	-moz-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-moz-transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out
}
figure.captions.appear.left:hover figcaption, figure.captions.appear.left:focus figcaption { /* Aktiv */
	-moz-transform: none;
	-webkit-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-moz-transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out
}
figure.captions.appear.right figcaption { 
	width: 80%;
	height: 100%;
	right: 0;
	top: 0;
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-moz-transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out
}

figure.captions.appear.right:hover figcaption, figure.captions.appear.right:focus figcaption { 
	-moz-transform: none;
	-webkit-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-moz-transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out
}

figure.captions.appear.top figcaption {
	top: 0;
	padding: 10px;
	text-align: center;
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-moz-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out
}
figure.captions.appear.top:hover figcaption, figure.captions.appear.top:focus figcaption {
	-moz-transform: none;
	-webkit-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-moz-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out
}
figure.captions.appear.bottom figcaption { /* Aktiv */
	bottom: 0;
	padding: 10px;
	text-align: center;
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-moz-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out
}
figure.captions.appear.bottom:hover figcaption, figure.captions.appear.bottom:focus figcaption {
	-moz-transform: none;
	-webkit-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-moz-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out
}