.mobileMenu {
    display: none;
}

.mobileNavigation * {
    font-weight: lighter;
}

.mobileNavigation {
    width: 100%;
    background-color: #3366c4;
    position: relative;
    display: none;
}

    .mobileNavigation .mobileSubNavigationWrapper {
        margin: 0 auto;
        position: relative;
    }


    .mobileNavigation.scrollFixed {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 100;
    }

        .mobileNavigation.scrollFixed ul li a {
            padding: 20px 15px;
        }

        .mobileNavigation.scrollFixed ul ul li a {
            padding: 7px 15px;
        }


    /* Erste Ebene */

    .mobileNavigation ul {
        list-style: none;
        display: table;
        margin: 0px auto;
        padding: 0px;
    }

        .mobileNavigation ul li {
            padding: 0px;
            margin: 0 1px;
            display: inline-block;
        }

            .mobileNavigation ul li:hover {
                /*background-color: #2a58b7;*/
            }

            .mobileNavigation ul li.curNavPage {
                background-color: #7e8cbf;
            }

            .mobileNavigation ul li.navClick {
            }

            .mobileNavigation ul li a {
                text-decoration: none;
                padding: 7px 15px;
                display: inline-block;
            }

                .mobileNavigation ul li a span {
                    text-decoration: none;
                    color: #fff;
                    font-size: 180%;
                    font-variant: small-caps;
                }


            /* Zweite Ebene */

            .mobileNavigation.jsOff ul li:hover > ul,
            .mobileNavigation ul li.navHover > ul,
            .mobileNavigation ul li.navClick > ul {
                /*visibility: visible;*/
                display: inline-block;
            }

        .mobileNavigation ul ul {
            background-color: #89afda;
            left: 0px;
            right: 0px;
            position: absolute;
            top: 100%;
            /*width: 100%;*/
            z-index: 100;
            text-align: center;
            /*visibility: hidden;*/
            display: none;
        }

            .mobileNavigation ul ul li.curNavPage {
                background-color: #6291c6;
            }

            .mobileNavigation ul ul li a {
            }

                .mobileNavigation ul ul li a span {
                    font-size: 150%;
                    font-variant: normal;
                }

        /* Dritte Ebene */

        .mobileNavigation.jsOff ul ul li:hover > ul,
        .mobileNavigation ul ul li.navHover > ul,
        .mobileNavigation ul ul li.navClick > ul {
            /*visibility: visible;*/
            display: inline-block;
        }

            .mobileNavigation ul ul ul {
                background-color: #a8c4e4;
                left: 0px;
                right: 0px;
                position: absolute;
                top: 100%;
                /*width: 100%;*/
                z-index: 100;
                text-align: center;
                /*visibility: hidden;*/
                display: none;
            }

                .mobileNavigation ul ul ul li.curNavPage {
                    background-color: #6c96c6;
                }

                .mobileNavigation ul ul ul li a {
                }

                    .mobileNavigation ul ul ul li a span {
                        font-size: 130%;
                        font-variant: normal;
                    }