header.active nav {
	right: 30px;
	top:15px;
}


#nav {
	display:block;
}
#nav .menu_main {
	text-align:left;
}
#nav .menu_main li{
	margin-right:20px;
	list-style-type:none;
	padding-bottom:0;
	display:inline-block;
	position:relative;
}

#nav .menu_main li a,
#nav .menu_main li span {
	text-transform:uppercase;
	color:blue;
	font-size:18px;
	font-weight:300;
	
	padding-bottom:2px;
	border-bottom:1px solid transparent;
	
	-webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}

#nav .menu_main li a:hover {
	color:#FFF;
	cursor:pointer;
}
#nav .menu_main li span:hover {
	cursor:default;
	text-decoration:none;
}
.b2b #nav .menu_main li a,
.b2b #nav .menu_main li span,
.b2b h3{
	color:#FFF;
}
.b2b h1,
.b2b h2,
/*.b2b p strong,*/
.b2b #nav .menu_main li a:hover,
.b2b .menu_bottom li a:hover,
.b2b .menu_sitemap a:hover,
.b2b .nachOben:hover {
	color:#f3241d;
}
.musik #nav .menu_main li a,
.musik #nav .menu_main li span {  
	color:#FFF;
}
.musik h1,
.musik h2,
/*.musik p strong,*/
.musik #nav .menu_main li a:hover,
.musik .menu_bottom li a:hover,
.musik .menu_sitemap a:hover,
.musik .nachOben:hover  {
	color:#7557E5;
}
.fans #nav .menu_main li a,
.fans #nav .menu_main li span {
	color:#FFF;
}
.fans h1,
.fans h2,
/*.fans p strong,*/
.fans #nav .menu_main li a:hover,
.fans .menu_bottom li a:hover,
.fans .menu_sitemap a:hover,
.fans .nachOben:hover  {
	color:#43C8DB;
}

.news #nav .menu_main li a,
.news #nav .menu_main li span {  
	color:#FFF;
}
.news h1,
.news h2,
/*.news p strong,*/
.news #nav .menu_main li a:hover,
.news .menu_bottom li a:hover,
.news .menu_sitemap a:hover,
.news .nachOben:hover  {
	color:#43C8DB;
}

.cafechillax #nav .menu_main li a,
.cafechillax #nav .menu_main li span {
	color:#074985;
}
.cafechillax h1,
.cafechillax #header h1,
.cafechillax h2,
/*.cafechillax p strong,*/
.cafechillax #nav .menu_main li a:hover,
.cafechillax .menu_bottom li a:hover,
.cafechillax .menu_sitemap a:hover,
.cafechillax .nachOben:hover  {
	color:#074985;
}
.breakfast #nav .menu_main li a,
.breakfast #nav .menu_main li span {
	color:#FFF;
}
.breakfast h1,
.breakfast h2,
/*.breakfast p strong,*/
.breakfast #nav .menu_main li a:hover,
.breakfast .menu_bottom li a:hover,
.breakfast .menu_sitemap a:hover,
.breakfast .nachOben:hover  {
	color:#839EFA;
}


.login #nav .menu_main li a,
.login #nav .menu_main li span {
	color:#FFF;
}
.login h1,
.login h2,
/*.login p strong,*/
.login #nav .menu_main li a:hover,
.login .nachOben:hover  {
	color:#940f77;
}
.login .menu_bottom li a:hover,
.login .menu_sitemap a:hover {
	color: #000;
}



.b2b #logo:hover path{
	fill: #f3241d;
}
.fans #logo:hover path{
	fill: #43C8DB;
}
.musik #logo:hover path{
	fill: #7557E5;
}
.cafechillax #logo path{
	fill: #063874;
}
.cafechillax #logo:hover path{
	fill: #074985;
}
.news #logo:hover path{
	fill: #9198C9;
}

