/* 
Item name: Menuzord - Anpassungen für club-blaues-meer.de
Author: www.mues-schrewe.de
*/


/* FONT herausgenommen auch in menuzord.css
======================================*/


/* 1 - MENU CONTAINER
======================================*/
.menuzord,
.menuzord *{
  font-family: 'Muli', Arial, sans-serif;
}
.menuzord {
	padding: 0 0;
	background: #00a294;
}

/* 3 - MENU
======================================*/

.menuzord-menu > li > a{
	padding: 10px 30px;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	border-right: 1px solid #fff;
}
/* Active/hover state (Menu items) */
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a{
	color: #fff;
	background: #5585c4;
}



/* 9 - SHOW/HIDE BUTTON (MOBILE MODE)
======================================*/
.menuzord .showhide{
	width: 60px;
	height: 46px;
	padding: 13px 0 0;
	display: none;
	float: right;
	text-decoration: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
/* Show/hide button icon */
.menuzord .showhide em{
	width: 20px;
	height: 3px;
	margin: 3.5px 20px 0;
	float: right;
	background: #777;
}

@media (max-width: 1199px) {
	
.menuzord-menu > li > a{
	padding: 10px 26px;
	font-size: 15px !important;
}
  
}

/* 14 - MOBILE MODE (RESPONSIVE MODE)
======================================*/
@media (max-width: 767px){
	
	.menuzord .showhide {
		height: 55px;
		padding: 13px 0px 0px;
		float: left;
		margin-left: 15px;
	}
	.menuzord .showhide em {
		width: 24px;
		height: 2px;
		margin: 4px 18px 0px;
		float: right;
		background: #fff;
	}	
	.menuzord-responsive .showhide p {
    	text-align: center;
    	font-size: 9px;
   		margin: 0px;
    	color: #FFF;
		line-height: 18px !important;
	}	
	.menuzord-responsive .menuzord-menu > li > a{
		padding: 10px 30px;
		border-bottom: solid 1px #fff;
	font-size: 14px !important;
	}
	.menuzord-responsive .menuzord-menu > li:first-child > a{
		border-top: solid 1px #fff;
	}	
	
	
}