/* Enter Your Custom CSS Here */
/*Version 02.02.2017*/ 

/***********Header/Title************/
div.site-branding p.main-title{
  word-spacing:0.3em;
}
/****************Hauptnavigation********************/
.main-navigation div.main-nav{
  white-space:nowrap;
}
nav#site-navigation.main-navigation{
 z-index:1010!important; 
}
.stickynav.nav-below-header #site-navigation.main-navigation.toggled, 
.stickynav.nav-above-header #site-navigation.main-navigation.toggled,
.stickynav.nav-below-header #site-navigation.main-navigation, 
.stickynav.nav-above-header #site-navigation.main-navigation{
  opacity:1!important;   
}
.main-navigation div.main-nav  .sf-menu > li:last-child{
  margin-right:0;
}
.main-navigation div.main-nav  .sf-menu{
  word-spacing:1px;
}
nav#site-navigation.main-navigation{
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); 
}
.main-navigation a{
  cursor:pointer;
}
.main-navigation ul ul li{
  margin-top:1px;  
}
.main-navigation ul ul li:first-child{
  margin-top:0;  
}
.main-navigation ul ul  li a{ 
   background-color:#6689AC;/*link-bg subnav*/
  color:#ffffff !important;
}
/*****only top-menu*****/
/*top-menu-hover-Farbe im backwards-path-hover, außer current-menu-item*/
.main-navigation ul.sf-menu > li:not(.current-menu-item).sfHover >  a:first-child { 
   background-color:#4f8bc6 !important;
}
/*top-menu-hover-Farbe im breadcrumb-path (current-ancestor)*/
.main-navigation ul.sf-menu > li.current-menu-ancestor > a:first-child:hover { 
   background-color:#4f8bc6;
}
/*current-link-bg - kein Effekt bei current-menu-item*/
.main-navigation ul.sf-menu > li.current-menu-item > a:hover { 
   background-color:#3f5db5 !important;
}
/*****only sub-menu*****/
/*sub-menu-hover-Farbe auch im breadcrumb-Pfad, sowie backwards-path-hover, außer current-menu-item*/
.main-navigation ul.sub-menu li:not(.current-menu-item).sfHover >  a:first-child,
.main-navigation ul.sub-menu li.current-menu-ancestor > a:hover { 
   background-color:#4f8bc6 !important;
}

/**************************mobile-menu*********************/
@media (max-width: 768px) {
/*height of mobile-menu*/
.stickynav.nav-below-header #site-navigation.main-navigation.toggled, 
.stickynav.nav-above-header #site-navigation.main-navigation.toggled{  
  overflow:auto;/*Mobiles Menü passt sonst nicht in kleine Bildschirme, Höhe wird zusätzlich mit js berechnet*/
}
/*mobile-top-menu*/
.main-navigation ul.sf-menu > li{
  border-top:1px solid #ffffff;
  }
.main-navigation{
  background-color:#ffffff!important;
}
/*mobile link-color */
.main-navigation ul.sf-menu > li > a:first-child {
  background-color:#efa339 ;/*bg-link-top-nav*/
  }
button.menu-toggle{
   background-color:#efa339 !important;/*bg-link-top-nav*/
}
/*first mobile sub-menu*/
.main-navigation ul.sf-menu > li > ul{
  border-top:1px solid #ffffff;
 }
