/* --- Stylesheet 7915 () --------- */ 

.wrapper {
	max-width:1000px;
	margin:0 auto;
	position:relative;
}

#header {
	background: #ffffff;
	height:160px;
	z-index:30;
	position:relative;
	position:absolute;
	left:0;
	right:0;
	top:0;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}

#header.fixed {
	position:fixed;
}

#header * {
	z-index:20;
}

#header.alpseebergwelt #logobox { top: 40px; }

#header #logobox {
	position:absolute;
	width:180px;
	height:160px;
	cursor:pointer;
	z-index:25;
	background: #fff url(//tramino.s3.amazonaws.com/s/alpsee-bergwelt/82801/logo.png) center center no-repeat;
	background-size: 120px 120px;
	display:block;
	box-shadow: 5px 0 5px rgba(0,0,0,0.3);
}

#header #logobox:hover {
	background-size: 125px 125px;
}

#header.abenteueralpe #message { padding: 0px 60px 0px 310px; }

#header #message {
	position: absolute;
	left: 180px;
	background-color: #F28800;
	color: #fff;
	padding: 0px 60px 0px 15px;
	right: 0;
	text-align: left;
	font-size: 14px;
	box-shadow: inset 0px -10px 50px rgba(0,0,0,0.2);
	font-weight:300;
	max-height:85px;
	height: 85px;
	display:block;
	text-decoration:none;
	overflow:hidden;
}

#header #message:before {
	font: normal normal normal 42px/42px FontAwesome;
	content: "\f05a";
	color: #DD710C;
	position: absolute;
	right: 25px;
	top: 18px;
}


#menu ul {
	margin:0;
	padding:80px 0 0 180px;
	list-style:none;
	text-align:center;
}

#menu ul.nav li {
	position: relative;
	display:inline-block;
	padding:0;
	white-space:nowrap;
	z-index:50;
}


#menu ul.nav li.nav__52191 { display:none; }

#menu ul.nav li a {
	text-transform: uppercase;
	font-size:36px;
	height:50px;
	font-weight:normal;
	text-decoration:none;
	color:#aaa;
	padding:15px 30px;
	margin:0;
	font-family:"Dosis", Helvetica, Arial, sans-serif;
	display:block;
	transition:linear 0.3s;
}

#menu ul.nav li:hover a {
	color:#F28800;
}


xxxli.nav_4.nav__infos.nav__52151.nav___4 {
	background-color: #eee;
}

xxxli.nav_4.nav__infos.nav__52151.nav___4 a:before {
	color:#eee !important;
}

#menu > .ul > ul.nav > li:hover > a:before {
	font: normal normal normal 50px/50px FontAwesome;
	content: "\f0d7";
	color: #fff;
	position: absolute;
	left: 30px;
	bottom: -30px;
	text-shadow: 0 3px 6px rgba(0,0,0,.3);
}

#menu ul.nav li.nav_offen a, #menu ul.nav li.nav_aktiv a {
	color:#F28800;
}

#menu ul.nav li ul.nav {
	position: absolute;
	top: 50px;
	left: 20px;
	background:transparent;
	padding: 40px 0 0 0;
	width: auto;
	visibility:hidden;
	opacity:0;
	transition:visibility 0s linear 0.3s, opacity 0.3s linear;
	text-align:left;
}

#menu ul.nav li:hover ul.nav {
	visibility:visible;
	opacity:1;
	transition-delay:0s;
}

#menu ul.nav li ul.nav li {
	float: none;
	padding:0;
	margin:0;
	display:block;
}

#menu ul.nav li ul.nav li a {
	color:#502700;
	font-weight:normal;
	text-decoration:none;
	font-size:18px;
	height:24px;
	text-transform: none;
	padding:5px 10px 5px 20px;
	margin:5px 0 0 0;
	background:#fff;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}

#menu ul.nav li ul.nav li a span.extra {
	width: 15px;
	height: 10px;
	background-color: #fff;
	display: block;
	position: absolute;
	top: -10px;
	left: 0;
}

#menu ul.nav li ul.nav li.first a span.extra { display:none; }

#menu ul.nav li ul.nav li.nav_aktiv a, #menu ul.nav li ul.nav li a:hover { color: #F28800; }


#mobilmenu {
	position: absolute;
	right: 10px;
	left: 190px;
	bottom: 10px;
}

/* --- Stylesheet 7916 () --------- */ 