.b2b .webDesign {
	background-color:#f3241d;
}
.fans .webDesign {
	background-color:#43C8DB;
}
.musik .webDesign {
	background-color:#7557E5;
}
.cafechillax .webDesign {
	background-color:#074985;
}
.breakfast .webDesign {
	background-color:#839EFA;
}
.login .webDesign {
	background-color:#b00162;
}

/*
 *
 *       unter menu 
 *	 
 */

#nav .menu_main  li ul {
	margin-bottom: 10px;
    margin-top: -15px;
	position:absolute;
	right:0;
	
	display:none; 
}
#nav .menu_main li ul li {
	margin-left:0;
	float:none;
	line-height:25px;
	text-align:right;
}

#nav .menu_main li ul.sichtbar {
	display:block;
}


/************************************************************
*
*			 mobiles menu 			
*				
************************************************************/


/* 
		mobileNav Offner
*/

#mobileNavOffner {
	position:fixed;
	top:20px;
	right:10px;
	height:50px;
	width:auto;
	z-index:50;
	line-height:50px;
	/*background-color:#eee;*/
	
	/* unsichtbar */
	display:none;
}
#mobileNavOffner span {
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}


#mobileNavOffner span:before {
	background: url("../images/menu.svg") no-repeat scroll center bottom 17px / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin: 0 10px;
    width: 30px;
    vertical-align: middle;
}

.desktop #mobileNavOffner span:hover {
	/*color:#000;*/
	cursor:pointer;
}


/*
		mobiles menu 
*/


#mobile-nav {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:0;
	background-color:#fff;
	z-index:19;
	
	/* unsichtbar */
	display:none;
	overflow:hidden;
	
	-webkit-transition: all 0.8s ease; 
	   -moz-transition: all 0.8s ease;
		-ms-transition: all 0.8s ease;
		 -o-transition: all 0.8s ease;
			transition: all 0.8s ease;
			
			
		
			
	padding-top:90px; /* 90px = header height fixed
					   * Damit alle menu punkte sichtbar bleiben
					   * Sonnst werden die vom header überdeckt
					   */

} 


/*
.news #mobile-nav {
	background-color:#43C8DB;
	
}
*/
#mobile-nav.auf {
	
	height:calc(100% - 90px); /* 90px = header height fixed */				   
	
	/*height:100%;*/		  /* Hier ohne fixed Header */
	overflow:scroll;
}

#mobile-navWrapp {
	padding: 0px 20% 0px;
	opacity:0;
	
	transition: all 0.7s ease; 
    -webkit-transition: all 0.7 ease; 
    -moz-transition: all 0.7 ease;
    -o-transition: all 0.7 ease;
}

#mobile-nav.auf #mobile-navWrapp {
	opacity:1;
}
 
#mobile-navWrapp ul {
	margin-bottom:0;
}

.menu_mobile-nav {
	padding: 30px 0; 
}

#mobile-nav li {
	text-align:center;
	border-bottom:2px solid #fff;
	list-style-type:none;
}
#mobile-nav li:last-child {
	border-bottom:none;
}


#mobile-nav a,
#mobile-nav span.nav-header {
    color: #999;
    font-size: 16px;
	padding:20px;
    font-weight: 300;
    letter-spacing: 1px;
	display:block;
    text-transform: uppercase;
	font-family: 'Lato', sans-serif;
}

.menu_mobile-nav .item-142,
.menu_mobile-nav .item-141,
.menu_mobile-nav .item-176   {
	display: none;
}

.desktop #mobile-nav a:hover/*,
.desktop #mobile-nav span.nav-header:hover*/  {
    color: #fff;
	cursor:pointer;
}
#mobile-nav span.nav-header img {
vertical-align:top;
}

/*
		mobiles untermenu in schubladen
*/

#mobile-nav li.parent {
	height:51px;
	padding:0;
	overflow:hidden;
}
#mobile-nav li.parent.auf {
	height:auto;
	background:#f3f3f3;
}
#mobile-nav li.parent li {
	border-bottom: 1px solid #fff;
	padding-bottom:0;
}


#mobile-nav li.parent a,
#mobile-nav li.parent span.nav-header  {
	padding:0 10px;
	height:51px;
	line-height:51px; 
	color:#000;
	background-color: #e5e5e5;
}
 
