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

    #socialmenu-slider
    {
        bottom: 100px;
        right:0;
    }

    #headersection .flexslider h1, #headersection .flexslider h2
    {
        width: 80%;
        left: 10%;
        bottom: 220px;
    }
    header.fixed #caritasMenu.fade.in {
        top: 0px
    }

    #caritasMenu .modal-header
    {
        padding: 4px 20px;
    }

    .modal-header .icon
    {
        margin: 3px 0 0 0 ;
    }

    #leftheader {
        padding-top: 0;
    }

    /* header menu */
    .modal-spendenbutton .header-spendenbutton .spendenbutton
    {
        padding-top: 20px;

    }

    header #headerlogo {
        z-index: 1000;
        width: 130px;
        padding-left: 20px;
        height: 80px;
        padding-top: 10px;
    }

    header.fixed #headerlogo {
        max-width: 110px;
    }

    header.fixed .navbar-toggle {
        padding-right: 20px;
    }

    .navbar-toggle
    {
        padding-right: 20px;
    }

    #leftheader {
        width: 100%;
    }

    #leftmenu {

        position: relative;
        top: 0px;
        width: 100%;
    }

    #diocesemenu {
        width: 100%;
    }
    #diocesemenu.microsite
    {
        display:none;
    }

    body.microsite_no_diocese_menu #contentwrapper
    {
        top:0;
    }


    #diocesemenu .dropdown-toggle.selectpicker.btn-info {
        background-color: #e40428;
        color: #fff;
        padding: 15px 20px 10px 20px;
    }

    .bootstrap-select.btn-group .btn .caret {
        position: absolute;
        top:20px;
        right: 20px;
        left: inherit;
    }



    /* END HEADER MENU*/
    header.fixed #menu .navbar-default .nav-justified > li > a {
        padding: 0;
    }

    #headersection .flexslider .slides figure.image {
        margin: 0 -150px;
    }

    #headersection .img-wrap figure.image {
        margin: 0 -240px;
    }

    .headerslider .flexslider
    {
        background-color: #e40428;
    }

    .headerslider .flexslider .text {
        left: 0;
        width: 100%;
        padding: 0;
        height: auto;
        min-height: 88px;
    }

    .headerslider .flexslider .text p {
        padding: 15px 30px 25px 30px;
        margin: 0;
    }

    .headerslider .flex-control-nav {
        width: 20%;
        width: 130px;
        background-color: transparent;

    }

    .headerslider .flex-control-paging li a {
        background-color: #000;
    }

    .headerslider .flex-control-paging li a:hover {
        background-color: #fff;
    }

    .headerslider .flex-control-paging li a.flex-active {
        background-color: #fff;
    }

    #sliderbottom #backbutton {
        width: 100%;
        bottom:0;
    }

    .flex-control-nav {
        width: 15%;
        height: 30px;
    }

    .flex-control-nav li {
        margin: 10px 5px;
    }

    /* magazin */
    .magazinitem.magazin-iconliste .bannerbg {
        display: none;
    }

    .magazinitem.magazin-iconliste .icontextlist {
        position: relative;
        top: 0;
        margin-bottom: 20px
    }
    .magazinitem.magazin-iconliste .icontextlist .listitem .listitem-description p
    {
        display: inline-block;
    }

    .magazinitem.magazin-iconliste .top {
        position: relative;
        padding-bottom: 40px;
    }

    /* END MAGAZIN */
    #sliderbottom #backbutton {
        position: relative;

    }

    #sliderbottom #backbutton .icon-arrow-left {
        width: 120px;
    }

    #detailpagecontent {
        margin: 0 20px 0 20px;

    }

    #detailpagecontent .content-right {
        padding: 0;
    }

    #diocesemenu {
        display: none;
    }

    .mobile-spendenbutton .header-spendenbutton {
        display: none;
    }

    /* partnerslider */
    #partnerslider .flexslider .flex-direction-nav a {
        right: 0px;
        opacity: 0.8;
    }

    #partnerslider .flexslider:hover .flex-direction-nav a {
        right: 10px;
        opacity: 1;
    }

    #partnerslider .flexslider .flex-direction-nav .flex-prev {
        opacity: 0.8;
        left: 0px;
    }

    #partnerslider .flexslider:hover .flex-direction-nav .flex-prev {

        left: 10px;
        opacity: 1;
    }

    /* END PARTNERSLIDER */


    /* zahlen icon */

    #zahlenHeadlineLayout #mobileCarousel .carouselitem .headlineblock
    {
        width: 100%;
    }

    #zahlenHeadlineLayout #mobileCarousel .carouselitem .contentblock
    {
        margin: 0;
        width: 100%;
    }

    #zahlenHeadlineLayout #mobileCarousel {
        padding: 0 40px;
    }


    #zahlenHeadlineLayout #mobileCarousel .slides .carouselitem .cewrapper
    {
        padding: 0 20px;
    }

    #zahlenHeadlineLayout #mobileCarousel .carouselitem .contentblock
    {
        margin-top: 0;
        padding-left: 10%;
    }

    .numbertextblock:after
    {
        margin-left: 10%;
    }

    #zahlenHeadlineLayout #mobileCarousel .flex-direction-nav .flex-next
    {
        right: 0px;
        opacity: 0.8;
        width: 30px;
        height: 30px;
        vertical-align: middle;
    }
    #zahlenHeadlineLayout #mobileCarousel.flexslider:hover .flex-next
    {
        right: 10px;

    }

    #zahlenHeadlineLayout #mobileCarousel .flex-direction-nav .flex-prev
    {
        left:0px;
        opacity: 0.8;
        width: 30px;
        height: 30px;
        vertical-align: middle;
    }

    #zahlenHeadlineLayout #mobileCarousel.flexslider:hover .flex-prev
    {
        left:10px
    }

    /* END zahlen icon */


    #headersection
    {
        min-height: 100px;
        margin-bottom: 20px;
    }

    .flexslider:hover .flex-prev
    {
        left: 30px;
        opacity: 1;
    }
    .flexslider:hover .flex-next
    {
        right: 30px;
        opacity: 1;
    }

}

