@media only screen and (max-width: 1240px) {

    .container_index p,
    .fliesstext,
    .div_content ul li,
    .div_content ol,
    .div_newsbox_container .fliesstext,
    .div_teaserbox_container p {
        font: 400 100%/1.5 'Droid sans', verdana, arial,sans-serif;
    }




    .div_header {
        width: 100%;
        background: none;
    }



    .div_headerservice {
        padding: 0 1.6% 0 1.6% !important;
    }

    .div_navbar_inner {
        width: 100%;
    }

    /*  .container_barriere {
        top: 125px;
        background: none !important;
    }

        .container_barriere ul,
        .container_barriere li,
        .container_barriere img {
            background: none !important
        }

        .container_barriere a {
            color: #f28600 !important;
        }



    .div_spendenbtn {
        top: 35px;
        background: none !important;
    }*/


    .div_slider_container{
        margin-top: 220px;
    }

    .div_slider_container.resstart{
        margin-top: 207px;
    }


    .wrapper {
        width: 98%;
    }

    .main {
        margin: 0 0 0 0;
    }


    .div_breadcrumb{
        margin-left: 27.5%;
    }

    .addmin_newslist .subheadlineblau {
        font: 400 26px/1.3 Roboto Condensed,'lucida sans', verdana, arial,sans-serif;
        color: #484848;
    }


    .addmin_newslist ul li a {
        margin: 0 !important;
    }

    .addmin_newslist_img_prev {
        margin: 0 20px 0 0 !important;
        width: auto !important;
    }

    /* SLIDER =======================================================================================*/

    .image_gallery_controls_inner {
        width: 100%;
    }

    .image_gallery_controls .div_txt {
        width: 80%;
        padding: 0 10%;
    }


    /*  RES SLIDESHOW  ============================================================================= */

    .div_res_slideshow {
        width: 100%;
        height: auto;
        max-height: 447px !important;
        overflow: hidden;
        padding: 0;
    }

    .bild_text_control {
        margin: 20px 0 0 0;
    }

    .div_teaserbox_container {
        width: 100%;
    }


    /* NEWSBOX ======================================================*/

    .div_newsbox_container {
        width: 98%;
        padding: 10px 1%;
    }

    .newsbox_left {
        width: 30%;
        margin: 0 5% 0 0;
    }

    .newsbox_right {
        width: 63%;
        margin: 0;
        padding: 0;
    }

    .newsboximage {
        margin: 0;
        padding: 0;
    }

    /* FOOTER ======================================================*/


    .div_footer_inner {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .div_totop {
        right: 3%;
    }

    .div_printsend a {
        display: none;
    }

    .div_footer_content {
        width: 94%;
        padding: 0 3%;
    }

    .div_footer_claim {
        width: 94%;
        padding: 10px 3% 20px 3%;
    }

    /* INDEX ============================================================================*/

    .container_index {
        width: 100%;
    }

    .div_left {
        width: 22.5%;
        margin-right: 5%;
    }

    .div_content {
        width: 72.5%;
    }

    /*    .div_breadcrumb {
        margin: 22px 0 0 0;
        width: 100%;
    }

    .div_stnav, .st_subnav {
        display: block;
    }

    .div_moreNavigation {
        display: block;
    }*/

}



/******************************************* GRID 1200px ==========================================================*/
@media only screen and (max-width: 1200px) {

    .div_mainnavigation {
        display: none;
    }

    .div_navbar {
        background-color: transparent;
    }

    .resnavi_bg {
        display: block;
        position: relative;
        top: 3px;
        width: 100%;
        background: #003163 !important;
        margin: 0;
        padding: 0;
        height: 50px;
    }

        .resnavi_bg img {
            background: #003163 !important;
        }

    .a_resnav_btn {
        margin: 3px 0 0 1.6%;
        display: block;
        height: 46px;
    }

    .active-nav .div_resnav {
        display: block;
    }

    .a_resnav_btn:hover, .active-button {
        /*background: #f28600;*/
    }

    .ul_metanavigation li a{
        padding: 0 9px;
    }
}
/******************************************* GRID 1024px ==========================================================*/

@media only screen and (max-width: 1024px) {
    .headcontainer {
        width: 100%;
        height: 94px !important;
        position: relative !important;
        background: #fff url(resimg/resHeaderBG.png) left top repeat-x !important;
    }

    .div_metanavi {
        display: none;
        background: none;
    }

    .div_resmetanavi {
        display: block;
        text-align: right !important;
        float: none !important;
    }

    .res_metanavi {
        width: 30%;
        display: block;
        font-size: 1rem;
        padding: 5px;
        margin: 15px 1.6% 0 auto;
    }

    .div_logo {
        position: absolute;
        /*top: 87px;*/
    }

    .resnavi_bg {
        top: 110px;
    }

    .container_barriere {
        top: 125px;
        background: none !important;
    }

        .container_barriere ul,
        .container_barriere li,
        .container_barriere img {
            background: none !important
        }

        .container_barriere a {
            color: #f28600 !important;
        }



    .div_spendenbtn {
        top: 35px;
        background: none !important;
    }

    .div_slider_container {
        margin-top: 155px;
    }

        .div_slider_container.resstart {
            margin-top: 148px;
        }

    /* INDEX ============================================================================*/

    .container_index {
        width: 100%;
    }

    .div_left {
        display: none;
    }

    .div_content {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .div_breadcrumb {
        margin: 22px 0 0 0;
        width: 100%;
    }

    .div_stnav, .st_subnav {
        display: block;
    }

    .div_moreNavigation {
        display: block;
    }

}




/******************************************* GRID 800px ==========================================================*/

@media only screen and (max-width: 800px) {

    .image_gallery_controls .div_title {
        /*font-size:24px;*/
        font-size: 1.2em
    }

    .image_gallery_controls .div_description {
        font-size: 87%;
    }

    .owl-nav{
        bottom: 0;
        top: auto;
    }

        .owl-nav .a_slider_prev, .owl-nav .a_slider_next {
            top: -54px;
            height: auto;
        }

        .a_slider_next img, .a_slider_prev img {
            width: 20px;
        }

    .a_slider_next {
        right: 10px;
    }

    .a_slider_prev {
        left: 10px;
    }

    .div_footer_claim {
        text-align: center;
    }

    .div_socialmediaicons {
        display: none;
    }

    .div_socialmediaiconsfooter {
        display: block;
    }
}

@media only screen and (max-width: 640px) {


    #cont_newspic {
        float: none !important;
        margin: 0 0 15px 0 !important;
        width: 100% !important;
    }
}


/**********************************************  GRID 480 PIXELS =================================================*/

@media only screen and (max-width: 480px) {

    .div_resnav {
        width: 80%;
    }

    .res_metanavi {
        width: 96.8% !important;
    }


    .main {
        margin: 0 0 0 0;
    }

    .div_stnav, .st_subnav {
        display: block;
    }

    .div_moreNavigation {
        display: block;
    }

    /* STARSEITE ============================================================================= */

    .bild_text_control {
        margin: 20px 0 0 0;
    }


    /* NEWSBOX ======================================================*/
    .div_newsbox_container {
        max-width: 320px;
    }

    .newsbox_left {
        width: 100%;
        float: none !important;
        margin: 0 !important;
    }

    .newsbox_right {
        width: 100%;
        float: none !important;
        margin: 0;
    }

    /* FOOTER ======================================================*/

    .div_footer {
        max-width: 480px !important;
    }

    .div_footer_content .add_min_editor {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAACCAIAAACG8Fi/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM0RjZBMDA4QjU4QTExRTM5NTBERjQxMEFBQTUzOTgxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM0RjZBMDA5QjU4QTExRTM5NTBERjQxMEFBQTUzOTgxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzRGNkEwMDZCNThBMTFFMzk1MERGNDEwQUFBNTM5ODEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzRGNkEwMDdCNThBMTFFMzk1MERGNDEwQUFBNTM5ODEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6/pD6zAAAAGUlEQVR42mKsqShgGDqA8f///0PIuQABBgDsjQRkSAEX9wAAAABJRU5ErkJggg==') /*resimg/resfooterLine.png*/ center bottom repeat-x;
        padding-bottom: 13px;
    }

    /*** Newsletter Anmeldung ***/

    input[type="submit"],
    input[type=reset] {
        width: 94% !important;
        float: left;
    }

    input[type="submit"] {
        margin: 0 0 0 -10px;
    }

    input[type=reset] {
        margin: 20px 0 0 0 !important;
    }

    input.formular {
        float: left !important;
        padding: 1% !important;
        width: 92% !important;
    }

    select.formular {
        float: left;
    }


    select#title {
        width: 94% !important;
    }
}

/**********************************************  GRID 360 PIXELS =================================================*/

@media only screen and (max-width: 360px) {


    .image_gallery_controls {
      /*  height: 10em;*/
    }

        .image_gallery_controls .div_txt {
            /*top: 1em;
            left: 2.5em;
            width: 79%;*/
        }

        .image_gallery_controls .div_title {
            /*font-size: 20px;*/
        }

        .image_gallery_controls .div_description {
            font-size: 77%;
            line-height: 1.2;
        }

    .a_slider_next {
        right: 0;
    }

    .a_slider_prev {
        left: 0;
    }

        .image_gallery_controls .prev {
            height: 10em;
            background-position: left center;
        }


        .image_gallery_controls .next {
            height: 10em;
            background-position: right center;
        }

    .div_spendenbtn {
        top: 45px;
    }

        .div_spendenbtn img {
            height: 52px;
            width: auto;
        }
}