div:first-child > nav  {
  float: left;
  /* height: 100%; */
}

div:nth-child(2) > nav  {
  height: 100%;
}

div:last-child > nav  {
  float: right;
  height: 100%;
}

nav .FullWidthRow {
  padding: 0;
}

nav .FullWidthRow {
  height: 50px;
  position: relative;
  z-index: 4;
}

nav .col_12 {
  margin-top: 0;
}

nav .col_10_nm {
  float: right;
}

nav li {
  display: inline-block;
  padding: 0;
  margin: 5px 0 0 0;
}

nav li a {
  display: block;
  padding: 10px;
  transition: color 0.3s;
}

/*.fixed{
	position: fixed;
	z-index: 200;
}*/

/*nav.fixed .flag-phone .phone-number {
 float: left;
 text-transform: uppercase;
 font-size: 15px;
 line-height: 20px;
 font-weight: 700;
 text-align: center;
 padding: 4px 10px;
 color: #fff;
 }    */

#nav {
  position: relative;
  /*height: 100%; */
  z-index: 10;
  margin: auto;
  padding: 40px 0 0 0;
}

/*.fixed #nav{
 	padding: 2px 0px;
}*/

#nav > a {
  display: none;
  /*opacity: 0;
  transition: opacity 0.5s linear;
  */
}

#nav li {
  position: relative;
  margin: 0;
}

#nav li a {
  display: block;
}

#nav span:after {
  width: 0;
  height: 0;
  content: '';
  vertical-align: middle;
  display: inline-block;
  position: relative;
  right: -0.313em;
}

/* first level */

#nav ul {
  padding-left: 0;
  margin-left: 0;
}

#nav > ul > li {
  /*width: 25%;*/
  height: 100%;
  margin: 0;
}

#nav > ul > li > a {
  height: 100%;
}

#nav > ul > li:not( :last-child ) > a {
  /*border-right: 1px solid #cc470d;*/
}

/* second level */

#nav li ul {
  display: none;
  position: absolute;
  top: 100%;
  padding: 5px;
  margin: 0;
  opacity: 0;
  transition: opacity 0.3s linear;
}

#nav li:hover ul {
  display: block;
  /*visibility:visible;*/
  opacity: 1;
  left: 0;
  right: 0;
}

#nav li:not( :first-child ):hover ul {
  left: -1px;
}

#nav li ul {
  width: 250px;
}

#nav li ul a {
  display: block;
  opacity: 1;
  padding: 5px 10px 5px 10px;
  margin: 5px 5px 0 5px;
}

#nav li ul li {
  width: 100%;
  margin: 0;
}

/* ------------ Main-navigation ende -------------------------------  */

@media screen and (min-width: 760px) and (max-width: 1280px) {
  nav li {
    padding: 0;
  }

  nav li a {
    padding: 10px 7px;
  }
}

@media screen and (min-width: 320px) and (max-width: 759px) {

  #desktop-nav {
    display: none;
  }

  nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 25;
    width: 100%;
  }

  #nav {
    position: relative;
    padding: 0;
    /*top: auto;
     right: auto;*/
  }

  #nav > a {
    width: 2.7em;
    height: 2.7em;
    text-align: left;
    text-indent: -9999px;
    position: relative;
  }

  #nav > a:before, #nav > a:after {
    position: absolute;
    top: 35%;
    left: 25%;
    right: 25%;
    content: '';
  }

  #nav > a:after {
    top: 60%;
  }

  #nav:not( :target ) >
  a:first-of-type, #nav:target > a:last-of-type {
    display: block;
  }

  /* first level */
  #nav > ul {
    height: auto;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
  }

  #nav:target > ul {
    display: block;
  }

  #nav > ul > li {
    width: 100%;
    float: none;
  }

  #nav > ul > li > a {
    height: auto;
    padding: 5px;
    margin: 5px;
  }

  #nav > ul > li:not( :last-child ) > a {
    border-bottom: none;
  }

  /* second level */
  #nav li ul {
    position: static;
    padding: 0 1.25em 1.25em;
    width: 100%;
  }
}