#mobile-nav li.parent span#copyright {
	padding:0 10px;
	height:51px;
	line-height:51px; 
}
/* schubladen oeffner,  wenn die schublade auf ist 
#mobile-nav li.parent.auf span.separator,*/
#mobile-nav li.parent.auf span.nav-header  {
	color:#000;
	background-color: #e5e5e5;
	border-bottom:1px solid #fff;
}

#mobile-nav li.parent span.nav-header.b2b  {
	background-color: #000;
	color:#fff;
}
#mobile-nav li.parent span.nav-header.fans  {
	background-color: #e31a3c;
	color:#fff;
}
#mobile-nav li.parent span.nav-header.music  {
	background-color: #ff9000;
	color:#fff;
}
#mobile-nav li.parent span.nav-header.news  {
	background-color: #181ef8;
	color:#fff;
}
#mobile-nav li.parent span.nav-header.shops  {
	background-color: #97BC3F;
	color:#fff;
}



#mobile-nav li.parent.auf a,
#mobile-nav li.parent.auf span {
	color:#777;
	background-color: #f2f2f2;
}
#mobile-nav li.parent.auf span.nav-header span.image-title {
	color:#fff;
	background-color:transparent;
}

#mobile-nav li.parent.auf span.nav-header.fans + .nav-child a  {
	background-color: #d91032 ;
	color:#fff;
}
#mobile-nav li.parent.auf span.nav-header.b2b + .nav-child a  {
	background-color: #1c1c1c;
	color:#fff;
}
#mobile-nav li.parent.auf span.nav-header.music + .nav-child a  {
	background-color: #ffb828;
	color:#fff;
}
#mobile-nav li.parent.auf span.nav-header.news + .nav-child a  {
	background-color: #0a10ea;
	color:#fff;
}
#mobile-nav li.parent.auf span.nav-header.shops + .nav-child a  {
	background-color: #8EB336;
	color:#fff;
}

.desktop #mobile-nav li.parent.auf a:hover/*,
.desktop #mobile-nav li.parent.auf span:hover */ {
	background-color: #e5e5e5;
}



/************************************************************
*
*				menu unten
*				
************************************************************/

.menu_bottom {
	list-style-type:none;
	margin:0;
}

.menu_bottom li {
	float:left;
	padding:0;
	padding-right:15px;
	padding-bottom:15px;
	
	font-size:14px;
	line-height:16px;
}

/*
.menu_bottom .item-109 {
	float:right;
	padding-right:0px;
}
*/
.menu_bottom .item-110 {
	float:right;
	padding-right:0px;
}

.menu_bottom li a,
.menu_bottom li span {
	color:#fff;
	font-weight:300;
}


/************************************************************
*
*			Sitemap - menu mit untermenu ( KAGE )
*
************************************************************/


.moduletable_sitemap h3 {
	color:#fff;
	margin:40px 0 0 0;
}

.moduletable_sitemap img,
.menu_sitemap .item-141,
.menu_sitemap .item-142,
.menu_sitemap .item-176  {
	display:none;
}

.menu_sitemap li {
	list-style-type:none;
	font-size: 14px;
	line-height: 16px;
}

.menu_sitemap li.parent {
	float:left;
	width:16%;
}
.menu_sitemap li.parent:first-child {
	padding-right:10px;
}
.menu_sitemap li.item-146 {
	text-align:right;
	float:right;
}

.menu_sitemap .parent > span {
	padding-bottom: 10px;
	display: inline-block;
	color: #fff;
	line-height: 24px;
	text-transform: uppercase;
	font-size: 20px;
}
.menu_sitemap a,
.menu_sitemap span  {
	color:#fff;
}


#footer .container{
	margin:0 25%;
}
.cafechillax #footer{
	color:blue;
}
/* 
 *	für alle mobile geräte 
 *	das mobile menu 
 */
 
 /*
	.mobile #nav ,
	.mobile .sidebar-menu	{
		display:none;
	}
	
	.mobile #mobile-nav,
	.mobile #mobileNavOffner,
	.mobile #mobileTel  {
		display:block;
	}
*/
	
	/********************/
	
