@media (min-width: 992px) {
  /*------------------------------------*\
    #ERSTE EBENE
  \*------------------------------------*/
  nav {
    font-size: 1em;
    font-weight: lighter;
    padding: 0;
    z-index: 1;
    color: #fff;
  }

  nav ul {
    margin: 0;
    padding: 0;
  }

  nav a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
  }

  nav ul li {
    position: relative;
    float: left;
    list-style: none;
    color: #fff;
    transition: 0.5s;
    padding: 0;
  }

  nav ul li a {
      text-transform: uppercase;
      padding: 20px 15px;
  }

  nav ul li.submenu a {
      padding: 20px 15px 20px 15px !important;
  }

  .navigation-wrapper.shrink .navigation ul li a {
    padding: 12px 15px;
  }

  .navigation-wrapper.shrink .navigation ul li.submenu a {
      padding: 12px 24px 12px 15px !important;
  }

  nav ul li a:hover {
    color: #eee;
    text-decoration: none;
  }

  nav ul > li.submenu > a:after {
    float: right;
    content: '';
    margin-left: 8px;
    margin-top: 10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    border-bottom: 5px solid transparent;
  }

  nav ul ul li.submenu-2 > a:after {
    position: relative;
    float: right;
    content: '';
    margin-left: 10px;
    margin-top: 10px;
    border-left: 5px solid #fff;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
  }

  nav ul li:hover {
    background: #ffdc4f;
  }

  nav ul li:hover a {
    color: #c83126;
  }

  /*------------------------------------*\
    #ZWEITE EBENE
  \*------------------------------------*/
  nav ul li:hover ul li a {
      color: #fff;
  }

  nav ul ul {
    position: absolute;
    top: -9999px;
    left: -9999px;
    background: #333;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    z-index: 1;
  }

  nav ul ul li {
    float: none;
    width: 250px;
    border-bottom: 1px solid #555;
  }

  nav ul ul li {
      padding: 0;
  }

  nav ul li.submenu ul li a {
      padding: 5px 15px !important;
  }

  nav ul li.submenu ul li:hover a {
      color: #c83126;
  }

  nav ul ul li:last-child {
    border-bottom: none;
  }

  nav ul li:hover > ul {
    top: 100%;
    left: 0;
  }

  nav ul ul li:hover > ul {
    top: 0;
    left: 200px;
  }
}

@media (max-width: 991px) {
  /*------------------------------------*\
    #MEANMENU
  \*------------------------------------*/
  .icon-wrapper-mobil a:hover {
    color: #8fc5e7;
  }

  .mean-container .mean-bar {
      background: #89062a;
      height: 50px;
      position: absolute;
  }

  .mean-container a.meanmenu-reveal {
      width: 22px;
      height: 22px;
      padding: 16px 15px 19px;
      position: absolute;
      top: 0;
      right: 0;
      cursor: pointer;
      color: #fff;
      text-decoration: none;
      font-size: 1em;
      text-indent: -9999em;
      line-height: 22px;
      font-size: 0.063em;
      display: block;
      font-weight: 700;
  }

  .mean-bar nav.mean-nav ul {
      display: inline-block;
  }

  .mean-container .mean-nav ul {
      list-style-type: none;
      margin: 0 0 -6px;
      padding: 0;
      width: 100%;
  }

  .mean-container .mean-nav {
      background: #555;
      margin-top: 14px;
  }

  .mobile-menu-beschriftung {
      color: #fff;
      padding: 10px 0 0;
      position: absolute;
      right: 50px;
      top: 3px;
  }

  .mean-container .mean-nav ul li a {
      border-top: 1px solid rgba(255, 255, 255, 0.5);
      color: #fff;
  }

  .mean-container .mean-nav ul li a.mean-expand {
      height: 23px;
  }

  .mean-container .mean-nav ul li a.mean-expand:hover {
      background: #89062a;
      color: #fff;
  }

  .mean-container .mean-nav ul li a {
      padding: 12px 5%;
  }
}

/*------------------------------------*\
  #SPEZIAL-MENÜ
\*------------------------------------*/
.frame-type-menu_pages {
    border-bottom: 1px solid #2c2c2c;
}

.frame-type-menu_pages ul.spezial-breadcrumb-menu {
    background: #383536;
    border-radius: 5px;
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
}

.frame-type-menu_pages ul.spezial-breadcrumb-menu {
    padding: 5px 10px;
}

.frame-type-menu_pages ul.spezial-breadcrumb-menu li {
}

.frame-type-menu_pages ul.spezial-breadcrumb-menu li a {
    font-size: 1.286em;
    color: #fff;
}

.frame-type-menu_pages ul.spezial-breadcrumb-menu li a:hover {
    color: #ffdc63;
    text-decoration: none;
}

.frame-type-menu_pages ul.spezial-breadcrumb-menu li a span {

}
