/*
    Mobile Menu Core Style
*/

.slicknav_btn, .slicknav_btn.slicknav_open {
  position: absolute; top: 0px; right: 10px; margin-left: -20px;
   margin-top: -20px; padding: 0px;
  z-index: 50;
 }


 .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: 28px; height: 3px; }
 .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 6px; }
 .slicknav_nav { clear: both }
 .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; }
 /* 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_open{ width: 60px; height: 60px; margin-left: -20px; }
 .slicknav_btn .slicknav_icon-bar { background-color: #000; transition: all 0.6s;  }
 /* aus Strichen ein X machen - wenn Menu offen ist */
 .slicknav_btn.slicknav_open .slicknav_icon-bar { position: absolute; background-color: #000; width: 42px;   }
 .slicknav_btn.slicknav_open .slicknav_icon-bar:nth-child(1) {  transform: translate(-1px, 4px) rotate(45deg); margin-left: -8px; margin-top: 3px; }
 .slicknav_btn.slicknav_open .slicknav_icon-bar:nth-child(2) {  opacity:  0.0;  }
 .slicknav_btn.slicknav_open .slicknav_icon-bar:nth-child(3) {  transform: translate(-1px, -3px)  rotate(-45deg);  z-index: 10;  margin-left: -8px; margin-top: 10px!important; }

 .slicknav_menu {
        position: relative;
         background: none;
         padding: 0px 0px;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
 }
 .slicknav_nav {
        /* color:#fff;   */
         margin:0;
         padding:0;  padding-top: 40px;
        /* font-size: 1.2em; *//*font-size:0.875em; /* border-top: 1px solid #fff; */
 }
 .slicknav_nav, .slicknav_nav ul, .slicknav_nav ul.sf-hidden {
         list-style: none!important;
position: relative!important;
background: transparent !important;
clip: auto;
height: auto!important;
margin: 0px!important;
width: 100%!important;
 }
 .slicknav_nav ul {
         padding:0;
         margin: 0px;
 }
 .slicknav_nav .slicknav_item a, .slicknav_nav li a {
         padding:10px 0px; color: #555555;  text-transform: uppercase;
         margin:6px 0px; text-align: left;
 }

 .slicknav_nav li a.sf-depth-2 {
     text-transform: none;
 }

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

 .slicknav_nav .sf-depth-1 { font-size: 1.2em; }
 .slicknav_nav .sf-depth-2 { font-size: 0.9em; }
 .slicknav_nav .sf-depth-3 { font-size: 0.9em; }
 .slicknav_nav .sf-sub-indicator { displaY: none; }

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


  @media only screen and (min-width: 1024px) {
   .slicknav_menu .slicknav_icon-bar { display: block; width: 34px; height: 4px; }
   .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 9px; }
   .slicknav_btn, .slicknav_btn.slicknav_open {
     padding: 23px 21px!important;
     right: 100px;
     }
     .slicknav_btn.slicknav_open { height: 75px; width: 75px;   }
     .slicknav_btn.slicknav_open .slicknav_icon-bar:nth-child(1) {  transform: translate(-1px, 4px) rotate(45deg); margin-left: -4px; margin-top: 9px; }
     .slicknav_btn.slicknav_open .slicknav_icon-bar:nth-child(2) {  opacity:  0.0;  }
     .slicknav_btn.slicknav_open .slicknav_icon-bar:nth-child(3) {  transform: translate(-1px, -3px)  rotate(-45deg);  z-index: 10; margin-left: -4px; margin-top: 16px!important; }
 }