@media screen and (max-width:759px)
{
    .col-xs-right
    {
        text-align: right;
    }
    .col-xs-left
    {
        text-align: left;
    }
    .sidebarcontent
    {
        padding: 0;
    }
}

@media (max-width: 760px) {


    .flex-direction-nav a {
        top: 60%;
    }

    #headersection .flexslider h1, #headersection .flexslider h2 {
        font-size: 38px;font-size: 2.111rem;
        bottom: auto;
        top: 10px;
        line-height: 1.2em;
    }

    .banner .bannerdescription {
        left: 30px;
    }
    #magazin .magazinitem .magazindescription .top {
        left: 30px;
    }
    .magazinitem.magazin-iconliste .top {
        padding-left: 30px;
    }
    #zahlenHeadlineLayout #mobileCarousel {
        padding: 0;
    }
    #mobileCarousel .flex-direction-nav {

    }
    #mobileCarousel .flex-direction-nav a:before
    {
        font-size: 27px;
        font-size: 1.5rem;
        line-height: 30px;
        line-height: 1.5rem;
        margin-left:-4px
    }

    #mobileCarousel .flex-direction-nav a.flex-next:before
    {
        margin:0;
    }

    .navbar-toggle .menuname {
        display: none;
    }

    #diocesemenu {
        display: block;
    }

    #diocesemenu.microsite #diocesemenu-inner
    {
        display: none;
    }

    #diocesemenu.microsite #diocesemenu-inner.customlinksmenuselect
    {
        display: block;
    }



    #contentwrapper {
        top: 57px;
    }

    #contentwrapper.microsite-container
    {
        top:0;
    }

    #contentwrapper.microsite-container.microsite-special
    {
        top:0px;
    }

    header.microsite-special #diocesemenu
    {
        display:none;
    }


    #backbutton {
        display: block;
        background-color: #000 !important;
        margin-bottom: 30px;
    }
    #backbutton a,
    #backbutton a span {
        color: #fff !important;
    }

    header.fixed #leftmenu {
        display: none;
    }

/*    .video-headlinecontainer,
    .gallery-headlinecontainer {
        display: block;
        margin-left: 40px;
    }*/

    .uploads-eldi .uploads-element {
        height: auto;
        margin-bottom: 10px;
    }
    .uploads-container .col-xs-1 {
        width: 50px;
    }
    .uploads-container .col-xs-11 {
        width: auto;
    }
    #contentwrapper>.indentwidth.singleColumn>.cewrapper>p {
        width: 100%;
    }


    .footer-section {
       padding-bottom: 30px;
    }

    #footer-dioceselist-mobile .dioceselist button.selectpicker
    {
        position: relative;
    }

    #footer-dioceselist-mobile .caret
    {
        left:auto;
        left: inherit;
        position: absolute;
        right: 15px;
        top: 15px;
    }

    #menu .dropdown-menu
    {
        z-index: 1001;
    }
    #menu .dropdown-menu a
    {
        z-index: 1002;
    }
    header.fixed #menu .dropdown-menu a
    {
        z-index: 1100;
    }

    #zahlenHeadlineLayout #mobileCarousel .contentblock .textfield
    {
        width: 75%;
    }

    #zahlenHeadlineLayout #mobileCarousel .numbertextblock .contentblock .iconfield
    {
        width: 25%;
        text-align: center;
    }

    .teaser-spenden .magazindescription .subline
    {
        display: block;
    }

    .eldi-search .caritas-logo
    {
        width: 205px;
        /* float: left; */
        display: inline-block;
        float: none;
        margin-right: 15px;
    }

    .eldi-search .inputsearch
    {
        width: auto;
        /* margin-left: 215px; */
        position: relative;
        display: block;
        float: none;
        /* padding: 0; */
        vertical-align: top;
        top: 0;
        left: 0px;
        right: 0;
    }

    .myTabs.tabs-6 .nav li
    {
        width: 33.333%;
        /* display: inline-block; */
        float: left;
        border-bottom: 1px solid #fff;
        max-width: inherit;
    }

    .myTabs.tabs-6 .nav li.active
    {
        width: 33.333%;
    }


}


