/*** Mega Menu ***/

#my-menu ul.nav_10967935 , ul.nav_10967935 * { margin: 0px; padding: 0px; list-style: none !important; }

#my-menu .flyerNav { margin: 0; width: 100%; left: 0px; padding: 0px; margin: 0px; position: relative; z-index: 200 !important;  top: 0px;  }

#my-menu ul.nav_10967935 {  margin-bottom: 0em;  padding-bottom: 0.5em; position: relative;  z-index: 2001 !important; width: 930px; display: flex; margin: 0px auto; justify-content: space-around; }

#my-menu ul.nav_10967935 li.ebene1 { text-align: center; /*! padding: 0px 10px !important; */ margin-top: 0px; flex-basis: 19%; border-top: 2px solid #196179; border-right: 1px solid #196179; border-left: 1px solid #196179;box-sizing: border-box;}
#my-menu ul.nav_10967935 li.ebene1.quicksearch { flex-basis: 5%;}
#my-menu ul.nav_10967935 li.ebene1 a { display: block; color: #ffffff; white-space: nowrap; font-weight: 600;  padding: 1px 10px 1px 10px; margin-top: -2px; }
#my-menu ul.nav_10967935 li.ebene1 a:focus { outline: 2px solid red;}

#my-menu ul.nav_10967935 li.ebene1.currentParent  { background: #d6e5e7;   }
#my-menu ul.nav_10967935 li.ebene1.current { background: #d6e5e7;  color: #58595b; }
#my-menu ul.nav_10967935 li.ebene1.current a  {  color: #58595b; }
#my-menu ul.nav_10967935 li.ebene1:hover  { background: #d6e5e7; }

#my-menu ul.nav_10967935 li.ebene1.quicksearch { text-align: center;}
#my-menu ul.nav_10967935 li.ebene1.quicksearch div#mm-searchbutton { transition: height 0.1s, padding 0s, ease-in 0.1s, ease-out 1s; transition-delay: 0.5s; box-sizing: border-box;  height: 0px !important; overflow: hidden; position: absolute !important; top: 28px !important; width: 100% !important; left: 0px; background: #d5e4e6; padding: 0px 10px 0px 40px !important; }
#my-menu ul.nav_10967935 li.ebene1.quicksearch:hover  div#mm-searchbutton {  box-sizing: border-box; height: 98px !important; position: absolute !important; top: 28px !important; width: 100% !important; left: 0px; background: #d5e4e6; padding: 10px 10px 10px 40px !important; }
#my-menu ul.nav_10967935 li.ebene1.quicksearch .sb-search-input { width: 83%; border: 1px solid #cccccc; padding: 5px; margin-top: 20px; font-size: 1rem; }

#my-menu ul.nav_10967935 li.ebene1.currentParent > a { color: #58595b; white-space: nowrap; }
#my-menu ul.nav_10967935 li.ebene1:hover  a {  color: #58595b; }

#my-menu ul.nav_10967935 li.ebene1:last-child { display: none;}

#my-menu ul.nav_10967935 ul.ebene2 { position: absolute; top: -999em; height: 265px; }
#my-menu ul.nav_10967935 .boxborder { position: absolute; top: -999em;  height: 225px; width: 300px;}

 #my-menu .sf-menu li:hover ul,
 #my-menu .sf-menu li.sfHover ul { left: 0;  top: 2.6em; /* match top ul list item height */ z-index: 109;  }

 #my-menu ul.sf-menu li:hover li ul,
 #my-menu ul.sf-menu li.sfHover li ul { top: -999em; }

 #my-menu ul.sf-menu li li:hover ul,
 #my-menu ul.sf-menu li li.sfHover ul { left:14.4em; /* match ul width */ top: 0; }

 #my-menu ul.sf-menu li li:hover li ul,
 #my-menu ul.sf-menu li li.sfHover li ul { top: -999em; }

 #my-menu ul.sf-menu li li li:hover ul,
 #my-menu ul.sf-menu li li li.sfHover ul { left: 14.4em; /* match ul width */ top: 0; }





#my-menu ul.nav_10967935 li.ebene1 ul.ebene2 { box-sizing: border-box;  position: absolute !important; top: 28px !important; width: 100% !important; left: 0px; background: #d5e4e6; padding: 10px 10px 10px 40px !important; /*! z-index: 1001; */}
#my-menu ul.nav_10967935 ul.ebene2:hover { box-sizing: border-box;  position: absolute !important; z-index: 1001; top: 28px !important; width: 930px; left: 0px; background: #d5e4e6; padding: 10px !important; }

