/* This file ist just for keyframe animations < 480 pixels */

.k-interior-headline {
	-skrollr-animation-name: headline;
}

@-skrollr-keyframes headline {

	2890 {
		transform: translate3d(-500px, 0px, 0px);
		-webkit-transform: translate3d(-500px, 0px, 0px);
		-moz-transform: translate3d(-500px, 0px, 0px);
	}

	3090 {
		transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0px, 0px, 0px);
		-moz-transform: translate3d(0px, 0px, 0px);
	}
}

.k-object-detail {
	-skrollr-animation-name: detail;
}

@-skrollr-keyframes detail {

	1400 {
		background-position: 50% 15%;
	}

	2298 {
		background-position: 50% 100%;
	}
}

.k-object-teaser {
	-skrollr-animation-name: teaser;
}

@-skrollr-keyframes teaser {

	30 {
		opacity: 1;
	}

	1600 {
		opacity: 0;
	}
}

body {
	-skrollr-animation-name: bgchange;
}

@-skrollr-keyframes bgchange {

	5200 {
		background: rgb(60, 60, 59);
	}
}