@media all and (max-width:600px)
{
    .teaser .teaserdescription p
    {
        display: none;
    }

    #magazin .magazinitem .magazindescription .bottomtext
    {
        display: none;
    }
    .teaser .teaser-spendenbetrag
    {
        bottom: 20px;
    }

    #headersection .flexslider .text p
    {
        padding: 15px 20px;
    }

    .myTabs .nav li
    {
        width: 50%;
        /* display: inline-block; */
        float: left;
        border-bottom: 1px solid #fff;
        max-width: inherit;
    }
    .myTabs .nav>li.active
    {
        width: 50%;
        max-width: inherit;
    }

    .myTabs.tabs-6 .nav li
    {
        width: 50%;
        /* display: inline-block; */
        float: left;
        border-bottom: 1px solid #fff;
        max-width: inherit;
    }

    .myTabs.tabs-6 .nav li.active
    {
        width: 50%;
    }


}






@media all and (max-width:500px)
{
    #magazin .magazinitem .magazindescription .bottomtext
    {
        display: none;
    }

    #socialmenu-slider {
        bottom: 120px;
    }

    .headerslider .flex-control-nav
    {
        bottom: -15px;
        width: 80px;
    }

    .banner .bannerdescription
    {
        left: 0;
        right: 0;
    }


    #magazin .magazinitem .magazindescription .top
    {
        left:0;
        top:0;
        right:0;
    }

    .video-headlinecontainer,
    .gallery-headlinecontainer
    {
        width: 90%;
    }

    #caritasMenu .modal-header
    {
        overflow: hidden;
    }

    #menu .navbar-default .navbar-collapse .nav-justified>li>a
    {
        height: 70px;
        line-height: 70px;
        font-size: 26px;
    }

    #menu .dropdown-menu>li>a
    {
        min-height: 50px;
        line-height: 50px;
    }


    #contentwrapper .uploads-container li.uploads-element .herunterladen
    {
        width: 100%;
        padding-left: 16.6666667%;
    }

    #contentwrapper .uploads-container li.uploads-element .herunterladen .icon-download
    {
        float: left;
        margin-top: 0;
    }

    #contentwrapper .uploads-container li.uploads-element .herunterladen .dl-link
    {
        text-align: left;
        margin-top: 12px;
        padding-left: 40px;
        margin-top: 5px;
    }

    #contentwrapper .uploads-container li.uploads-element .text
    {
        width: 83%;
    }

    .myTabs .nav li
    {
        width: 100%;
    }
    .myTabs .nav>li.active
    {
        width: 100%;
    }

    .myTabs.tabs-6 .nav li
    {
        width: 100%;
    }

    .myTabs.tabs-6 .nav>li.active
    {
        width: 100%;
    }

    .myTabs.tabs-6 .nav li
    {
        width: 100%;
        float: left;
        border-bottom: 1px solid #fff;
        max-width: inherit;
    }

    .myTabs.tabs-6 .nav li.active
    {
        width: 100%;
    }

    .upload-description p.multifileupload
    {
        width: 80%;
    }

    .bootstrap-filestyle .group-span-filestyle
    {
        display: block;
        padding-bottom: 10px;
    }
    .bootstrap-filestyle input.form-control
    {
        display: block;
        margin-left: 0;

    }

    #zahlenHeadlineLayout #mobileCarousel .contentblock .textfield
    {
        width: 70%;
    }

    #zahlenHeadlineLayout #mobileCarousel .numbertextblock .contentblock .iconfield
    {
        width: 30%;
    }

}

@media all and (max-width:460px)
{
    html input[type="button"], input[type="reset"], input[type="submit"]
    {
        font-size: 16px;
        padding: 0px;
        margin:0 auto;
        text-align: center;
    }

}

@media all and (max-width:400px)
{
    #socialmenu-slider {
        bottom: 140px;
    }

}

@media all and (max-width:350px)
{
    html input[type="button"], input[type="reset"], input[type="submit"]
    {
        font-size: 15px;
        padding-left: 5px;
        padding-right: 5px;
    }

}