#my-menu ul.nav_10967935 li.ebene1:hover .boxborder { position: absolute; top: 40px; height: 225px; width: 300px; z-index: 1001}

#my-menu ul.nav_10967935  .boxborder {  float: right; right: 20px; text-align: left;}
#my-menu ul.nav_10967935  .boxborder  { background: #c5d56e; padding: 3px 10px; margin-bottom: 10px; color: #181818; font-size: 14px; margin-top: 5px; text-transform: none; z-index:  1001;}
#my-menu ul.nav_10967935  .boxborder h2 { font-size: 23px; color: #ffffff; margin-bottom: 15px;}

#my-menu ul.nav_10967935 ul.ebene2 { display: flex; flex-direction: column; flex-wrap: wrap;  justify-content: flex-start; align-content: flex-start; align-items: flex-start; height: 269px !important; }
#my-menu ul.nav_10967935 ul.ebene2 li { text-align: left; width: 220px; margin-right: 40px; }
#my-menu ul.nav_10967935 ul.ebene2 a {  color: #58595b; font-size: 16px; text-transform: none; display: block; padding: 6px 0px !important; border-bottom: 1px dashed #58595b;}
#my-menu ul.nav_10967935 ul.ebene3 { display: none;}

#qs_query { display: none; }


#searchbutton {
    position: relative;
    right:0px;
}

.sb-icon-search::before {
    background: url(http://www.vielfalt-kreis-tuebingen.de/site/LRA-Tuebingen-Vielfalt/resourceCached/9.2.4/img/search_icon.png) no-repeat;
    content: " ";
    height: 20px;
    position: relative;
    top: 5px;
    width: 20px;
    display: block;
    margin: 0px auto;
}

.sb-search-submit { /*! width: 100px; */ padding: 5px 20px 5px 20px !important; color: #fff; font-size: 1.1rem; background: #006175;  border: 0px; letter-spacing: 0.1em;}

@media screen and (max-width : 940px)   {
	
#my-menu ul.nav_10967935 {  width: 100%; }
#my-menu ul.nav_10967935 li.ebene1.quicksearch { text-align: center;}
#my-menu ul.nav_10967935 li.ebene1 div#mm-searchbutton { position: absolute; top: -999em; height: 95px; text-align: left;}
#my-menu ul.nav_10967935 li.ebene1.quicksearch:hover  div#mm-searchbutton { box-sizing: border-box;  position: absolute !important; top: 28px !important; width: 100% !important; left: 0px; background: #d5e4e6; padding: 10px 10px 10px 40px !important; }
#my-menu ul.nav_10967935 li.ebene1.quicksearch .sb-search-input { width: 75%; border: 1px solid #cccccc; padding: 5px; margin-top: 20px; font-size: 1rem;}
.sb-search-submit { width: 15%; padding: 5px !important; color: #fff; font-size: 1.1rem; background: #006175;  border: 0px; letter-spacing: 0.1em;}
	
}

@media screen and (max-width : 750px)   {
	
.sb-icon-search::before {
    background: url(http://www.vielfalt-kreis-tuebingen.de/site/LRA-Tuebingen-Vielfalt/resourceCached/9.2.4/img/search_icon.png) no-repeat;
    content: " ";
    height: 20px;
    position: relative;
    top: 5px;
    width: 20px;
    display: block;
    margin: 0px auto;
    float: right;
    
    }
#my-menu ul.nav_10967935 li.ebene1:hover { background: none; }	
    
#my-menu ul.nav_10967935 li.ebene1.quicksearch:hover  div#mm-searchbutton { box-sizing: border-box;  position: absolute !important; top: 28px !important; width: 100% !important; left: 0px; background: #d5e4e6; padding: 10px 10px 10px 20px !important; }
#my-menu ul.nav_10967935 li.ebene1.quicksearch .sb-search-input { width: 65%; border: 1px solid #cccccc; padding: 5px; margin-top: 20px; font-size: 1rem;}
.sb-search-submit { width: 25%; padding: 5px !important; color: #fff; font-size: 0.9rem; background: #006175;  border: 0px; letter-spacing: 0.1em;}

}