#mainNav{
  z-index:1;
}

#mainNav .logo{
  display:none;
}

body.fixed #mainNav .logo > a{
  display:block;
  height:100%;
  width:200px;
  background-color:rgba(255,255,255,.5);
  background-image:url('../img/logo.svg');
  background-repeat:no-repeat;
  background-size: 75%;
  background-position: center;
}

nav{
  font-family: 'Amiri', serif;
  text-transform:uppercase;
}

nav ul{
  margin:0 auto;
}

nav a{
  text-decoration: none;
  color:inherit;
}

nav a,
nav strong{
  font-weight:700;
  display:block;
  padding:1rem 0;
}

nav strong,
nav a:hover,
nav a:focus{
  color:#000;
}

.navigationContainer{
  width:100%;
  background-color:#b41411;
  color:#fff;
}

#mainNav > .inside,
#mainNav nav > ul{
  display:flex;
  justify-content: space-between;
}

.navigationContainer nav{
  width:100%;
}

#footerNav nav > ul{
  display:flex;
  justify-content: center;
}


@media screen and (min-width:34.375em){
  #footerNav a,
  #footerNav strong{
    padding:0 1em;
  }

  #footerNav li{
    padding:1.4334em 0;
  }

  #footerNav li:not(:last-of-type) a,
  #footerNav li:not(:last-of-type) strong{
    border-right:2px solid #fff;
  }
}

/* @media screen and (min-width:58.749em){
  nav ul:not(.level_1){
    display:none;
  }
} */

/*-----------------------------------------------------------< Kundenmenü >---*/

#stageNav{
  position:relative;
}

#stageNavContainer{
  position:absolute;
  right:1em;
  top:1em;
  z-index:1;
}

#stageNavContainer nav{
  font-family:inherit;
}

#stageNavContainer ul{
  margin:0;
  padding:0;
}

#stageNavContainer li{
  text-align: right;

}

#stageNavContainer a,
#stageNavContainer strong{
  background-color:#303030;
  color:#fff;
  font-weight:100;
  font-size:.6em;
  text-transform: none;
  padding:.5em 1em;
  display:inline-block;
  line-height:1em;
  border-radius:0 .3rem .3rem 0;
  box-shadow:0 2px 5px #000;
  text-decoration:none;
}

#stageNavContainer{
  display:flex;
  flex-direction: column;
}

#stageNavContainer a:hover,
#stageNavContainer a:focus,
#stageNavContainer strong{
  background-color:#b41411;
}

#stageNavContainer .mod_iso_cart a{
  position:relative;
  padding-left:calc(1em + 5px);
}

#stageNavContainer .mod_iso_cart .ball{
  position:absolute;
  transform:translateY(-50%);
  left:-1rem;
  top:50%;
  background-color:#fff;
  border-radius:50%;
  height:1.5rem;
  width:1.5rem;
  border:1px solid #b41411;
  box-shadow:0 3px 5px #000;
}

#stageNavContainer .mod_iso_cart .ball > span{
  position:absolute;
  transform:translate(-50%, -50%);
  left:50%;
  top:50%;
  font-size:.8rem;
  font-weight:700;
  line-height:1em;
  color:#000;
}

/*---------------------------------------------------< kleiner Bildschirm >---*/

@media screen and (max-width:34.374em){

  #footerNav nav > ul{
    display:block;
    text-align:center;
  }

  #footerNav a,
  #footerNav strong{
    padding:.5em 0;
  }

  #footerNav nav{
    padding:2em 0;
  }

}