.navTopWrapperMobile{
	display:none;
}
#navBarWrapperMobile{
	display:none;
}

/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 960px) {

	.header{
		padding:0 0 4px 0;
	}
	.navTopWrapperMobile{
		display:block;
		padding-top:8px;
	}

	.navTopWrapper{
		display:none;
	}


	.navTopWrapperMobile #navMeta,
	.navTopWrapperMobile .languageBox,
	.navTopWrapperMobile #search{
		float:right;
	}

	.navTopWrapperMobile #navMeta,
	.navTopWrapperMobile ul,
	.navTopWrapperMobile ul li,
	.navTopWrapperMobile #navMeta ul,
	.navTopWrapperMobile #navMeta ul li{
		padding:0;
		margin:0;
		margin-right:8px;
	}
	#navMeta{
		margin-right:0x;
	}

	.navTopWrapperMobile #navMeta ul li{
		margin-right:14px;
		background:none;
	}
	.navTopWrapperMobile #navMeta,
	.navTopWrapperMobile #navMeta ul ,
	.navTopWrapperMobile #navMeta ul li:last-child{
		margin-right:0;
	}
	.navTopWrapperMobile #navMeta{
		margin-right:-12px;
	}
	.navTopWrapperMobile #navMeta ul li.last,
	.header .navTopWrapperMobile a.newsletterLinkMobile{
		width:32px;
		height:32px;
		cursor:pointer;
	}
	.navigator-content{
		background-color: #fff;
		right: 0;
	}
	.lof-slidecontent .sliders-wrapper{
		margin-top: 23px;
	}
	#search{
		margin-right:10px;
	}
	.navTopWrapperMobile #navMeta ul{
		margin-right:12px;
	}

	header .grid_12{
		margin:0;
	}

	.languageBox {
		margin:0;
	}
	.languageBox ul li.active{
		width:32px;
		height:24px;
		cursor:pointer;
		text-align:center;
		border:0;
		padding:8px 0 0 0;
	}

	.langBoxMobile{
		width:32px;
		height:32px;
		cursor:pointer;
	}



	.navTopWrapperMobile .navTopContent{
		clear:both;
		display:none;
	}

	#logoWrapper .navTopContent{
		padding-bottom:8px;
	}
	.languageBoxInactives{
		display:none;
	}
	.languageBoxInactives li{
		float:left;
		padding:8px 0 0 0;
		margin:0 8px 0 0;
		width:32px;
		height:24px;
	}

	.searchBoxLinkMobile{
		width:32px;
		height:32px;
		cursor:pointer;
	}

	.languageBox.active,
	.searchBoxLinkMobile.active{
		background:#eee;
	}

	.searchBoxInactive{
		display:none;
	}

	.searchBoxInactive .searchbox-submit{
		background:#666 url(../Media/go-mobile.jpg) no-repeat 8px 10px;
		color:#fff;
		width:28px;
		height:29px;
	}
	.searchBoxInactive .searchbox-value{
		width:260px;
		height:28px;
		margin-right:4px;
		border:lightgrey;
		-moz-box-shadow:    inset 2px 2px 8px #000000;
		-webkit-box-shadow: inset 2px 2px 8px #000000;
		box-shadow:         inset 2px 2px 8px #000000;
	}

	#logoWrapper{
		margin-bottom:16px;
	}

	.navigationTrigger{
		width:100%;
		padding:8px 0 8px 0;
		border-top:2px solid #D3D3D3;
		background: url(../Media/arrow-mobile-down.png) no-repeat right 40%;
		cursor:pointer;
	}

	#navBarWrapper{
		display:none;
	}


	/* erste ebene */
	#navMain nav ul li {
		padding:0;
		padding: 12px 0 14px 0;
		width: 100%;
	}
	/* #navMain nav ul li.active{
		padding: 12px 0 4px 0;
	}  */
	#navMain nav ul li a.active,
	#navMain nav ul li a{
		margin:0;
		padding:0;
	}
	#navMain nav ul li a.active{
		margin-bottom:14px;

	}


	#navMain nav ul li ul li.active,
	#navMain nav ul li ul li{
		border-top:1px solid #D3D3D3;
		padding:12px 0 12px 12px;
	}
	#navMain nav ul li ul li:first-child{
		margin-top:8px;
	}

	#navMain nav ul li ul li a.active,
	#navMain nav ul li ul li a{
		font-size:13px;
		text-transform:none;
		font-family: DINPro-Bold, Lato, Arial, Helvetica, Sans;
		font-weight:normal;
		margin:0 0 0 14px;
	}


	#navMain nav ul li ul li a.active{
		font-family: DINPro-Bold, Lato, Arial, Helvetica, Sans;
		font-weight:normal;
	}

	#navMain nav ul li ul li ul li a{
		margin:0 0 0 28px;
		font-family: DINPro, Lato, Arial, Helvetica, Sans;
		font-weight:normal;
	}
	#navMain nav ul li ul li ul li a.active{
		margin:0 0 0 28px;
	}

	#navMain nav ul li ul li ul li ul li a{
		margin:0 0 0 42px;
		/* font-family: DINPro, Lato, Arial, Helvetica, Sans; */
		font-weight:normal;
	}
	#navMain nav ul li ul li ul li ul li a.active{
		margin:0 0 0 42px;
	}
	#navMain nav ul li ul li ul li ul li  ul li a{
		margin:0 0 0 56px;
		/* font-family: DINPro, Lato, Arial, Helvetica, Sans; */
		font-weight:normal;
	}
	#navMain nav ul li ul li ul li ul li  ul li a.active{
		margin:0 0 0 56px;
	}


	.navigationTrigger a{
		font-size:13px;
		font-family: DINPro-Bold, Lato, Arial, Helvetica, Sans;
		text-transform:uppercase;
	}
	.navigationTrigger a:hover{
		text-decoration:none;
	}


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

	.newsboxWrapper,
	.newsbox.newsbox1,
	.newsbox.newsbox2{
		display:none;
	}

	#startseite #headImgWrapper .grid_12 .teaserimg img{
		height: auto;
	}

	#startseite #headImgWrapper .grid_12,
	#startseite #headImgWrapper{
		height: auto;
		min-height: 120px;
	}

	#startseite #headImgWrapper .grid_12 {
		/*min-height: 0px;*/
		/*height: 0px;*/
	}
	
	/* listen */

	#headImage{
		width:100%;
		height:100%;
	}
	#startseite #headImgWrapper .h1Wrapper {
		width: 250px;
		height:auto;
	}
	#headImgWrapper h2.white{
		height:100%;
	}
	#startseite #headImgWrapper .grid_12{
		/*min-height: 143px;*/
		/*height: 143px;*/
	}
	#startseite #headImgWrapper .h1Wrapper{
		margin: 40px 0  0 0;
		background:#fff;
	}
	#startseite #headImgWrapper h1{
		padding:0;
		line-height:100%;
		font-size:16px;
		font-family: DINPro-Bold, Lato, Arial, Helvetica, Sans;
		display:block;
		letter-spacing:1px;
		padding:9px 0 0 17px;
	}

	#startseite #headImgWrapper h2.white, #startseite #headImgWrapper h2{
		display:none;
	}

	.footer ul.navLeft li:first-child{
		display:none;
	}
	
	/*.footer ul.navLeft li:last-child{
		display:none;
	}*/
	
	#content .flexslider ul,
	#content .flexslider ul li{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	.flexslider{
		width:300px;
		height:250px;
		display:block;
		clear:both;
		margin:0 0 60px 0!important;
	}
	
	.csc-textpic.csc-textpic-intext-left-nowrap div, .csc-textpic.csc-textpic-intext-left-nowrap div
	{
		padding:0;
		margin:24px 0 0 0!important;
		
	}
	.flex-viewport{
		height:250px;
	}
	#content .flexslider ul li{
		height:100%;
		text-align:center;
	}
	
	#content .flexslider img{
		height:100%;
		width:auto;
		display:inline;
	}
	
	
	#content .flexslider ul.slides li{
		
	}
		/* Control Nav */
	.flex-control-nav {width: 100%; position: absolute; bottom: -20px; text-align: center; box-shadow:none;}
	.flex-control-nav li {margin: 0 12px; display: inline-block; zoom: 1; *display: inline;}
	.flex-control-paging li a {width: 4px; height: 4px; display: block; background: #999; background: rgba(0,0,0,0.2); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
	.flex-control-paging li a:hover { background: #999; background: rgba(0,0,0,0.7); }
	.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

	
	.siteTitle{
		width:300px;
		height:32px;
		text-align:right;
	}
	.siteTitle h1{
		font-size:13px;
		font-family: DINPro-Bold, Lato, Arial, Helvetica, Sans;
		
		text-transform:uppercase;
		font-weight:normal;
		color:#989898;
	}
	#mobile-logo img:hover{
		text-decoration:none;
	}
}

@media (max-width: 420px) {
	.productRegiFrom .hidden-label-mobile{
		display: none;
	}

	.productRegiFrom .powermail_label{
		width: 100%;
	}

	.productRegiFrom .powermail_submit{
		margin: 0px;
		height: 22px;
		display: block;
	}
}