@media only screen and ( max-width: 750px ){
	
	#header { height: 95px; }
	#content { padding: 95px 0 0; }

	#header.abenteueralpe { height: 85px; background-color: #137341; }
	#header.alpseebergwelt #logobox { top: 0px; }
	#header.abenteueralpe #message { box-shadow: none; }

	#header.abenteueralpe #message { padding: 0px 60px 0px 100px; }
	
	#header #header-cart { top: 60px !important; }

	#header #cart-content { width: auto; z-index: 21; }
	#header #cart-content .cart-list { width: 100%; }

	#header.navopen #mobilmenu.newnav { display: block; }
	#header #mobilmenu.newnav { display: none; bottom: auto; background-color: #FECE77; position: static; margin-top: 75px; }
	
	#header.abenteueralpe #mobilmenu.newnav { background-color: #157f48; }
	#header.abenteueralpe #mobilmenu.newnav .new_mobile_nav { padding: 35px 0 5px 0; }
	
	#mobilmenu.newnav .new_mobile_nav { padding: 85px 0 5px 0; position: relative; }
	#mobilmenu.newnav .new_mobile_nav ul { list-style-type: none; }
	#mobilmenu.newnav .new_mobile_nav ul.nav li.nav__52191 { display: none; }
	#mobilmenu.newnav .new_mobile_nav a { text-decoration: none; color: #FFF; top: 15px; }
	#mobilmenu.newnav .new_mobile_nav ul.nav li {
	    text-transform: uppercase;
	    font-size: 32px;
	    font-weight: normal;
	    text-decoration: none;
	    color: #aaa;
	    padding: 5px 0;
	    margin: 0;
	    font-family: "Dosis", Helvetica, Arial, sans-serif;
	    display: block;
	    transition: linear 0.3s;
    }

    #mobilmenu.newnav .new_mobile_nav ul.nav li .ul { display: none; }
    #mobilmenu.newnav .new_mobile_nav ul.nav li.firstclick .ul { display: block; }
	
	#mobilmenu.newnav .new_mobile_nav ul.nav li .ul .nav li { font-size: 20px; padding: 0; line-height: 40px; }
	
	
	#mobilmenu.newnav .new_mobile_nav ul.nav li.backButton { font-size: 18px; } 
	#mobilmenu.newnav .new_mobile_nav ul.nav li.backButton img { display: inline-block; height: 22px; padding: 0 5px 5px 0; } 

   #header .top #nav_icon_wrapper {
		position: absolute;
	    top: 50px;
	    right: 5px;
	    z-index: 35;
	}

	#header .top #nav_icon {
	    position: relative;
	    height: 40px;
	    width: 40px;
	    cursor: pointer;
	}

	#header .top #nav_icon .nav_line {
		position: absolute;
		left: 5px;
		width: 27px;
		height: 3px;
	}

	#header .top #nav_icon .nav_line1 {
		top: 16px;
		-webkit-transition: all 1s 0.2s ease, top 0.2s 0.4s linear, -webkit-transform 0.4s ease;
		transition: all 1s 0.2s ease, top 0.2s 0.4s linear, transform 0.4s ease;
		background-color: #FFF;
	}

	#header .top #nav_icon .nav_line2 {
		top: 23px;
		-webkit-transition: opacity 0.4s 0.4s ease;
		transition: opacity 0.4s 0.4s ease;
		background-color: #FFF;
	}

	#header .top #nav_icon .nav_line3 {
		top: 30px;
		-webkit-transition: all 1s 0.2s ease, top 0.2s 0.4s linear, -webkit-transform 0.4s ease;
		transition: all 1s 0.2s ease, top 0.2s 0.4s linear, transform 0.4s ease;
		background-color: #FFF;
	}

	/* Clicked */

	#header .top #nav_icon.clicked .nav_line1 {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top:23px;
		-webkit-transition: all 0.8s 0.2s ease, top 0.2s linear;
		transition: all 0.8s 0.2s ease, top 0.2s linear;
	}

	#header .top #nav_icon.clicked .nav_line2 {
		opacity:0;
		-webkit-transition: opacity 0.4s ease;
		transition: opacity 0.4s ease;
	}

	#header .top #nav_icon.clicked .nav_line3 {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		top:23px;
		-webkit-transition: all 0.8s 0.2s ease, top 0.2s linear;
		transition: all 0.8s 0.2s ease, top 0.2s linear;
	}
}