/* CSS Document */
.flexslider li .meta {
		position: absolute;
		bottom: 0px;
		right: 0px;
		/*display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		background-color: rgba(255,255,255,0.60);
		height: 100%;*/
		max-width: 40%;
		overflow: hidden;
		text-align: right;
		z-index: 10;
}

.flexslider li.flex-active-slide .meta {
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
}

.flexslider li.flex-active-slide .meta h2 {
		-webkit-animation-delay: .6s;
		animation-delay: .6s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
}
.flexslider li.flex-active-slide .meta h3 {
		-webkit-animation-delay: .8s; /*Wann die Animation startet*/
		animation-delay: .8s;
		-webkit-animation-duration: .6s; /*Wie lange die Animation dauert */
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
}
.flexslider li.flex-active-slide .meta p {
		-webkit-animation-delay: 1s; /*Wann die Animation startet*/
		animation-delay: 1s;
		-webkit-animation-duration: .6s; /*Wie lange die Animation dauert */
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
}

@media (min-width: 992px) {
	.flexslider li .meta h2 {
		font-size: 1.8rem;
	}
	.flexslider li .meta h3 {
		font-size: 1.3rem;
	}
	p {
		font-size: 1.1rem;
	}
}
@media (min-width: 1200px) {
	.flexslider li .meta h2 {
		font-size: 3rem;
		font-weight: 600;
	}
	.flexslider li .meta h3 {
		font-size: 1.6rem;
	}
	p {
		font-size: 1.3rem;
	}
}







@-webkit-keyframes fadeInRight {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(100%, 0, 0);
				transform: translate3d(100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(100%, 0, 0);
				transform: translate3d(100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@-webkit-keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(100%, 0, 0);
				transform: translate3d(100%, 0, 0);
		}
}

@keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(100%, 0, 0);
				transform: translate3d(100%, 0, 0);
		}
}