@media (min-width: 0px) and (max-width: 1024px) {
    a:hover, a:active, a:visited, a:after{
        text-decoration: none !important;
    }

    #responsive_menu_button, #responsive_menu_close_button{
        width: 38px; height: 50px;
        cursor: pointer;
    }
    #responsive_menu_button{
        background:transparent url('/themes/s11/images/responsive.png') center top no-repeat;
    }
    #responsive_menu_close_button{
        background:transparent url('/themes/s11/images/responsive_blau.png') center top no-repeat;
    }
    #responsive_menu_button:hover{
        background:transparent url('/themes/s11/images/responsive_blau.png') center top no-repeat;
    }
    #responsive_menu_close_button:hover{
        background:transparent url('/themes/s11/images/responsive.png') center top no-repeat;
    }

    #responsive_menu_button{
        cursor: pointer;
    }
    a:hover{
        color: rgb(51, 0, 255) !important;
    }

    /* Forms */
    form .field{
        padding-left: 10px;

    }
    form label .left{
        width: 100%;
    }
    .middleColumn{
        padding-left: 0px;
        width: 100%;
    }
    .Actions{
        margin: 0 auto !important;
        padding-left: 10px;
        width: 100%;
        text-align: center !important;
    }

    .Actions .action{
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center !important;
        display:inline-block !important;
        float: none !important;
    }

    .text .middleColumn {
        width: 100%;
        padding-left: 0px !important;
        padding-top: 10px;
        padding-right: 10px;
    }


    /* Galery */
    .fancybox-grid {
        padding-left: 5px !important;
        padding-right: 5px !important;
        width: 50% !important;
    }
    .fancybox-thumb{
        display:none;
        width: 50% !important;
    }

    .leftSideBar{
        display:none;
    }
    .rightContent{
        width: 100%;
    }
    .rightContent .mainLarge, .rightContent .mainNormal {
        height: auto;
        padding-bottom: 30px;
    }

    .mainContent{
        padding: 0px;
    }
    #news {
        height: auto;
    }

    /* Bilder */
    .rightContent .sideBarElement * img {
        padding-left: 3px;
    }

    input{
        border-radius: 0px !important;
    }
    input:invalid, textarea:invalid {
        border-radius: 0px !important;
    }

    .responsive_logo{
        position:absolute;
    }
    .responsive_title{
        height: 50px;
        vertical-align: middle;
        padding-left: 60px;
        padding-top: 15px;
        font-size: 25px;
    }
    .navigation_responsive_item{
        padding-top: 5px;
    }

    .secondary div span, .secondary div span a{
        display: block;
    }

    .navigation_responsive_active{
        color: rgb(51, 0, 255) !important;
    }
    .navigation_responsive a{
        color: #fff !important;
    }
    .navigation_responsive a:hover{
        color: rgb(51,0,255) !important;
    }


    .onlyVisibleResponsive{
        display: block;
    }
    .onlyVisibleOnDesktop{
        display: none;
    }

    #responsive_menu{
        padding-left: 30px;
        padding-right: 30px;
        color: #fff;
    }
    .responsive_blank{
        height: 30px !important;

    }

    .secondary{
        padding-top: 10px;
        padding-bottom: 10px;
    }


    .sideBarElementNavigationResponsive, .sideBarElementContentResponsive{
        padding-left: 10px;
    }

    .sideBarElement{
        min-height: 30px;
    }
    .mainContent{
        height: auto;
    }



    /*  Überschrift 1 | Maximale Schriftgrösse
    wird bei Titel - Aktuell verwendet */
    h1, .s11_font_1{
        line-height: 45px;
    }
}