/*
 * Burgermenü-Kopie für den Zustand ohne body.scrolled
 * Diese Datei NACH dem bisherigen Navigations-CSS einbinden.
 * Wirkung:
 * - unter 1500 px: Burgermenü weiterhin durch die vorhandenen Media Queries
 * - ab 1500 px ohne .scrolled: Burgermenü durch diese Regeln
 * - ab 1500 px mit .scrolled: vollständiges Menü
 */

body:not(.scrolled) {
cursor: pointer;
}

body:not(.scrolled) .navbar-nav .open .dropdown-menu {
position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
}

body:not(.scrolled) .hide-dropdown a.sidebarnavititle .caret {
display:inline-block;
}

body:not(.scrolled) .caret {
display: inline-block;
		float: right;
		margin-top: 13px;
}

body:not(.scrolled) .caret,
body:not(.scrolled) .navbar-nav .dropdown-submenu > a:before {
display: inline-block;
		width: 0;
		height: 0;
		margin-left: 2px;
		vertical-align: middle;
		border-right:0 !important;
		border-top: 6px solid transparent !important;
		border-bottom: 6px solid transparent !important;
		border-left: 6px solid #fff !important;
}

body:not(.scrolled) .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before,
body:not(.scrolled) .dropdown.open a.sidebarnavititle .caret {
border-top-color: #555555 !important;
		border-left:6px solid transparent !important;
		border-right:6px solid transparent !important;
		border-top: 6px solid #fff !important;
}

body:not(.scrolled) .navbar-nav .dropdown-submenu > a:before {
margin-top: 17px !important;
}

body:not(.scrolled) .navbar-nav .dropdown li {
text-indent: 10px;
		background-color: #030303;
}

body:not(.scrolled) .navbar-nav .dropdown-submenu .grau {
background-color: #030303;
}

body:not(.scrolled) .dropdown-menu .nav-zwei {
text-indent: 20px;
}

body:not(.scrolled) .dropdown-menu .nav-drei {
text-indent: 25px;
}

body:not(.scrolled) .navbar-toggle .icon-bar {
position:relative;
}

body:not(.scrolled) .navbar-default .navbar-toggle .icon-bar {
background:#ef7f1b;
}

body:not(.scrolled) .navbar-toggle.active .icon-bar.bar1 {
top: 6px;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
}

body:not(.scrolled) .navbar-toggle.active .icon-bar.bar2 {
background-color: transparent;
}

body:not(.scrolled) .navbar-toggle.active .icon-bar.bar3 {
-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
}

body:not(.scrolled) #mainmenu .navbar-default ul.nav {
float:left;
		width:100%;
}

body:not(.scrolled) #mainmenu .navbar-default ul.nav li {
float:left;
		width:100%;
		display:block;
}

body:not(.scrolled) .dropdown-menu > li > a {
height: 40px;
		line-height: 40px;
		color: #f7f7f7;
}

body:not(.scrolled) .navbar-collapse.weik-sidepmenu {
position:fixed;
}

body:not(.scrolled) .navbar-nav>li>a {
height: 50px;
		line-height:50px;
		color:#fff !important;
		padding:0px 12px 0 25px!important;
}

body:not(.scrolled) .dropdown-submenu > a:before {
top:11px;
		margin-right:0px !important;
}

body:not(.scrolled) .navbar-default .navbar-nav > .open > a,
body:not(.scrolled) .navbar-default .navbar-nav > .open > a:hover,
body:not(.scrolled) .navbar-default .navbar-nav > .open > a:focus,
body:not(.scrolled) .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a,
body:not(.scrolled) .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:hover,
body:not(.scrolled) .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:focus {
background-color:#030303;
		color:#f7f7f7 !important;
}

body:not(.scrolled) #hauptnavigation > ul > li.dropdown.m_open.open > ul > li.dropdown-submenu.m_open.grau.open > a {
font-weight: bold !important;
		background-color: #707070 !important;
}