/*mobile sub-menus*/
.main-navigation ul.sf-menu ul{
   padding:10px 0 0 20px; 
   margin-bottom:10px;
   box-shadow:none!important;
}
.main-navigation ul.sf-menu ul li:last-child > ul{
  margin-bottom:0;/*preventing bottom-addition of margins*/
}
/************mobile-triangle-pointers*********/
.main-navigation ul ul li:first-child >a:first-child:before {  
  content: "";
  display: block; /* reduce the damage in FF3.0 */
  position: absolute;
  top:-10px;
  left:50px; /* value = - border-left-width - border-right-width */
  bottom:auto;  
   border-width:0 10px 10px; /* vary these values to change the angle of the vertex */
  border-color:#6689AC transparent;/*same as normal link-bg*/
  width: 0;  
  border-style: solid;
}
.main-navigation ul ul li:first-child > a:first-child:hover:before{ 
   border-color:#4f8bc6 transparent;/*same as sub-menu-link-hover-bg*/
}
.main-navigation ul ul li:first-child.current-menu-item > a:first-child:before,
.main-navigation ul ul li:first-child.current-menu-item > a:first-child:hover:before,
.main-navigation ul ul li:first-child.current-menu-ancestor > a:first-child:before{ 
   border-color:#3f5db5 transparent;/*same as current-link-bg, no hover-effect for actual current*/
}
/*hover in breadcrumb-current*/
.main-navigation ul ul li:first-child.current-menu-ancestor > a:first-child:hover:before{ 
   border-color:#4f8bc6 transparent;
}
/************end-mobile-triangle-pointers*********/
}
/**************************end-mobile-menu*********************/

/***********************only normal screen menu***************************/
@media (min-width: 769px) {

nav#site-navigation.main-navigation{
 max-height:none!important;    
}
.main-navigation  li.menu-right{
  float:right!important;/*push logout/login/register to the right*/
}
/*space between main-menu and sub-menu */
.main-navigation ul.sf-menu > li > ul.sub-menu{ 
  border-top: 5px solid transparent; 
  background-clip:content-box;
  cursor:pointer;
}
/************only-normal-screen-triangle-pointers*********/
.main-navigation ul ul ul{  
  margin-left:10px;   
}
.main-navigation ul ul ul li:first-child > a:first-child:before {  
  content: "";
  display: block; /* reduce the damage in FF3.0 */
  position: absolute;
   top:50%; 
  margin-top:-10px; 
  left:-10px; 
  bottom:auto;  
  border-width:10px 10px 10px 0!important;
  border-color:transparent #6689AC;  /*bg-link*/
  width: 0;  
  border-style: solid;
}
/*hover and breadcrumb-path-hover (ancestor)*/
.main-navigation ul ul ul li:first-child > a:first-child:hover:before,
.main-navigation ul ul ul li:first-child.current-menu-ancestor > a:first-child:hover:before{
border-color:transparent #4f8bc6;
}
/*backwards-path-hover except current-menu-item*/
.main-navigation ul ul ul li:first-child:not(.current-menu-item).sfHover >  a:before{
  border-color:transparent #4f8bc6!important;
}
/*bg-current, no hover-effekt for current-menu-item!*/
.main-navigation ul ul ul li:first-child.current-menu-ancestor > a:first-child:before,
.main-navigation ul ul ul li:first-child.current-menu-item > a:first-child:before,
.main-navigation ul ul ul li:first-child.current-menu-item > a:first-child:hover:before{
border-color:transparent #3f5db5;  
}
/************end-only-normal-screen-triangle-pointers*********/
}
/********************end only normal screen menu**************/
/****************Ende-Hauptnavigation********************/
/*
*
*/
/******************Responsive Menu Pro***************/
#responsive_menu_pro{
  position:static!important;
  display:block!important;
  padding:0!important;
}
div#responsive_menu_pro_additional_content{
  padding:0!important;
}
div#responsive_menu_pro_container > ul > li:first-child > a,
div#responsive_menu_pro_container > ul > li:first-child > span{
border-top:0!important;
}
div#responsive_menu_pro_container ul ul li a,
div#responsive_menu_pro_container ul ul li span{
  background-color:#EFA339;
  padding-top:8px!important;
  padding-bottom: 8px!important;  
}
div#responsive_menu_pro_container ul ul li span{
  background-color:#EFA339!important;
}
div#responsive_menu_pro_container a{
  cursor:pointer;
}
div#responsive_menu_pro_button{
  display:none!important;
}
/******************end Responsive Menu Pro***************/