@charset "utf-8";
/*
*
*	Lechuza - 2016
*	Author: SECONDRED Newmedia GmbH
*	Web: http://www.secondred.de
*
*/
/* -- Navigation -- */
.inline ul { margin:0; padding:0}
.inline ul li{ float:left; margin:0; padding:0; list-style:none}
.inline ul li a{ }
.inline ul li a:hover{}

a#hamburger {
	float:left; position:relative; top:15px; display:none; left:-10px;
	transition: left 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
a#hamburger .burger {
	width: 40px;height: 40px;float:left; margin-right:10px; margin-left: 20px;
	border-radius: 2px; position:relative;
	/*-webkit-transform: translate3d(0,0,0) */
	-webkit-transform-style: preserve-3d;
}
a#hamburger .burger i {
	width: 22px; height: 2px; background:#fff; display:block; position:absolute; left:50%; margin-left:-11px; top:50%; margin-top:-1px;
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), margin 350ms cubic-bezier(0.2, 1, 0.3, 1);
	-webkit-perspective: 1000;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;
}
a#hamburger .burger i.top { margin-top:-7px}
a#hamburger .burger i.middle {}
a#hamburger .burger i.bottom {margin-top:5px}
a#hamburger .text { display:none}

a#hamburger.open {left:10px}
a#hamburger.open .burger {}
a#hamburger.open .burger i.top {
	margin-top:-1px;transform: rotate(45deg);
}
a#hamburger.open .burger i.middle {transform: scale(0,1);}
a#hamburger.open .burger i.bottom {
	margin-top:-1px;transform: rotate(-45deg);
}

/* -- Hauptnavi -- */
#mainmenu {
	position:absolute; left:0; right:0; border-bottom:2px solid #fff; color:#fff; top:73px; font-size:18px; letter-spacing:3px;
	transition: max-height 0.6s cubic-bezier(0.2, 1, 0.3, 1);max-height:0; overflow:hidden;
	will-change:max-height;-webkit-transform-style: preserve-3d; display:none
}
#mainmenu.open { max-height:500px}
#mainmenu ul{
	list-style:none; padding:20px;transform: translate3d(0, 0, 0);
	backface-visibility: hidden;background:#fff;
	-webkit-transform-style: preserve-3d;
}
#mainmenu ul li{
	transform: translate3d(0, -200px, 0) scale(0.5);
	transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);
	transform-origin: 0% 0%;

}
#mainmenu ul li a{ text-decoration:none; text-transform: uppercase; display:block; padding:15px 0; color: #2D3A3A}
#mainmenu ul li a:hover{}
#mainmenu ul li.lang { font-size:12px}
#mainmenu ul li.lang a { color:#B40070}

#mainmenu.open ul li {-webkit-transform: none;	transform:none;}
#mainmenu.open ul li:nth-child(1) {-webkit-transition-delay: 0.010s; transition-delay: 0.010s;}
#mainmenu.open ul li:nth-child(2) {-webkit-transition-delay: 0.04s; transition-delay: 0.04s;}
#mainmenu.open ul li:nth-child(3) {-webkit-transition-delay: 0.055s; transition-delay: 0.055s;}
#mainmenu.open ul li:nth-child(4) {-webkit-transition-delay: 0.07s; transition-delay: 0.07s;}
#mainmenu.open ul li:nth-child(5) {-webkit-transition-delay: 0.085s; transition-delay: 0.085s;}
#mainmenu.open ul li:nth-child(6) {-webkit-transition-delay: 0.1s; transition-delay: 0.1s;}
#mainmenu.open ul li {-webkit-transition-delay: 0.135s;transition-delay: 0.135s;}

/* -- Topmenu -- */
#topmenu { float:right; padding:25px 30px 0 0; font-size:11px; letter-spacing:3px}
#topmenu ul {}
#topmenu ul li{ margin-left:10px}
#topmenu ul li a{ text-transform:uppercase; text-decoration:none; color:#FFFFFF}
#topmenu ul li a.active {font-weight: bold;}
#topmenu ul li a:hover{text-decoration: underline;}

/* -- Footermenu -- */
#footermenu { letter-spacing:3px}
#footermenu ul {font-size: 12px}
#footermenu ul li{ margin-right:15px}
#footermenu ul li a{ text-decoration:none; position:relative; display:inline-block; color: #2D3A3A; letter-spacing: 0; font-weight: 500}
#footermenu ul li a:hover{ text-decoration:none; color:#B40070}

#footermenu ul li a:before {
	width: 100%;height: 1px; background:#B40070;content:""; position:absolute; bottom:0px; left:0;opacity: 0;
	transform: scale(0,1);
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
#footermenu ul li a:hover:before {
	opacity: 1;
	transform: scale(1);
}