body:not(.scrolled) #hauptnavigation > ul > li.dropdown.open > ul > li.dropdown-submenu.grau.open > ul > li a,
body:not(.scrolled) #hauptnavigation > ul > li.dropdown.m_open.open > ul > li.dropdown-submenu.m_open.grau.open > ul > li > a {
background-color: #707070 !important;
}

body:not(.scrolled) #hauptnavigation > ul > li.dropdown.m_open.open > ul > li.dropdown-submenu.m_open.grau.open > ul > li > a.active {
background-color: #ef7f1b !important;
}

body:not(.scrolled) li.open .sidebarnavititle {
background-color: #030303 !important;
}

body:not(.scrolled) #mainmenu .navbar-default ul.nav li.dropdown.open a.sidebarnavititle {
/*background-color:#030303;*/
		height:40px;
		line-height:40px;
		font-weight: bold;
}

body:not(.scrolled) .sidebarnavititle.active,
body:not(.scrolled) .dropdown-submenu.m_open.grau a,
body:not(.scrolled) .dropdown-submenu.grau a,
body:not(.scrolled) #mainmenu .navbar-default ul.nav li a {
height:40px; line-height:40px;
		padding-top:0px !important;
		padding-bottom:0px !important;
}

body:not(.scrolled) .dropdown-menu.main-dropdown-menu {
float:left;
		padding-top:0px;
}

body:not(.scrolled) .dropdown-menu {
padding: 0 !important;
}

body:not(.scrolled) .sidebarnavititle.active .caret {
top:14px !important;
}

body:not(.scrolled) .navbar-nav>li>a:hover,
body:not(.scrolled) .navbar-nav>li>a:focus,
body:not(.scrolled) .navbar-nav>li>a:active {
color:#cc3f4a;
}

body:not(.scrolled) ul.dropdown-menu.main-dropdown-menu li.open a {
color: #ef7f1b !important;
}

body:not(.scrolled) #hauptnavigation {
background:#333;
}

body:not(.scrolled) .collapse.navbar-collapse#hauptnavigation {
right: -240px;
		position:fixed;
		width: 240px;
		height: 100%;
		top: 0;
		bottom: 0;
		z-index: 1000;
		visibility: visible;
		padding: 0;
		margin: 0 !important;
	   -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		display:block;
		overflow-y:visible;		
		overflow-x:hidden;
}

body:not(.scrolled) .show-left-menu {
right:0px !important;
}

body:not(.scrolled) .weik-sidepmenu {
background: #47a3da;
		position: fixed;
}

body:not(.scrolled) .weik-sidepmenu h3 {
color: #afdefa;
		font-size: 1.9em;
		padding: 20px;
		margin: 0;
		font-weight: 300;
		background: #0d77b6;
}

body:not(.scrolled) .weik-sidepmenu a {
display: block;
		color: #fff;
		font-size: 1.1em;
		font-weight: 300;
}

body:not(.scrolled) .weik-sidepmenu a:hover {
background: #258ecd;
}

body:not(.scrolled) .weik-sidepmenu a:active {
background: #afdefa;
		color: #47a3da;
}

/* Orientation-dependent styles for the content of the menu */
body:not(.scrolled) .weik-sidepmenu-vertical {
width: 240px;
		height: 100%;
		top: 0;
		bottom:0;
		z-index: 1000;
}

body:not(.scrolled) .weik-sidepmenu {
position: fixed;
		padding: 0;
		margin: 0 !important;
		overflow-x: hidden;
		overflow-y: visible;
		display: block;
		visibility: visible;
}

body:not(.scrolled) .weik-sidepmenu-vertical a {
border-bottom: 1px solid #424242;
		padding: 1em;
}

body:not(.scrolled) .weik-sidepmenu-horizontal {
width: 100%;
		height: 150px;
		left: 0;
		z-index: 1000;
		overflow: hidden;
}

body:not(.scrolled) .weik-sidepmenu-horizontal h3 {
height: 100%;
		width: 20%;
		float: left;
}

