/*
    Mobile Menu Core Style
*/

.slicknav_btn {
    position: relative;
   display: block; vertical-align: middle; margin-top: 0px; margin-left: 0px;
   cursor: pointer;
   height: 30px;
   width: 45px;
   margin-top: 12px;
 }

.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 6px 0px 0px 12px; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 45px; height: 2px; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 11px; }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block; }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/*
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {  font-size:16px; }
.slicknav_parent > a > a { font-size: 1em!important; padding: 0px!important; }

.slicknav_nav ul.sf-hidden {
  position: relative!important; height: auto!important;
}
/* Button */
.slicknav_btn {
      /*  margin: 5px 5px 10px -6px; */
        text-decoration:none;
        transition: background-color 0.6s linear;
}

/* Button Text */
.slicknav_menu  .slicknav_menutxt {
        color: #FFF;
        font-weight: bold;
}
/* Button Lines */
/*  Position */
.slicknav_btn .slicknav_icon:hover .slicknav_icon-bar {  background-color: #9EA4A2;  }
.slicknav_btn .slicknav_icon-bar {  background-color: #282828;  transition: all 0.6s; }
/* aus Strichen ein X machen - wenn Menu offen ist */
.slicknav_btn.slicknav_open { display: inline-block; }
.slicknav_btn.slicknav_open .slicknav_icon-bar { position: absolute; right: 0px; margin-right: -2px; background-color: #282828;  }
.slicknav_btn.slicknav_open .slicknav_icon-bar:nth-child(1) {  top: 10px; transform: translate(-1px, 2px) rotate(45deg);  }
.slicknav_btn.slicknav_open .slicknav_icon-bar:nth-child(2) {  opacity: 0.0;  }
.slicknav_btn.slicknav_open .slicknav_icon-bar:nth-child(3) {  top: 4px; transform: translate(-1px, -2px) rotate(-45deg);  z-index: 10;  }


.slicknav_nav {
       /* color:#fff;   */
        margin:0;
        padding:0;
        width: auto;
        height: auto;
        top: 50%;
        left: 50%;
        position: absolute;
        z-index: 3;
        transform: translate(-50%, -50%);
}
.slicknav_nav, .slicknav_nav ul {
        list-style: none;

}
.slicknav_nav ul {
        padding:0;
        margin: 0px;
}
.slicknav_nav .slicknav_item a, .slicknav_nav li a {
        font-family: 'Lato-Black'; padding:4px 10px; color: #0d0d0d;  text-transform: uppercase;
        margin:0px 0px; text-align: left; font-size: 4.5em; line-height: 1.05em;
}

.slicknav_nav li:nth-child(3) {
        margin-bottom: 30px;
}

 .slicknav_nav li:nth-child(4) a, .slicknav_nav li:nth-child(5) a {
        font-size: 1.5em!important; line-height: 1.1em!important; font-family: 'Noto Sans', sans-serif;
}


.slicknav_nav li.sf-depth-1:hover a.sf-depth-1, .slicknav_nav li.sf-depth-2:hover a.sf-depth-2,
.slicknav_nav li a.is-active, .slicknav_nav li a:hover { color: #9EA4A2; }

.mobilemenu a:hover { border-bottom: 1px solid transparent!important; color: #9EA4A2!important; }

.mobilemenu ul li ul { padding: 15px 0px 20px 0px; }

/* Pfeil */
.slicknav_nav .slicknav_arrow{
   display: inline-block;
   width: 18px;
   background: url('../../../images/icons/navi_pfeil.svg') no-repeat left 30%; color: transparent;
   background-size: 18px 12px;
 }

.slicknav_nav li li a { font-size: 1.5em; line-height: 1.1em; }


.slicknav_nav .slicknav_txtnode {
     margin-left:15px;
}

/* Mobile-Header */
.mobile-header{ display: none;  width: 100%; height: 100%; }

@media only screen and (min-width: 0px) and (max-width: 800px) {
  .slicknav_nav .slicknav_item a, .slicknav_nav li a {
         font-size: 2.8em;
  }
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
  .slicknav_nav .slicknav_item a, .slicknav_nav li a {
         font-size: 2.3em;
  }
}