.iwsetter.navi-setter {
  position: relative;
  padding: 0;
}

.mn-inner {
  position: relative;
  /*height: 100%;*/
  padding: 20px 0 20px 0;
}

body:not(.mobiledevice) .mn-inner {
  /*min-height: 100%;*/
}
body:not(.mobiledevice) .mobile-navigation {
  overflow: auto;
}


.mobile-navigation {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;

  /*display: none;*/
  background: linear-gradient(to bottom, rgb(147, 141, 139) 0%, rgba(78, 70, 66, 1) 100%);

  position: absolute;
  width: 100%;
  max-width: 500px;
  font-size: 1.8rem;
  transition: transform 0.5s ease-in;
  transform: translate(0, -125%);
  /*height: calc(100vh - 80px); erst in tablet*/
  font-family: "Custom-Condensed", sans-serif;
  color: white;
  z-index: 99;
}

body.mobiledevice .mobile-navigation {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.mobile-navigation.is-active {
  transition: transform 0.5s ease-out;
  transform: translate(0, 0);

}

.mobile-navigation > div > ul {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  padding: 0 10px;
}

.mobile-navigation li {
  -ms-flex-preferred-size: 45%;
  flex-basis: 25%;
  padding: 0px;
  text-align: center;
}

/*, .mobile-navigation li a:link, .mobile-navigation li a:visited */
.mobile-navigation li a {
  display: block;
  line-height: 40px;
  color: #fff;
  text-decoration: none;
  /*margin: 0 15px;*/
}

.mobile-navigation li:last-child a {
  border-bottom: none;
}



.mobile-navigation .active {
  /*color: #cc0000 !important;*/
  text-decoration: underline;

}
.mobile-navigation li .menu-button {
  transition: transform 0.10s ease-out;
  transform: scale(1, 1);
}
.mobile-navigation li:active .menu-button {
  opacity: 0.9;
  transition: transform 0.10s ease-in;
  transform: scale(0.95, 0.95);
}

.menu-button {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  margin: 0 auto;
  background-color: #fff;
  background-size: 77% auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.form-icons .menu-button {
  background-color: rgba(67, 59, 55, 0.81);
}

.menu-text {
  height: 60px;
  padding: 6px 3px 0 3px;
  /*border:1px solid red;*/
  line-height: 2rem;
  font-size: 1.5rem;
}

.nav-divider {
  margin: 15px 50px;
  border-top: 2px solid #fff;
}

.fct-nav {
  padding: 40px 10px 40px 10px ;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.fct-nav a, .fct-nav a:link {

  color: white !important;
  line-height: 2.2rem;
  font-size: 1.5rem;
}

.fct-nav a {
  padding-top: 7px;
  display: -ms-flexbox;
  display: flex;
  /*flex-basis: 60%;*/

}

.lvl-1:hover, .lvl-2:hover {
 opacity: 0.8;
}

.fct-nav .menu-button {
  background-color: #ebae2a;
  margin: 0 auto;
  /*flex-grow: 0;*/

}




.button-row-1 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.button-row-2 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
}

/* DESKTOP */

@media (min-width: 961px) {
  .mobile-navigation ul {
    padding: 30px 40px;
  }

  .fct-nav {
    padding: 15px 0 20px 0;
  }

  .mobile-navigation li a {
    display: flex;
    display: -ms-flexbox;
  }

  .menu-text {
    padding-top: 0;
  }

  .mobile-navigation ul {
    /*align-items: flex-start;*/
    /*justify-content: flex-start;*/
    /*flex: 1 1 auto;*/
  }

  .mobile-navigation li {
    flex-basis: 50%;
    padding: 10px;
    text-align: left;
  }

  .menu-button {
    margin: 0 20px 0 0;
  }

  .menu-text {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    line-height: 2rem;
    font-size: 1.7rem;
  }

  .button-row-1 {
    flex-basis: 20%;
  }

}

.mobile-navigation {

  /*
  Debug
  transform: translate(0, -100vh);
  */
}


.mobile-navigation.is-startpage-navi {
  position: fixed;
  top:0;
  left:0;
  transform: translate(0, 50px);
}

#mobile-navigation {
  -webkit-overflow-scrolling: touch;

  -webkit-box-shadow: 2px 2px 9px 0px rgba(0,0,0,0.12);
  -moz-box-shadow: 2px 2px 9px 0px rgba(0,0,0,0.12);
  box-shadow: 2px 2px 9px 0px rgba(0,0,0,0.12);
}