#custom-bootstrap-menu.navbar-default .navbar-brand 
{
	color: rgba(127, 127, 127, 1);
    border: 1px solid transparent;
    border-radius:12px;
    float:right;
    margin-right:15px;
    font-size: 20px;
    color:#58d168;
    box-sizing: border-box;
	display: none;
}

#custom-bootstrap-menu.navbar-default 
{
    font-size: 24px;
    background-color: rgba(255, 255, 255, 1);
    border-width: 0px;
    border-radius: 0px;
	/*position:relative;*/
    z-index: 4;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a 
{
    color: rgba(251, 251, 251, 1);
    background-color: rgba(255, 255, 255,0);
    border: 1px solid transparent;
    border-radius:12px;
    padding: 5px 10px;
    margin-right:15px;
    margin-top: 30px;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus 
{
    color: rgba(88, 209, 104, 1);
    border: 1px solid #58d168;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus 
{	
    color: rgba(255, 255, 255, 1);
    background-color: rgba(88, 209, 104, 1);
}

#custom-bootstrap-menu.navbar-default .navbar-toggle 
{
    border-color: #fff;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus 
{
	border-color: #58d168;
    background-color: #58d168;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar 
{
    background-color: #fff;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar 
{
    background-color: #ffffff;
}

.navbar-toggle .icon-bar:nth-of-type(2) 
{
	top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) 
{
  	top: 2px;
}

.navbar-toggle .icon-bar 
{
	  position: relative;
	  -webkit-transition: all 500ms ease-in-out;
  	  -moz-transition: all 500ms ease-in-out;
  	  -o-transition: all 500ms ease-in-out;
  	  -ms-transition: all 500ms ease-in-out;
	  transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) 
{
	  top: 6px;
	  -webkit-transform: rotate(45deg);
 	  -moz-transform: rotate(45deg);
  	  -o-transform: rotate(45deg);
 	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) 
{
	  background-color: transparent !important; 
}

.navbar-toggle.active .icon-bar:nth-of-type(3) 
{
	  top: -6px;
 	  -webkit-transform: rotate(-45deg);
   	  -moz-transform: rotate(-45deg);
   	  -o-transform: rotate(-45deg);
   	  -ms-transform: rotate(-45deg);
	  transform: rotate(-45deg);
}

.navbar-inner 
{
    text-align: center;
}

.nav
{
    float: none;
    display:inline-block;
}

.dropdown-menu 
{
	background-color: rgba(255, 255, 255, 0.3);
	font-size: 16px; 
}


#custom-bootstrap-menu.navbar-default .navbar-nav .dropdown-menu>li>a 
{
	color:#fff;
}

#custom-bootstrap-menu.navbar-default .navbar-nav .dropdown-menu>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav .dropdown-menu>li>a:focus 
{
	color:#fff;
	background-color: #58d168;
}

#custom-bootstrap-menu.navbar-default .navbar-nav .dropdown-menu>.active>a
{
    color: rgba(255, 255, 255, 1);
    background-color: rgba(88, 209, 104, 0.8);
}


@media only screen and (max-device-width: 736px), /* device muss da wieder zwischen*/
only screen and (max-width: 736px)
{
	#header
	{
		background: transparent;
	}
       
	#custom-bootstrap-menu.navbar-default
	{
		background-color: rgba(255,255,255,1);
		font-size: 16px;
		font-weight: bold;
		width:100%;
		margin: auto;
		/*border-bottom: 1px solid #272525;*/
		/*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);*/
		-webkit-transition: all 600ms ease-out;-moz-transition: all 600ms ease-out;-o-transition: all 600ms ease-out;-ms-transition: all 600ms ease-out;transition: all 600ms ease-out;
	}
	
	.menu-shadow {box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);}
	#custom-bootstrap-menu .navbar-collapse{padding: 0;margin: 0 5%;}

	#custom-bootstrap-menu.navbar-default .navbar-brand 
	{
		display: initial;
		color:#272525;
		font-size: 16px;
		float: left;
	}
	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a 
	{
		border: 1px solid #58d168;
		border-radius:0;
	}
	
	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover
	{	
		color:#58d168;
		background: transparent; 
	    border: 1px solid #58d168;
	}
	
	#custom-bootstrap-menu.navbar-default .navbar-toggle 
	{
    	border-color:transparent;
    	float:right;
	}
	
	#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar 
	{
    	background-color:#272525 ;
	}
	
	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a 
	{
		color:#58d168;
	}
	
	.navbar-inner {
 	   text-align: left;
 	   padding:5px 0%;
	}
	.custom-inner{
		padding:0px 2%;
	}
	
	.navbar-toggle {
		margin-right: -10px;
		padding: 9px 10px 9px 0px;
	}
	
	.nav 
	{
    	float: none;
		display:initial;
	}
	
	#custom-bootstrap-menu.navbar-default .navbar-nav .dropdown-menu>li>a 
	{
		color:#58d168;
	}
	
	#custom-bootstrap-menu.navbar-default .navbar-nav .dropdown-menu>li>a:hover,
	#custom-bootstrap-menu.navbar-default .navbar-nav .dropdown-menu>li>a:focus 
	{
		color:#58d168;
		background-color: transparent;
	}
	
	#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
	#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar 
	{
    	background-color: #272525;
	}
	
	#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
	#custom-bootstrap-menu.navbar-default .navbar-toggle:focus 
	{
		border-color: transparent;
		background-color: #fff;
	}
	#custom-bootstrap-menu .navbar-collapse {
		
		border-top: 0px solid #272525;
	}
	.custom-collapse{padding:20px 0% 30px 0%;}
	.navbar-brand{padding:18px 15px 15px 0px;}
	.navbar-brand::after{ content:'22quadrat';}
	.navbar-brand.active-brand::after{content:'menu';}
	.navbar-collapse .bodytext{margin-bottom: 0px;}
	.navbar-collapse .activeLink {color:#727070;}
	#custom-bootstrap-menu{display: inherit;}
   	#header, #current-header{display: none;}
   	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: unset;}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape), only screen and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (orientation: landscape), only screen and (min-device-width: 414px) 
  and (max-device-width: 736px)
  and (orientation: landscape){  
	.nav{float:left;margin-left: 0%; width: 25%;white-space: normal;}
	.navbar-nav{margin: 0 0px 30px 0;}
	#custom-bootstrap-menu .navbar-collapse{margin: 0 5% 15px 5%;}
}