@charset "utf-8";
/* CSS Document */

.oben {
	height: auto;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	transition: transform .400s .1s ease-in-out;
	z-index: 4000;
}

.down .oben {
	transform: translate3d(0, -110px, 0);
}

#navigation {
	height: auto;
	position: relative;
	transition: transform .400s .1s ease-in-out;
	z-index: 4001;
	margin-top: 0px;
}

.down #navigation {
	transform: translate3d(0, -250px, 0);
	display: none;
}

@media only screen and (max-width: 480px) {

.oben {
	height: auto;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	transition: transform .400s .1s ease-in-out;
	z-index: 4000;
}

.down .oben {
	transform: translate3d(0, -75px, 0);
}

#navigation {
	height: auto;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	transition: transform .400s .1s ease-in-out;
	z-index: 4001;
	margin-top: 80px;
}

.down #navigation {
	transform: translate3d(0, -650px, 0);
	display: none;
}

}