@import "animate.css";
/*========================================================
                      Main Styles
=========================================================*/
.navbar-default {
	background: transparent;
	max-height: 50px;
}
.sf-menu {
	display: inline-block;
}
.sf-menu:before, .sf-menu:after {
	content: " ";
	display: table;
}
.sf-menu:after {
	clear: both;
}
.sf-menu:before, .sf-menu:after {
	content: " ";
	display: table;
}
.sf-menu:after {
	clear: both;
}
.sf-menu .dropdown {
	position: relative;
}
.sf-menu > li {
	position: relative;
	float: left;
}
.sf-menu > li + li {
	margin-left: 0px;
}
.sf-menu a {
	display: block;
}
.sf-menu a:hover {
	text-decoration: none;
}
.sf-menu {
	color: #fff;
	font-family: 'ralewayregular', Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 30px;
	font-weight: 600;
	-moz-transition: 0.1s;
	-webkit-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
}
.sf-menu > li {
	height: 102%;
	position: relative;
}
.sf-menu > li > a {
	position: relative;
	padding: 21px 19px 21px 18px;
	text-transform: uppercase;
}
.sf-menu > li > a:before {
	position: absolute;
	content: "";
	display: block;
	left: 0;
	right: 0;
	height: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #fff; /*Farbe oberhalb der navigationsbuttons bei hover*/
	top: -7px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.lt-ie9 .sf-menu > li > a:before {
	filter: alpha(opacity=0);
}
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.active {
	color: inherit;
	background-color: #009EE0;                                                     /*  Farbe für hover und active - hier blau */
}
.sf-menu > li.sfHover > a:before, .sf-menu > li a:hover:before {
	opacity: 1;
	filter: alpha(opacity=100);
}
.lt-ie9 .sf-menu > li.sfHover > a:before, .lt-ie9 .sf-menu > li a:hover:before {
	filter: alpha(opacity=100);
}
.sf-menu > li.active > a:before {
	opacity: 1;
	filter: alpha(opacity=100);
}
.lt-ie9 .sf-menu > li.active > a:before {
	filter: alpha(opacity=100);
}
.sf-menu ul {
	font-family: 'ralewayregular', Verdana, Geneva, sans-serif;
	display: none;
	position: absolute;
	top: 100%;
	width: 201px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #2e2e2e;
	z-index: 10;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.sf-menu ul {
	box-shadow: 1px 1px 3px #555;
}
.sf-menu ul > li {
	position: relative;
}
.sf-menu ul > li > a {
	padding-left: 20px;
	font-size: 13px;
	line-height: 31px;
	color: #fff;
	position: relative;
	padding-right: 20px;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.sf-menu ul > li > a:before {
	content: '\f105';
	position: absolute;
	top: 0;
	color: #fff;
	right: 20px;
	opacity: 0;
	filter: alpha(opacity=0);
	font: 400 16px/33px 'FontAwesome';
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.lt-ie9 .sf-menu ul > li > a:before {
	filter: alpha(opacity=0);
}
.sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {
	font-weight: 600;
	color: #009EE0;                                            /*Farbe für Dropdownmenü Schrift hover - hier hellblau*/
}
.sf-menu ul > li.sfHover > a:before, .sf-menu ul > li a:hover:before {
	opacity: 1;
	filter: alpha(opacity=100);
}
.lt-ie9 .sf-menu ul > li.sfHover > a:before, .lt-ie9 .sf-menu ul > li a:hover:before {
	filter: alpha(opacity=100);
}
.sf-menu ul ul {
	font-weight: 400;
	display: none;
	position: absolute;
	top: -4px;
	left: 100%;
	width: 100px;
	padding: 8px 4px;
	background: #2e2e2e;
	z-index: 11;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sf-menu ul ul > li.sfHover > a, .sf-menu ul ul > li > a:hover {
	color: #f7682c;
}
.sf-menu ul ul > li.sfHover > a:before, .sf-menu ul ul > li a:hover:before {
	opacity: 0;
	filter: alpha(opacity=0);
}
.lt-ie9 .sf-menu ul ul > li.sfHover > a:before, .lt-ie9 .sf-menu ul ul > li a:hover:before {
	filter: alpha(opacity=0);
}
@media (max-width: 767px) {
.sf-menu {
 display: none;
}
.stuck_container {
 background: transparent;
 height: 0;
}
}
/*==================  Stuck menu  ======================*/
.stuck_container {
	background-image: url(../img/backg.gif);
	background-repeat: repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #009EE0;
}
.isStuck {
	background: #fff;  /* navigation-farbe nach runter scrollen */
	z-index: 999;
}
.isStuck .sf-menu ul {
	margin-top: -10px;
}
@media only screen and (max-width: 992px) {
.isStuck {
 display: none !important;
}
}
.isStuck .sf-menu ul {
	top: 70px;
}
.isStuck .sf-menu ul ul {
	top: 0;
}
/*==================   RD Mobile Menu    =====================*/
.rd-mobilepanel {
	z-index: 9999998!important;
}
.rd-mobilemenu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 9999998;
	text-align: left;
	font: 700 15px/41px 'ralewayregular', Verdana, Geneva, sans-serif;
	-moz-transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
.rd-mobilemenu.active {
	right: 0;
}
.rd-mobilemenu_ul {   /*ausfahrbarer hintergrund mobile navigation*/
	position: fixed;
	top: 56px;
	left: 0;
	bottom: 0;
	width: 240px;
	padding: 20px 0;
	color: #fff;
	/*background: rgba(255, 255, 255, 0.95);*/
	background-image:url(../img/backg.gif);
	line-height: 20px;
	overflow: auto;
	-moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
	-moz-transform: translateX(-240px);
	-ms-transform: translateX(-240px);
	-o-transform: translateX(-240px);
	-webkit-transform: translateX(-240px);
	transform: translateX(-240px);
	-moz-transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	-moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
	-webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
	-o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
	transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.lt-ie9 .rd-mobilemenu_ul {
	background: none;
 -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ffffff', endColorstr='#f2ffffff');
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ffffff', endColorstr='#f2ffffff');
	zoom: 1;
}
.rd-mobilemenu_ul li.active {
	color: #009EE0;           /*aktiv gesetzter button in mobile linkfarbe für die schrift - hier blau*/
}
.rd-mobilemenu_ul li.active ul {
	color: #f7682c;
}
.rd-mobilemenu.active .rd-mobilemenu_ul {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.rd-mobilemenu_ul a {
	display: block;
	padding: 9px 25px 11px;
}
.rd-mobilemenu_ul a:hover {
	background: #009EE0;          /*hover-farbe in mobile unter der schrift - hier hellblau*/
	color: #fff;
	text-decoration: none;
}
.rd-mobilemenu_ul ul {
	padding-left: 0;
	list-style-type: none;
}
.rd-mobilemenu_ul ul a {
	padding-left: 40px;
}
.rd-mobilemenu_ul ul ul a {
	padding-left: 60px;
}
.rd-mobilemenu_ul:after {
	content: '';
	display: block;
	height: 20px;
}
.rd-mobilepanel {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 56px;
	/*background: #ffffff;*/
	background-image:url(../img/backg.gif); /*oberer balken, hintergrund mobile navigation*/
	color: #666666;
	-moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
	z-index: 99999991;
}
.rd-mobilepanel_title {
	/*position: fixed;*/
	font: 'ralewayregular', Verdana, Geneva, sans-serif;
	left: 5px;
	right: 56px;
	color: #fff;
	font-size: 0px;
	line-height: 48px;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}
.rd-mobilepanel_toggle {
	background: none;
	border: none;
	display: inline-block;
	padding: 0;
	outline: none;
	outline-offset: 0;
	cursor: pointer;
	-webkit-appearance: none;
	position: fixed;
	top: 8px;
	color: #009EE0;
	width: 48px;
	height: 48px;
	font-size: 24px;
	line-height: 48px;
}
.rd-mobilepanel_toggle::-moz-focus-inner {
 border: none;
 padding: 0;
}
.rd-mobilepanel_toggle:before {
	content: '\f0c9';
	font-family: 'FontAwesome';
}
.rd-mobilepanel_toggle.active:before {
	content: '\f00d';
}
@media (max-width: 767px) {
body {
 padding-top: 0px;
}
.rd-mobilemenu, .rd-mobilepanel {
 display: block;
}
}
/*==================  Panel Menu  ======================*/
@media (max-width: 767px) {
#panel {
 right: 25px;
 position: fixed;
 top: 0;
 width: 46px;
 z-index: 9999999;
 -moz-transition: 0.3s;
 -webkit-transition: 0.3s;
 -o-transition: 0.3s;
 transition: 0.3s;
}
#panel .bs-docs-nav {
 border-radius: 7px;
 top: 4px;
}
#panel .bs-docs-nav .navbar-nav li {
 position: static;
}
#panel .bs-docs-nav .navbar-header .navbar-toggle {
 border: none!important;
 padding: 9px 0px;
}
#panel .bs-docs-nav .navbar-header .navbar-toggle:hover {
 background: #563D7C!important;
}
#panel .bs-docs-nav .navbar-header .navbar-toggle:active {
 background: #563D7C;
}
#panel .bs-docs-nav .navbar-header .navbar-toggle:focus {
 background: #563D7C;
}
.navbar-collapse {
 background: #563D7C;
 width: 175px;
 position: absolute;
 right: 15px;
 top: 52px;
 padding-bottom: 10px;
 -moz-transition: 0.3s;
 -webkit-transition: 0.3s;
 -o-transition: 0.3s;
 transition: 0.3s;
}
.navbar-collapse .dropdown-menu {
 padding-bottom: 15px;
 min-width: 135px!important;
}
.navbar-collapse.in {
 overflow-y: visible;
}
}
@media (max-width: 767px) and (max-width: 425px) {
.navbar-collapse {
 width: 135px;
}
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu li a {
 padding-left: 15px!important;
}
.navbar-nav .open .dropdown-menu ul {
 padding-left: 23px!important;
}
.navbar-nav .open .dropdown-menu ul a {
 padding-left: 5px;
}
.navbar-nav .open .dropdown-menu a {
 padding-left: 12px!important;
}
}
@media (max-width: 767px) and (max-height: 500px) {
.navbar-nav .open .dropdown-menu {
 font-size: 9px!important;
 position: absolute!important;
 background: #62458d !important;
 min-width: 135px!important;
 top: 0;
 right: 100%;
 left: -100%;
 -moz-transition: 0.3s;
 -webkit-transition: 0.3s;
 -o-transition: 0.3s;
 transition: 0.3s;
}
.navbar-nav .open .dropdown-menu li a {
 padding-left: 15px!important;
}
.navbar-nav .open .dropdown-menu ul {
 padding-left: 23px!important;
}
.navbar-nav .open .dropdown-menu ul a {
 padding-left: 5px;
}
.navbar-nav .open .dropdown-menu a {
 padding-left: 12px!important;
}
}
/*========================================================
                     START EIGENE CSS
=========================================================*/


.panel_logo.panel-default {
	background-color: #2E2E2E;
	height: 15px;
}
/* .panel umbenannt in => .panel_logo in: style.css */
.isStuck {
	/*background: #f7682c;*/  
  /* navigation-farbe nach runter scrollen der seite */
  z-index: 999;
	background-image:url(../img/backg.gif);
}
.panel-default_inhalt {
	margin-top:65px;
	padding:1px;
}
.navbar-static-top {
	box-shadow: 0 4px 5px 3px rgba(0, 0, 0, 0.65); /*Schatten unterhalb der Navigation*/
	background-image:url(../img/backg.gif);
	position:fixed;
	width: 100%;
	border-bottom-color: #009EE0;
	border-width: 1px;
}
 @media (max-width: 767px) {
.navbar-static-top {
 /*box-shadow:none;
 display:none;*/
}
 .navbar-brand {
 display:none;
}
} 
/*========================================================
                     ENDE EIGENE CSS
=========================================================*/