/*** Mega Menu ***/
 
#my-menu ul.ebene1 , ul.ebene1 * { 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: 15px;  }

#my-menu ul.ebene1 {
    padding-bottom: 0.5em;
    position: relative;
    z-index: 2001 !important;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0px auto;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 106px;
}

#my-menu ul.ebene1 li.ebene1 {
    text-align: center;
    margin-top: 0px;
    /*flex-basis: 19%;*/
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align:center;
    align-items: center;
    /*! position: relative; */
}
#my-menu ul.ebene1 li.ebene1.quicksearch { flex-basis: 5%;}
#my-menu ul.ebene1 li.ebene1 a {
    text-decoration: none;
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    color: #000;
    white-space: nowrap;
    margin-right: 10px;
    font-weight: 600;
    padding: 1px 10px 1px 10px;
    margin-top: -2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align:center;
    align-items: center;
}#my-menu ul.ebene1 li.ebene1 a:focus {color: #BEC601; }

#my-menu ul.ebene1 li.ebene1.currentParent  { color: #BEC601;  }
#my-menu ul.ebene1 li.ebene1.current {   color: #58595b; }

#my-menu ul.ebene1 li.ebene1.quicksearch { display: block;}

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

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

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

#my-menu ul.ebene1 ul.ebene2 { position: absolute; top: -999em; height: 0px;  overflow: hidden;  transition: height 2s;}
#my-menu ul.ebene1 .boxborder { position: absolute; top: -999em;   width: 300px;}

#my-menu li.ebene1:hover > ul.ebene2 { box-sizing: border-box; top: 98px !important; height: auto; width: 90.4% !important; right: 100px; background: #fff; padding: 10px 10px 10px 40px !important; border-top: 1px solid #BEC601;}
#my-menu li.ebene1:focus-within ul.ebene2 { box-sizing: border-box; top: 98px !important; height: auto; width: 90.4% !important; left: 0px; background: #fff; padding: 10px 10px 10px 40px !important; border-top: 1px solid #BEC601;}
#my-menu li.ebene1 a:focus + ul.ebene2 { box-sizing: border-box; top: 98px !important; height: auto; width: 90.4% !important; left: 0px; background: #fff; padding: 10px 10px 10px 40px !important; border-top: 1px solid #BEC601;}

#my-menu li.ebene1 > ul.ebene2  { column-count: 3;}
#my-menu li.ebene1 > ul.ebene2 li { break-inside: avoid; -webkit-column-break-inside: avoid; 
          page-break-inside: avoid; 
               break-inside: avoid; }


#my-menu ul.ebene1 ul.ebene2 > li { text-align: left; width: 220px; margin-right: 40px; border-bottom: 1px solid #cccccc; padding: 7px 0px;  }

#my-menu ul.ebene1 ul.ebene2 li.current > a { color: #BEC601;}

#my-menu ul.ebene1 ul.ebene2 a { font-size: 18px; color: #58595b; font-size: 16px; text-transform: none; display: block; padding: 4px 0px; white-space: normal; hyphens:auto;}
#my-menu ul.ebene1 ul.ebene2 a:hover { color: #BEC601; }
#my-menu ul.ebene1 ul.ebene2 li.ebene3  a {  font-size: 16px; padding: 3px 0px; font-weight: 300;}
#my-menu ul.ebene1 ul.ebene3 { margin-left: 10px; height: auto !important; }

#my-menu ul.ebene1 li.ebene1 li { visibility: hidden;  opacity: 0; transition: visibility 1s, opacity 0.5s linear;}
#my-menu ul.ebene1 li.ebene1 li { visibility: visible; opacity: 1; }


#qs_query { display: none; }

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

#my-menu ul.ebene1 li.quicksearch { background: #FFDB00; padding: 20px 30px;}
#my-menu ul.ebene1 li.quicksearch a.mm-next { display: none;}

.sb-icon-search::before {
   content: "\f002";
    font-family: 'Font Awesome 5 Pro';
    position: relative; 
    top: 5px;
    display: block;
    margin: 0px auto;
    font-size: 200%;
    margin-bottom: 10px;
}
.sb-icon-search:after { content:"Suche";}

.sb-search-submit { padding: 8px 20px 8px 20px !important; color: #000; font-size: 1.1rem; background: #FFDB00;  border: 0px; letter-spacing: 0.1em; cursor: pointer;}


@media screen and (max-width : 1400px)   {
    
    
 #my-menu ul.ebene1 li.ebene1 a {
    font-size: 1.5vW;
    white-space: normal;
    margin-right: 6px;
    font-weight: 600;
    padding: 1px 10px 1px 10px;
    margin-top: -2px;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align:center;
    align-items: center;
}   
    
 #my-menu ul.ebene1 li.ebene1 {
    text-align: center;
    margin-top: 0px;
    /*flex-basis: 15%;*/
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align:center;
    align-items: center;
}   
    
#my-menu li.ebene1:hover > ul.ebene2 { width: 68.4vW !important; right: 0px;}

#my-menu ul.ebene1 ul.ebene2 > li { text-align: left;  max-width: 95%; margin-right: 20px; border-bottom: 1px solid #cccccc; padding: 7px 0px; }
    
#my-menu ul.ebene1 ul.ebene2 a { font-size: 18px; color: #58595b; font-size: 16px; text-transform: none; display: block; padding: 4px 0px; white-space: normal;}
    
}

@media screen and (max-width : 940px)   {
	
#my-menu ul.ebene1 {  width: 100%; }
#my-menu ul.ebene1 li.ebene1.quicksearch { text-align: center;}
#my-menu ul.ebene1 li.ebene1 div#mm-searchbutton { position: absolute; top: -999em; height: 95px; text-align: left;}
#my-menu ul.ebene1 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.ebene1 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 {
    content: "";
    height: 20px;
    position: relative;
    top: 5px;
    width: 20px;
    display: block;
    margin: 0px auto;
    float: right;
}

#my-menu ul.ebene1 li.ebene1:hover {background: none;}
#my-menu ul.ebene1 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.ebene1 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;}
}