/*wichtig für adminmenue*/
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
	font-family: 'Jost', sans-serif;
	font-weight:400;
	font-size:14px;
	text-transform: uppercase;
}
 
.navbar.navbar-inverse {
  background-color: #19233e;
}
.nav > li {
    position: relative;
    display: block;
}

.navbar.navbar-inverse .navbar-nav > li > a {
  background-color: transparent;
  color: #ffffff;
}
.navbar.navbar-inverse .navbar-nav > li > a:hover {
  color: #ffffff;                                     /*normaler zustand der button*/
}
.navbar.navbar-inverse .navbar-nav > .active,
.navbar.navbar-inverse .navbar-nav > .active > a,
.navbar.navbar-inverse .navbar-nav > .active > a:hover,
.navbar.navbar-inverse .navbar-nav > .active > a:focus {
  background-color: #19233e;
  color: #fff;
}

/*drop down*/
.navbar.navbar-inverse .dropdown-menu {
  background-color:#59acb3;
  color:#fff;
}
.navbar.navbar-inverse .dropdown-menu > li > a {
  color: #fff;
}
.navbar.navbar-inverse .dropdown-menu > li > a:hover,
.navbar.navbar-inverse .dropdown-menu>li>a:focus {
  background: #e30614;
  color: #fff;
}
.navbar.navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle,
.navbar.navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle,
.navbar.navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #3e968a;
  color: #ffffff;
}
.navbar.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
  border-bottom-color: #486972;
}
.navbar.navbar-inverse .navbar-brand {
  color: #cc0000;
}
.navbar-brand img{width:100%;}
.navbar-brand {
	font-size:22px;
	font-family: 'Jost', sans-serif;
	font-weight:600;
	font-style: normal;
}
.navbar-inverse .navbar-toggle .icon-bar {     /*linien in kleinem icon mobile*/
  background-color: #fff;
}
.navbar-inverse .navbar-toggle .icon-bar:hover {
    border-color: #fff;
}
.navbar-inverse .navbar-toggle {
    border-color: #444;
	background:#59acb3;
}

.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background:#59acb3;}/*Hintergrund icon toggle menue*/

/*#486972; = dunkles grün, #3e968a = helles grün,#42cbad 0 türkis*/
/* #e30614  = SPD Standard rot, #ce0910 dunkelrot verlauf, #59acb3 helles türkis, #2a7374 dunkles türkis */

@media (min-width:320px) and (max-width:549px){
	.navbar-nav {
		margin: 0px -15px;
	}
	.navbar-brand{
		width:80%;
		max-width:390px;
		overflow:hidden;
	}
	.navbar-brand > img{
		margin-top:0px;
	}
	
}
@media (min-width:550px) and (max-width:767px){
	.navbar-nav {
		margin: 0px -15px;
	}
	.navbar-brand{
		max-width:390px;
		overflow:hidden;
	}
	.navbar-brand > img{
		margin-top:-8px;
	}
}
@media (min-width:320px) and (max-width:767px){
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { /*linie unter menu mobile*/
		border-color: #59acb3;
	}	
	.navbar-inverse {
		background-color: #222;
		border-color: #59acb3;						/*linie aus mobile  gesamt*/
	
	}
	.navbar.navbar-inverse .navbar-nav > li > a {
		background-color: transparent;
		color: #fff;
		border-top:1px solid #59acb3;
		border-bottom:2px solid #59acb3;
	}
	.navbar.navbar-inverse .navbar-nav > li > a:hover {
		color:#fff;
		border-top:1px solid #59acb3;
		border-bottom:2px solid #1d696b;
		background: #59acb3; /* Old browsers */
		background: -moz-linear-gradient(top, #59acb3 0%, #2a7374 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #59acb3 0%,#2a7374 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #59acb3 0%,#2a7374 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59acb3', endColorstr='#2a7374',GradientType=0 ); /* IE6-9 */
		}
	/*zweiter Level*/
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #fff;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #000000;
		background-color: transparent;
	}
	 /*#59acb3 helles türkis, #2a7374 dunkles türkis */
	.navbar.navbar-inverse .navbar-nav > .active, .navbar.navbar-inverse .navbar-nav > .active > a, .navbar.navbar-inverse .navbar-nav > .active > a:hover, .navbar.navbar-inverse .navbar-nav > .active > a:focus {
		color:#fff;
		border-top:1px solid #59acb3;
		border-bottom:2px solid #1d696b;
		background: #59acb3; /* Old browsers */
		background: -moz-linear-gradient(top, #59acb3 0%, #2a7374 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #59acb3 0%,#2a7374 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #59acb3 0%,#2a7374 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59acb3', endColorstr='#2a7374',GradientType=0 ); /* IE6-9 */
		}
	.navbar.navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle,
	.navbar.navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle,
	.navbar.navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle {
		color:#fff;
		border-top:1px solid #59acb3;
		border-bottom:2px solid #1d696b;
		background: #59acb3; /* Old browsers */
		background: -moz-linear-gradient(top, #59acb3 0%, #2a7374 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #59acb3 0%,#2a7374 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #59acb3 0%,#2a7374 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59acb3', endColorstr='#2a7374',GradientType=0 ); /* IE6-9 */
		}	
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
		color: #fff;
		background-color: transparent;
	}	
}

@media (min-width:768px){
	.navbar-nav > li {
		margin: .2em .4em;
		padding:0px 0px 4px 0px;
		cursor: pointer;
		background: #19233e;/*button Hindergrung Standard*/
		text-decoration: none;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;

	}

	.navbar-nav > li:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 51%;
	  right: 51%;
	  bottom: 0;
	  background: #e30614;                          /*linie bei hover*/
	  height: 4px;
	  -webkit-transition-property: left, right;
	  transition-property: left, right;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}	
	.navbar-nav > li:hover:before, .navbar-nav > li:focus:before, .navbar-nav > li:active:before {
	  left: 0;
	  right: 0;
	}
	.navbar-inverse {
		background-color: #fff;
		border-color: #fff;						/*linie aus mobile  gesamt*/
	}
	.navbar-nav > li > .dropdown-menu {
		margin-top: 8px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		border-top:4px solid #e30614;
	}
	
	.navbar.navbar-inverse .navbar-nav > .active, .navbar.navbar-inverse .navbar-nav > .active > a, .navbar.navbar-inverse .navbar-nav > .active > a:hover, .navbar.navbar-inverse .navbar-nav > .active > a:focus {
		content: "";
		color:#fff;
		padding-top:.52em;
		padding-bottom:33px;
		background: #19233e/*#2098d1*/;
		height: 14px;
		border-bottom:4px solid #e30614;

	}

	.navbar.navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle, .navbar.navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle, .navbar.navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle {
		background: #19233e;
		color: #fff;	
	}
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
		text-decoration: none;
		background:#e30614;
		outline: 0;
		padding-top:4px;
	}
	
}