@media screen and (max-width: 1023px){
.mobile-btn{
	display: inline-block  !important;
	
}

#search.see{
	left: 0px;
}
#top-menu nav.hider item.logo{
	opacity:0;
}
#slider .triangle,
#slider .triangle2{
	display: none;
}
#slider .promo h2{
	padding-top: 30px;
	font-size: 40px;
	line-height: 42px;
}
#slider .promo p{
	font-size: 17px;
	line-height: 19px;
}
#slider #scrolldown{
	bottom: 0px;
}
dl dd, dl dt{
	width: 100% !important;
}
dl dd{
	padding-bottom: 0 !important;
}
aside .light, .dl{
	padding: 0;
	margin: 0;
	background-color: #dadcd7 !important;
}
aside .dark{
	display: none;
}
aside{
	background: #ebebeb !important;
}

aside nav{
	padding-bottom: 0;
}
aside item a{
	background-color: #689F38;
	border-bottom: 1px solid rgba(0,0,0,0);
	line-height: 42px;
	font-weight: 300;
	font-size: 16px;
}
body > aside > nav > item:nth-child(3) > a{
	background-color: #D50000;
}
body > aside > nav > item:nth-child(3) > sub a{
	color: #D50000 !important;
}

body > aside > nav > item:nth-child(5) > a{
	background-color: #03A9F4;
}
body > aside > nav > item:nth-child(5) > sub a{
	color: #03A9F4 !important;
}

body > aside > nav > item:nth-child(6) > a{
	background-color: #FB8C00;
}
body > aside > nav > item:nth-child(6) > sub a{
	color: #FB8C00 !important;
}
body > aside > nav > item:nth-child(2) > a{
	background-color: #444;
}



aside item a:after{
	line-height: 36px;
}
content .content .white img.align-right{
	float:none;
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 10px 0;
	margin-left: 0;
}
    #slider #dots{ display:none; }
header #logo{
	position: absolute;
	display: block;
	padding: 0;
	vertical-align: top;
	left: 50%;
	margin-left: -75px;
	top: 10px;
	height: 60px;
	max-height: 60px;
}
header #logo img{
	max-height: 48px; 
}
#mobile-btn{
	position: relative;
	display: inline-block;
	vertical-align: top;
	line-height: 48px;
}
#mobile-btn .material-icons{
	line-height: 48px;
	width: 48px;
	text-align: center;
	font-size: 27px;
	color: #fff;
}
#mobile-close{
	position: relative;
	display: block;
	background-color: #222;
	color: #fff;
	height: 52px;
	line-height: 52px;
	padding: 0 15px;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	
}
#mobile-close .material-icons{
	position: relative;
	display: inline-block;
	vertical-align: top;
	line-height: 52px;
	padding-right: 7px;
	font-size: 19px;
}
	.yt-video .controls{
		position: absolute;
		display: block;
		left: 0; right: 0;
		bottom: 0;
		height: 36px;
		line-height: 36px;
		background-color: rgba(0,0,0,0);
		z-index: 3;
	}
	.yt-video .controls item[data-role="play"]{
		position: absolute;
		display: block;
		top: 0; left:0;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	.yt-video .controls item[data-role="fullscreen"]{
		position: absolute;
		display: block;
		top: 0; right:0;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	.yt-video .controls item[data-role="time"]{
		position: absolute;
		display: block;
		top: 0; right:36px;
		width: 100px;
		text-align: center;
		height: 36px;
		line-height: 36px;
		font-size: 11px;
		font-weight: 600;
		cursor: default;
		color: #fff;
	}
	.yt-video .controls item[data-role="state"]{
		position: absolute;
		display: block;
		top: 0; right:146px;
		left: 46px;
		height: 36px;
		line-height: 36px;
		font-size: 11px;
		font-weight: 600;
		color: #fff;
		cursor: default;
	}
	.yt-video .controls item[data-role="state"] span{
		position: relative;
		display: block;
		height: 8px;
		top: 14px;
		left: 0; width: 100%;
		background-color: rgba(255,255,255,0.2);
		-o-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-ms-border-radius: 4px;
		border-radius: 4px;
		cursor: pointer;
	}
	.yt-video .controls item[data-role="state"] span span{
		position: absolute;
		display: block;
		left: 0; top: 0;
	
  	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
	}
	.yt-video .controls item[data-role="state"] span.current,
	.yt-video .controls item[data-role="state"] span.loaded{
		width: 0;
	}
	.yt-video .controls item[data-role="state"] span.current{
		background-color: rgba(255,255,255,0.5);
	}
	.yt-video .controls item{
		cursor: pointer;
	}
	.yt-video .controls item .material-icons{
		color: rgba(255,255,255,0.75);
		position: relative;
		display: block;
		width: 36px;
		height: 36px;
		font-weight: 100;
		line-height: 36px;
		text-align: center;
		font-size: 21px;
	}
	.yt-video .controls item:hover .material-icons{
		color: #fff;
	}
	.yt-video .play{
		position: absolute;
		display: block;
		left: 50%; top: 50%;
		width: 60px; height: 60px;
		line-height: 60px;
		margin-left: -35px;
		margin-top: -30px;
		cursor: pointer;
		text-align: center;
		z-index: 3;
	}
	.yt-video .play .material-icons{
		position: relative;
		display: block;
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 72px;
		color: rgba(255,255,255,0.55);
		text-align: center;
	}
	.yt-video .play:hover .material-icons{
		color: #fff;
	}
}
@media screen and (min-width: 640px) and (max-width: 1023px){
	#welle{
		height:300px !important;
	}
	#welle div{
	
    height: 293px !important;
   
	}

}
@media screen 
  and (max-width: 1023px) {
 	content .content .left{
		display: none;
	}
	content .content,
	footer .widgets{
		display: block;
	}
	content .content .right{
		width: 100%;
		max-width: 100%;
	}
	header nav{
		display: none;
	}
	#slider,
	#topimage{
		height: 175px;
	}
	#welle{
		top: 40px;
		left: 15px;
		right: 14px;
	}
	#welle div{
		height: 210px;
	}
	content .content{
		padding-top: 10px;
	}
	.light h1, .dark h1{
		font-size: 17px;
		line-height: 19px;
		font-weight: 500;
	}
	footer .widgets item  a{
		background-color: #84b4aa;
		margin-bottom: 1px;
		 padding: 0 8px;
		margin-top: 15px;
		line-height: 32px;
		color: #fff;
	}
	footer .widgets item  a:after{
		position: absolute;
		top: 0; right: 5px;
		font-family: "Material Icons";
		display: block;
		content: "\E315";
		font-size: 15px;
		line-height: 32px;
	}
	footer .widgets item sub item a{
		border-bottom: 1px solid rgba(255,255,255,0.55);
		line-height: 32px;  padding: 0 8px;
		background-color: transparent;
		margin-top: 0; color: #1465b7;
	}
	footer .widgets item sub item:last-child a{
		border-bottom: 0;
	}
	
	div[data-role="flex"] div[data-role="img"],
div[data-role="flex"] div[data-role="text"]{
	position: relative;
	display: block;	
	min-width: 100%;
	padding: 10px 0;
}
div[data-role="flex"] div[data-role="text"]{
	padding-left: 0;
}
div[data-role="flex"] div[data-role="img"]{
	max-width: 100%;
}
.gallery item{
	position: relative;
	display: block;	
	flex-grow: 1;	
	width: 33.33333333333333%;
	height: 160px;
	margin: 2px;
}
	
}