/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
        margin: 0;
        padding: 0;
        list-style: none;
}
.sf-menu li {
        position: relative;
        display:inline-block;
}
.sf-menu li a,
.sf-menu li strong{
        padding: 4px 8px;
}
.sf-menu ul {
        position: absolute;
        display: none;
        top: 100%;
        left: 0;
        z-index: 99;
        background:#fff;
}

ul.level_2 li,
ul.level_3 li{
         display:block;
         text-align:left;
}

ul.level_2{
         position: absolute;
         top: 100%;
}
ul.level_3{
         position: relative;
         top: 0;
         display:block !important;
         opacity: 1 !important;
}

/*** Pferdezucht SKIN ***/
#hauptnavigation{
         font-family: 'Mukta';
         font-style: normal;
         font-weight: 400;
         margin-bottom:30px;
         overflow:visible;
         text-transform:uppercase;
         font-size:12px;
         line-height: normal;
         letter-spacing: .02em;
}
#hauptnavigation strong{
         font-weight:400 !important;
}
#hauptnavigation a:hover,
#hauptnavigation a.trail{
         color:#c18966;
}

#hauptnavigation li.startseite{ display:none; }


#hauptnavigation a span{

}
#hauptnavigation a:hover span,
#hauptnavigation li.active strong{
         border-bottom:1px solid #c18966;
}

#hauptnavigation a:hover span,
#hauptnavigation a.trail span{
         border-bottom:1px solid #c18966;
}
#hauptnavigation ul.level_2 a.trail span,
#hauptnavigation ul.level_2 strong.forward{
         border-bottom:0px solid #c18966;
         color:#37322d;
}

#hauptnavigation li.active{
         padding: 0px 8px 4px 8px;
}
#hauptnavigation li.active strong{
         color:#c18966;
         border-bottom:1px solid #c18966;
         padding: 4px 0px 0px 0px;
}

#hauptnavigation ul.level_2 li{
         letter-spacing: .05em;
}
#hauptnavigation ul.level_2 li.active,
#hauptnavigation ul.level_2 li.forward{
         padding: 0px;
         padding-bottom:12px;
         color:#c18966;
}
#hauptnavigation ul.level_2 li.active strong,
#hauptnavigation ul.level_2 li.forward strong{
         border-bottom:0px solid #c18966;
         padding: 4px 8px;
}

#hauptnavigation ul.level_2 a:hover span{
         border-bottom:1px solid #fff;
}

#hauptnavigation li.stutenstaemme ul.level_2 li.forward strong{
         color:#37322d !important;
         cursor:pointer;
}
#hauptnavigation li.stutenstaemme ul.level_2 li.forward strong:hover{
         color:#c18966 !important;
}



.sf-menu ul {
        min-width: 29em; /* allow long menu items to determine submenu width */
        *width: 29em; /* no auto sub width for IE7, see white-space comment below */

}
.sf-menu.level_2 {
         padding-left:10px;
         padding-top:30px;
         padding-bottom:10px;
         margin-left:-10px;
         margin-top:10px;
}
.sf-menu.level_2 li{
         padding-bottom:12px;
}
.sf-menu.level_2 li.submenu{
         padding-bottom:0px;
}

.sf-menu.level_2 a.sf-with-ul span{
         font-weight:600;
}

.sf-menu.level_3{
         margin-top:12px;
}
.sf-menu.level_2 li{
         padding-bottom:12px;
}


/* Mobile Navigation */

a.menu-button{
         position:absolute;
         top:10px;
         right:10px;
         width: 30px;
         height: 30px;
         cursor: pointer;
}
a.menu-button span {
  display:block;
  background:#37322d;
  border-radius:0px;
  transition: .25s ease-in-out;
  box-sizing: border-box;
}
a.menu-button #hamburger {
  position: absolute;
  height: 100%;
  width: 100%;
}
a.menu-button #hamburger span {
  width: 30px;
  height: 3px;
  position: relative;
  top: 0px;
  left: 0px;
  margin: 5px 0;
}


.mod_mmenu,
.mm-listview>li>a,
.mm-listview>li>span{
         color:#37322d !important;
}
.mm-menu{
         border:0 !important;
}
.mm-menu.mm-theme-white{
         border-color:rgba(0,0,0,0) !important;
}
.mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after{
         border-color:rgba(0,0,0,0) !important;
}
.mm-navbar .mm-title{
         color:#c18966 !important;
         text-transform:uppercase !important;
}
.mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before{
             border-color: rgba(193,137,102,1) !important;
}