@media (min-width: 992px) {
    /*------------------------------------*\
    #ERSTE EBENE
    \*------------------------------------*/
    .navigation ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .navigation ul li {
        padding: 0;
        display: inline-block;
    }

    .navigation ul li a {
        font-family: "Source Sans Pro",sans-serif,"google";
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        text-transform: uppercase;
        color: #666;
        padding: 10px;
    }

    .navigation ul li a:hover {
        color: #025296;
        background-color: #eee;
        text-decoration: none;
    }

    .navigation ul li.active a {
        color: #025296;
    }

    /*------------------------------------*\
    #ZWEITE EBENE
    \*------------------------------------*/
    .navigation ul ul {
        display: none;
        border-bottom: 5px solid rgba(150,150,150,.2);
        box-shadow: 5px 5px 30px rgba(0,0,0,.15);
        position: absolute;
        min-width: 200px;
        max-width: 250px;
        background-color: inherit;
        z-index: 10;
    }

    .navigation ul li:hover ul {
        display: block;
    }

    .navigation ul ul li {
        display: grid;
    }
}

@media (max-width: 991px) {
/*------------------------------------*\
    #MEANMENU
\*------------------------------------*/
    .icon-wrapper-mobil a:hover {
        color: #025296;
    }

    .mean-container .mean-bar {
        background: #025296;
        height: 45px;
        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-family: Arial,Helvetica,sans-serif;
        font-weight: 700;
    }

    .mean-container a.meanmenu-reveal span {
        background: #fff;
    }

    .mean-bar .navigation.mean-.navigation ul {
        display: inline-block;
    }

    .mean-container .mean-.navigation ul {
        list-style-type: none;
        margin: 0 0 -6px;
        padding: 0;
        width: 100%;
    }

    .mean-container .mean-nav {
        margin-top: 49px;
    }

  /* .mean-container .mean-.navigation {
      background: #555;
      margin-top: 54px;
  } */

    .mobile-menu-beschriftung {
        color: #fff;
        padding: 11px 0 0;
        position: absolute;
        right: 50px;
        top: 3px;
    }

    .mean-container .mean-.navigation ul li a {
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

    .mean-container .mean-.navigation ul li a.mean-expand {
        height: 25px;
    }

    .mean-container .mean-.navigation ul li a.mean-expand:hover {
        background: #025296;
        color: #000;
    }

    .mean-container .mean-nav ul li a {
        padding: 14px 5%;
    }

    /* .mean-container .mean-.navigation ul li a {
        padding: 12px 5%;
    } */

    .mean-bar .navigation.mean-.navigation .container {
        padding: 0;
    }
}