@font-face { font-family: 'edelsans'; src: url('../../design/AlegreyaSansSC-Medium.otf') format('truetype'); font-weight: bold;}
@font-face { font-family: 'edelsans'; src: url('../../design/AlegreyaSans-Thin.otf') format('opentype'); }



 /*rot: FFF7F6, grün: F6FFF8*/
 html, body{
 	z-index: 0;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	font-family: edelsans, arial, sans-serif;
	word-break: keep-all;
	overflow-x: hidden;
}

img{
	width: 100%;
	heigth: auto;
}
h1{
	font-weight: normal;
}
h4{
	margin-bottom: 0; 
}

/*header*/
	@media (min-width: 1340px){
		.nav{
			width: 50%;
			left: 25%;	
		}
		.nav_elem{
			width: 20%;
			height: 75px;
			display: inline-block;
		}
		#menu, #navbar{
			display: none;
		}
		#slogan{
	 		padding: 10px;
	 	}
	}
	@media (max-width: 1339px) and (min-width: 700px){
	
		#nav{
			display: none;
		}
		#menu{
			position: absolute;
			z-index: 99;
			width: 50px;
			height: 50px;
			right: 5%;
			top: 140px;
			cursor: pointer;
			background: #40e0d0 url('../img/menu.png') no-repeat center center;
		}
		#navbar{
			visibility: hidden;
			display: block;
			position: absolute;
			z-index: 4;
			top: 140px;
			left: -5px;
			width: 101%;
		}
		.nav_elem{
			display: block;
			width: 350px;
			margin: 0 auto;
			color: #fff !important;
		}
		#slogan{
	 		padding: 10px 20% 10px 35%;
	 	}
		#stores_brands{
			width: 100% !important;
			height: 400px !important;
		}
		#pic_brands{
		 	width: 45% !important;
		}
		#table_brands{
			position: absolute;
			width: 45% !important;
			right: 5%;
			padding: 0 !important;
		}
		#table_brands td{
			width: 200px;
		}
	}
	
	@media (max-width: 699px){
		#nav{
			display: none;
		}
		#menu{
			position: absolute;
			z-index: 99;
			width: 50px;
			height: 50px;
			right: 5%;
			top: 140px;
			cursor: pointer;
			background: #40e0d0 url('../img/menu.png') no-repeat center center;
		}
		#navbar{
			position: absolute;
			visibility: hidden;
			display: block;
			z-index: 4;
			top: 140px;
			left: -5px;
			width: 101%;
		}
		.nav_elem{
			display: block;
			width: 350px;
			margin: 0 auto;
			color: #fff !important;
		}
		#slogan{
			height: 100px !important;
	 		padding: 10px 20% 10px 35%;
	 	}
		#stores_brands{
			position: inherit !important;
			display: block !important;
		 	width: 350px !important;
			height: 650px !important;
			margin-left: auto !important;
			margin: 0 auto;
		}
		#pic_brands{
			width: 100% !important;	
		}
		#table_brands{
			width: 95% !important;
			margin-right: 5%;
			padding: 0 !important;
		}
		.table_men_div{
			height: 0px !important;
			height: 500px !important;
		}
		.table_women_div{
			height: 0px !important;
			height: 500px !important;
		}
		#table_brands td{
			width: 200px;
		}
		
	}
	
	@media(max-width: 644px){
		#slogan{
			display: none;		
		}		
	}
	
	#header{
		position: absolute;
		z-index: 5;
		width: 80%;
		height: 140px;
		top: 0;
		left: -5px;
		padding-left: 15%;
		padding-right: 15%;
		box-shadow: 0px 0px 10px 5px #333;
	}
	#logo{
		position: absolute;
		z-index: 99;
		width: 300px;
		height: 222.75px;
		left: 5%;
		bottom: -112px;
	}
	.nav{
		position: absolute;
		height: 100px;
		bottom: 0px;
		left: 25%;
	}
	.nav_elem{
		position: relative;
		height: 50px;
		box-sizing: border-box;
		text-align: center;
		align: middle;	
	}
	.nav_elem h2{
		margin: 10px 0;
	}
	
	
	
/*content*/
	#wrapper{
		position: absolute;
		z-index: -1;
		min-height: 100%;
		width: 110%;
		top: 0;
		left: -5%;
		height: auto !important;
	}
	#content{
	 	width: 95%;
	 	margin: 300px auto 0;
	 	min-height: 50vh;
	 }
	#slogan{
		position: absolute;
		z-index: 2;
		box-sizing: border-box;
	 	top: 130px;
	 	left: -5%;
		width: 110%;
		height: 70px;
		text-align: center;
		font-size: 80%;
		word-break: keep-all;
	 	box-shadow: 0px 0px 5px 5px grey;
	}
	 #news{
	 	width: 50%;
	 	margin: -40px auto 0;
	 	text-align: center;
	 }
	 #footer{
	 	position: relative;
	 	width: 100%;
	 	height: 100%;
	 	bottom: -20px;
	 	margin: 100px auto 0;
	 	padding: 50px;
	 	text-align: center;
	 	word-break: keep-all;
	 	box-shadow: inset 0px 0px 10px -5px black;
	 	box-sizing: border-box;
	 }
	 
	 
	 
/*home*/
	#stopper{
		width: 60%;
		margin: 0 auto;
		padding: 2px;
		text-align: center;
	}
	#stores_home{
	 	width: 100%;
	 	margin-top: 50px;
	 	text-align: center;	 
	 	vertical-align: center;	
	 }
	 #pic_home{
	 	display: inline-block;
	 	position: relative;
	 	width: 49%;
	 	margin-left: 0px;
	 	overflow: hidden;
	 }
	 #pic_home_title{
	 	position: absolute;
	 	z-index: 50;
	 	width: 50%;
	 	left: 25%;
	 	margin-top: -40%;
	 }
	 #pic_home_title img{
	 	opacity: 1;
	 }
	 #pic_home_hover{
	 	position: absolute;
	 	z-index: 99;
	 	width: 100%;
	 	height: 100%;
	 	background: #fff;
	 	opacity: 0;
	 }
	 #pic_home_hover:hover{
	 	opacity: 0.4;
	 }
	 #genders{
	 	position: relative;
	 	z-index: 0;
	 	width: 60%;
	 	height: auto;
	 	margin: 50px auto 50px;
	 }
	
	
	 
/* offer */
	#text{
		width: 60%;
		margin: 0 auto;
	}
	#table{
		margin: 3%;
	 	text-align: left;
	}
	table{
	 	margin: 0 auto;
	}
	ul{
	 	padding: 20px;
	 	margin: 0;
	}
	li{
	 	padding: 5px;
	 	text-align: left;
	}
	
	
	 
/*brands*/
	#stores_brands{
		position: relative;
		display: inline-block;
		width: 45%;
		height: 900px;
		text-align: left;
		margin-left: 3.2%;
		overflow: hidden;
	}
	#pic_brands{
	 	display: inline-block;
	 	width: 100%;
	}
	#table_brands{
		display: inline-block;
		width: 100%;
		font-size: 1.5em;
		padding: 5%;
	}
	
/*scheesel*/
	#stores{
		text-align: left;
	}
	#text_stores{
		display: inline-block;
		width: 40%;
		padding-left: 10%;
		
	}
	#pic_store{
		position: absolute;
		display: inline-block;
	 	width: 30%;
	 	margin-top: 20px;
	 	margin-left: 5%;
	}

/* impressum */
	#text_imp{
		margin: 5% 20%;
	}