body:not(.scrolled) .weik-sidepmenu-horizontal a {
float: left;
		width: 20%;
		padding: 0.8em;
		border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */
body:not(.scrolled) .weik-sidepmenu-left {
left: -260px;
}

body:not(.scrolled) .weik-sidepmenu-right {
right: -260px;
}

body:not(.scrolled) .weik-sidepmenu-left.weik-sidepmenu-open {
left: 0px;
}

body:not(.scrolled) .weik-sidepmenu-right.weik-sidepmenu-open {
right: 0px;
}

/* Horizontal menu that slides from the top or bottom */
body:not(.scrolled) .weik-sidepmenu-top {
top: -150px;
}

body:not(.scrolled) .weik-sidepmenu-bottom {
bottom: -150px;
}

body:not(.scrolled) .weik-sidepmenu-top.weik-sidepmenu-open {
top: 0px;
}

body:not(.scrolled) .weik-sidepmenu-bottom.weik-sidepmenu-open {
bottom: 0px;
}

/* Push classes applied to the body */
body:not(.scrolled) .weik-sidepmenu-push {
overflow-x:visible;
		position: relative;
		right: 0;
}

body:not(.scrolled) .weik-sidepmenu-push-toright {
right: 240px;
}

body:not(.scrolled) .weik-sidepmenu-push-toleft {
right: -240px;
}

/* Transitions */
body:not(.scrolled) .weik-sidepmenu,
body:not(.scrolled) .weik-sidepmenu-push {
-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
}

body:not(.scrolled) #mainmenu .navbar-collapse {
padding-right: 0px;
	padding-left: 0px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: none;
	box-shadow: none;
}

body:not(.scrolled) #mainmenu .navbar-collapse ul.nav {
/*zentriert die ausgeklappte Navigation */ 
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;		
	margin-right: 0px;	
	width: 100%;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	text-align: center;
	float: none;
	display: block;
}

body:not(.scrolled) #mainmenu .navbar-collapse ul.nav li {
position: relative;
	display: block;
	margin-right:0px;	
	margin-left:0px;
}

body:not(.scrolled) #mainmenu .navbar-collapse ul.nav li a {
position: relative;
	display: block;
	padding: 10px 12px;
	padding-left:25px;
	color:#f7f7f7 !important;
	text-decoration: none;
	text-align:left;
}

body:not(.scrolled) #mainmenu .navbar-collapse ul.nav > li > a {
color: #030303;
	text-transform: uppercase;
    font-size: 15px !important;
	text-align:left;
}

body:not(.scrolled) #mainmenu .navbar-collapse ul.nav li a:hover,
body:not(.scrolled) #mainmenu .navbar-collapse ul.nav li a:focus {
color: #fff !important;
    text-decoration: none;
    background-color: #707070;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

body:not(.scrolled) #mainmenu .navbar-collapse ul.nav li a.active,
body:not(.scrolled) #mainmenu .navbar-collapse ul.nav li a.active:hover,
body:not(.scrolled) #mainmenu .navbar-collapse ul.nav li a.active:focus {
background-color: #ef7f1b;
    cursor: default;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #fff !important;
    font-weight: bold;
}

body:not(.scrolled) #hauptnavigation > ul > li.dropdown.open > ul > li.dropdown-submenu.grau.open > a {
font-weight: bold;
}

body:not(.scrolled) #mainmenu .navbar-collapse .grau {
background-color: #030303;
}

body:not(.scrolled) #hauptnavigation > ul > li.dropdown.open > ul > li.dropdown-submenu.grau.open {
background-color: #707070 !important;
}

/* Ohne Scrollzustand: Burger-Button anzeigen */
body:not(.scrolled) #mainmenu .navbar-toggle,
body:not(.scrolled) #mainmenu .toggle-wrap,
body:not(.scrolled) #mainmenu .togglehead {
    display: block !important;
}

/* Ab 1500 px und nach dem Scrollen: Burger-Button ausblenden */
@media screen and (min-width: 1500px) {
    body.scrolled #mainmenu .navbar-toggle,
    body.scrolled #mainmenu .toggle-wrap,
    body.scrolled #mainmenu .togglehead {
        display: none !important;
    }
}