@media all and (max-width: 700px) {

    /* MAIN */

    html, body {
        height: 100%;
        margin: 0px;
        padding: 0px;
        background-image: unset;
        background: #fff;
    }

    body {
        background: unset;
    }

    form {
        display: unset;
        width: unset;
    }

    .container {
        width: 100%;
        margin: 0px 0px 0px 0px;
        background: unset;
        position: relative;
        padding: 0 0 0px 0;
        border: unset;
    }

    .topWrapper {
        width: unset;
        float: unset;
        height: unset;
    }

    .head {
        background-color: #3f85d4;
		background-image: url("/img/background_responsive.png");
		background-size: cover;
		background-position: center center;
        /*box-shadow: #014b9f 0px 0px 18px inset;*/
        height: unset;
        display: table;
    }

    .respArea {
        display: inherit;
        visibility: visible;
    }

        .respArea img {
            height: auto;
            width: 40%;
            max-height: 100px;
            max-width: 100px;
            float: left;
            vertical-align: top;
        }

        .respArea span {
            color: white;
            text-shadow: #000 3px 3px 5px;
            font-size: 6vw;
            padding: 30px 0 0 0;
            display: block;
            overflow: hidden;
            word-wrap: break-word;
        }

    .middleWrapper {
        width: unset;
        margin: unset;
    }

    .middleWrapper .Content,
    .middleWrapper .ContentStart {
        width: unset;
        margin: unset;
        background: unset;
        position: relative;
        float: unset;
    }

    .Content .pnlContent .PathListWrapper,
    .ContentStart .pnlContent .PathListWrapper {
        border: unset;
        padding: 2px 4px;
        border-bottom: 1px solid #666;
        color: #000;
    }

        .Content .pnlContent .PathListWrapper .PathListText,
        .ContentStart .pnlContent .PathListWrapper .PathListText {
            display: none;
        }
        .Content .pnlContent .PathListWrapper .PathList,
        .ContentStart .pnlContent .PathListWrapper .PathList {
            line-height: 2.3;
        }

        .Content .pnlContent .PathListWrapper a,
        .ContentStart .pnlContent .PathListWrapper a {
            padding: 5px;
            background: #8be;
            font-variant: small-caps;
        }

            .Content .pnlContent .PathListWrapper a:hover,
            .ContentStart .pnlContent .PathListWrapper a:hover {
                text-decoration: none;
            }

    .Content .pnlContent > div,
    .ContentStart .pnlContent > div {
        margin: 0 10px;
    }

    /* MobileMenu Button*/
    .mobileMenu {
        display: block;
    }

        .mobileMenu a {
            display: block;
            text-align: center;
            text-decoration: none;
            font-size: 5vw;
            padding: 10px;
            background-color: #396fae;
            color: #fff;
        }

            .mobileMenu a:hover {
                background-color: #70a1d9;
                color: #000;
            }

            .mobileMenu a span {
            }




    /* NAVIGATION */
    body.showMobileMenu {
        overflow: hidden;
        position: fixed;
        z-index: 1;
        display: block;
        height: 100%;
        width: 100%;
    }


    .leftNavigation {
        display: none;
        visibility: hidden;
    }

    .topNavigation {
        display: none;
        visibility: hidden;
    }

    .mobileNavigation {
        display: none;
    }

        .mobileNavigation.showMobileMenu {
            background-color: rgba(0, 0, 0, 0.75);
            display: block;
            left: 0px;
            top: 0px;
            position: fixed;
            z-index: 99999;
            width: 100%;
            height: 100%;
        }

            .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper {
                width: 100%;
                height: 100%;
                overflow-y: scroll;
            }

                .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper::after {
                    width: 100%;
                    height: 50%;
                    content: "";
                    display: block;
                }


        /* Ebene 1 */

        .mobileNavigation ul li a span {
            font-size: 180%;
        }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper ul {
            display: block;
        }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper > ul {
            margin: 50px 0 0 0;
        }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper ul a {
            display: inline-block;
            width: calc(100% - (20px + 45px));
            padding: 7px 5px 7px 15px;
        }

            .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper ul a span.fa {
                display: none;
                visibility: hidden;
            }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper ul li {
            width: 100%;
            margin: 0px;
        }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper > ul > li > div {
            background-color: #7596bb;
            position: relative;
        }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper > ul > li.curNavPage > div {
            background-color: #51739c;
        }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper > ul > li a.showSubMenu {
            display: inline-block;
            padding: unset;
            margin: unset;
            height: 45px;
            width: 45px;
            vertical-align: top;
            background-color: #4578b2;
        }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper > ul > li > ul > li a.showSubMenu {
            height: 40px;
            width: 40px;
        }

            .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper > ul > li a.showSubMenu span {
                padding: 7px 10px;
                display: inline-block;
                transition: transform 0.5s linear;
            }

                .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper > ul > li a.showSubMenu span::after {
                    color: #fff;
                    content: "";
                    font-family: FontAwesome;
                    font-size: 130%;
                }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper > ul > li.curNavPage a.showSubMenu,
        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper > ul > li > ul > li.curNavPage a.showSubMenu {
            background-color: #2f5583;
        }

            .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper > ul > li.curNavPage a.showSubMenu span,
            .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper > ul > li > ul > li.curNavPage a.showSubMenu span {
                /*transform: rotate(90deg);*/
            }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper > ul > li.navClick > div a.showSubMenu span,
        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper > ul > li > ul > li.navClick > div a.showSubMenu span {
            transform: rotate(90deg);
            transition: transform 0.5s linear;
        }


        /* Ebene 2 */

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

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper ul ul {
            position: relative;
            text-align: left;
            /*visibility: visible;*/
            display: none;
        }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper ul li.curNavPage > ul {
            /*display: inline-block;*/
        }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper ul li.navClick > ul {
            display: block;
        }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper ul li {
            width: 100%;
        }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper ul ul a {
            padding: 7px 15px 7px 35px;
            width: calc(100% - (20px + 70px));
        }


        /* Ebene 3 */

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

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper ul ul li.curNavPage > ul {
            /*display: inline-block;*/
        }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper ul ul li.navClick > ul {
            display: block;
        }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper ul ul li {
            width: 100%;
        }

        .mobileNavigation.showMobileMenu .mobileSubNavigationWrapper ul ul ul a {
            padding: 7px 15px 7px 55px;
            width: calc(100% - (20px + 70px));
        }


    /* SIDEBAR */
    .Sidebar {
        float: none;
        width: unset;
        margin: 0 17px 10px 17px;
    }

        .Sidebar .SidebarHead {
            width: unset;
            border-radius: unset;
            box-shadow: unset;
        }

        .Sidebar .SidebarContent {
            width: unset;
        }

    /* FOOTER */

    .ContentStart .ContentLinks {
        display: none;
    }

    .ContentLinksResponsive {
        display: block;
    }

    .ContentLinks,
    .ContentLinksResponsive {
        padding: 5px 6px;
    }
        .ContentLinks a,
        .ContentLinksResponsive a {
            text-decoration: none;
            padding: 5px;
            color: #0060A6;
        }

    /* ModulContent */
    .ModulContent {
    }
    
        .ModulContent img {
            max-width: 95%;
            height: auto !important;
        }
		
        .ModulContent img.mobilemax {
            width: 100% !important;
            height: auto !important;
			float: none !important;
        }

        .ModulContent iframe {
            max-width: 99% !important;
        }


    /* ModulNews */

	/* ModulBuildingArea */
	.ModulBuildingArea #BuildingAreaImage {
		max-width: 100%;
		height: auto;
	}
	
    /* Special */
    


}