@media screen and (max-width: 850px) {
	
/* 
 *  für desktop geräte 
 *	das mobile menu 
 */
 
	#nav, 
	.sidebar-menu	{
		display:none;
	}
	
	#mobile-nav,
	#mobileNavOffner,
	#mobileTel {
		display:block;
	}
	/*
	.desktop #nav, 
	.desktop .sidebar-menu	{
		display:none;
	}
	
	.desktop #mobile-nav,
	.desktop #mobileNavOffner,
	.desktop #mobileTel {
		display:block;
	}
	*/
	
	/********************/
	
	
	.menu_bottom .item-109 {
		float:left;
		padding-right:15px;
		clear:both;
	}
	
	
	.cafechillax #logo path{
		fill: #fff;
	}
	.cafechillax #logo:hover path{
		fill: #3476b2;
	}

	.cafechillax #backgrund h1 {
    	color: #3476b2;
	}
	/* Sitemap - menu mit untermenu ( KAGE ) */
	.moduletable_sitemap h3 {
	  margin: 10px 0 20px 0;
	  padding-bottom:0;
	}

	.menu_sitemap li.parent:first-child {
		 padding-right: 0px;
	}
	.menu_sitemap li.parent {
		width: 33%;
		vertical-align: top;
		display: inline-block;
		float:none;
		
	}
	
	.menu_sitemap li.item-134.deeper.parent {
		float:none;
		
	}
	.menu_sitemap li.parent:nth-child(3),
	.menu_sitemap li.parent:last-child {
		text-align:right;
		float:none;
	}
	
}



/* smartphone hoch */
@media only screen and (max-width: 567px) {
	
	#mobile-nav #mobile-navWrapp {
		padding: 0px 15px;
	}
	
	.menu_bottom li,
	.menu_bottom .item-110 {
		float:none;
	}
	
	/* Sitemap - menu mit untermenu ( KAGE ) */
	.moduletable_sitemap h3 {
	  margin: 10px 0 20px 0;
	}

	.menu_sitemap li.parent {
		float:none;
		width:100%;
		text-align: left;
	}
	
	.menu_sitemap li.parent:nth-child(3),
	.menu_sitemap li.parent:last-child {
		text-align:left;
		float:none;
	}
}

/* Bottom Menu auch dabei im mobilen Menu (ESD Protect)


#mobile-nav .menu_bottom {
    float: none;
	text-align:center;
	 margin-top: 30px;
}

#mobile-nav .menu_bottom li {
    float: none;
	padding-right:0;
}


#mobile-nav .menu_bottom li.item-110,
#mobile-nav .menu_bottom li.item-109 {
	display:inline;
	border-bottom:none;
	
}
#mobile-nav .menu_bottom li.item-110 span {
	font-size:10px;
	padding-left: 0;
	padding-top:0;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	
}
#mobile-nav .menu_bottom li {
	display:none;
	border-bottom:none;
}

#mobile-nav .menu_bottom li.item-117 {
	display:block;
	font-size:10px;
	letter-spacing: 0px;
	font-family:Arial, Helvetica, sans-serif;
}

#mobile-nav .menu_bottom li a {
	display:inline;
	font-size:10px;
	padding-left: 5px;
	padding-right: 5px;
	letter-spacing: 0px;
	padding-top:0;
	font-family:Arial, Helvetica, sans-serif;
}

#mobile-nav .navigiereList li:last-child {
	border-bottom:none;
}
#mobile-nav span.separator,#mobile-nav span#copyright {
	display:inline-block;
	color: #999;
	cursor:default;
}
#mobile-nav span.separator {
	padding-right:0px;
	padding-left: 0;
	
}
#mobile-nav span#copyright {
	padding-left:0;
	padding-right: 5px;
}

/* Bottom Menu auch dabei ende */