@media (max-width: 979px)
{
    .navbar-toggle
    {
        color: #000;
    }

    .menubutton .icon
    {
        padding: 13px 10px;
    }

    .menubutton:hover .icon
    {
        background-color: #000;
    }

    .menubutton .icon-bar
    {
        background-color: #000;
    }
    .menubutton:hover .icon-bar
    {
        background-color: #fff;
    }



    .modal-header .icon
    {
        font-size: 60px;
        color: #fff;
        width: 60px;
        height: 50px;
        display: block;
        float: right;
        line-height: 45px;
    }
    #caritasMenu .modal-header
    {
        display: block;
        height: 80px;
        padding: 4px 40px;
        border-bottom: 1px solid #5b5b5d;
        overflow: hidden;
    }
    #caritasMenu.fade
    {
        height: 0;
        top:0;
        opacity: 0;
        visibility: hidden;
        /*display: none!important;*/
    }

    #caritasMenu.fade.in
    {
        display: block!important;
        top:0;
        opacity: 1;

        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        visibility: visible;
    }

    header.fixed #caritasMenu.fade.in
    {
        display: block!important;
        top:0;
    }
    header.fixed #caritasMenu.fade
    {
        top:0;
    }

    header.fixed #menu .navbar-default .nav-justified>li>a
    {
        padding-top: 0;
    }

    header.fixed #menu .dropdown .dropdown-menu
    {
        z-index: 1090;
        position: relative;
    }

    header.fixed #menu .dropdown .dropdown-menu a
    {
        z-index: 1100;
        position: relative;
    }


    #caritasMenu .close
    {
        color: #fff;
        opacity: 1;
        text-shadow: none;
        position: absolute;
        right: 37px;
        top:16px;
    }

    #caritasMenu .close-lable
    {
        font-size: 17px;font-size: 0.9444rem;
        height: 50px;
        vertical-align: top;
        line-height: 55px;line-height: 3rem;
        display: inline-block;
        font-family: 'HelveticaNeueLT-Std-Bd';
    }

    .modal-open{overflow:hidden}
    #caritasMenu{
        overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;outline:0
    }
    #caritasMenu.fade .modal-dialog{
        -webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out
    }
    #caritasMenu.in .modal-dialog{
        height:100%;
        -webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)
    }

    .modal-dialog{position:relative;width:auto;margin:0px;overflow: initial;}

    .modal-content
    {
        position:relative;

        height: 100%;
    }

    #caritasMenu .modal-backdrop.fade.in
    {
        display: block;
        position: fixed;
        -webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);
        box-shadow:0 3px 9px rgba(0,0,0,0.5);-webkit-background-clip:padding-box;background-clip:padding-box;
        outline:0;
        background-color: #1e1c1f;
        background-color:#1e1c1f;
        background-color: rgba(0,0,0,0.9);
    }

    .modal-backdrop{position: absolute;top:0;right:0;left:0;background-color:#000}
    .modal-backdrop.fade{opacity:0;height: 0!important;}
    .modal-backdrop.in{background-color: #1e1c1f;background-color: rgba(0,0,0,0.9); height: 100%!important; opacity: 1;}
    .modal-header{padding:15px;min-height:40px}
    .modal-title{margin:0;line-height:1.42857143}

    .modal-body{position:absolute;padding:0;width: 100%;max-height: 100%;padding-bottom: 120px;overflow-y: scroll;-webkit-overflow-scrolling: touch;}

    .modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
    .modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}
    .modal-footer .btn-group .btn+.btn{margin-left:-1px}
    .modal-footer .btn-block+.btn-block{margin-left:0}
    .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
    .modal-footer:before,.modal-footer:after{content:" ";display:table}
    .modal-footer:after{clear:both}

    #caritasMenu .navbar-collapse
    {
        padding: 0;
        border: none;
    }


    .modal-header .modal-langSelect
    {
        color: #fff;
        float: left;
    }

    .modal-header .modal-langSelect #lang-select
     {
        display: block!important;
        left: 50%;
        right: auto;
        margin: auto;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        padding: 0;
     }

    .modal-header .modal-langSelect #lang-select .langselect-list {
        padding-left: 0;
    }

    #caritasMenu .modal-header .modal-langSelect #lang-select .langselect-list li.first {
        border-right: 0;
    }

    #caritasMenu .modal-header .modal-langSelect #lang-select .langselect-list li:not(.first) {
        border-left: 2px solid #ffffff;
    }

    .modal-header .modal-langSelect #lang-select a
    {
        color: #fff;
    }

    .modal-searchbar
    {
        position: relative;
    }

    .modal-searchbar #searchbar2
    {
        display: block;
        width: 100%;
        padding: 30px 39px 10px;
        background-color: transparent;
        float: none;
        margin: 20px 0;
        height: auto;
        border: none;
    }

    .modal-searchbar #searchbar2 .input-group
    {
        float: none;
        width: 100%;
    }

    .modal-searchbar #searchbar2 input
    {
        background-color: #333;
        background-color: transparent;
        height: 70px;
        border: 1px solid #ddd;
        border-radius:0;
        color: #fff;
        font-family: 'HelveticaNeueLT-Std-Bd';
        color: transparent;
    }

    .modal-searchbar #searchbar2 input.menu-searchfields
    {
        color: #fff;
    }



    .modal-searchbar #searchbar2 input.menu-searchfields::-webkit-input-placeholder {
        color: #fff;
    }

    .modal-searchbar #searchbar2 input.menu-searchfields:-moz-placeholder { /* Firefox 18- */
        color: #fff;
    }

    .modal-searchbar #searchbar2 input.menu-searchfields::-moz-placeholder {  /* Firefox 19+ */
        color: #fff;
    }

    .modal-searchbar #searchbar2 input.menu-searchfields:-ms-input-placeholder {
        color: #fff;
    }



    .modal-searchbar #searchbar2 .input-group-btn
    {
        position: absolute;
        right:0;
        top: 0px;
        z-index: 100;
        height: 60px;
    }

    header.fixed .modal-searchbar #searchbar2
    {
        height: auto;
    }

    header .modal-title
    {
        color: #fff;
        margin-top: 20px;
        font-size: 30px;
        font-size: 1.667rem;
    }


    .modal-body .header-spendenbutton
    {
        float: none;
        width: 100%;
        position: relative;
        left: 0;
        padding: 10px 39px;
        display: block;
        height: 70px;
    }

    .header-spendenbutton .spendenbutton
    {
        height: 70px;
        padding-top: 20px;
    }



    #menu .navbar-default .navbar-collapse .nav-justified>li>a
    {
        color: #fff;
        height: 100px;
        font-size: 30px;font-size: 1.667rem;
        vertical-align: middle;
        line-height: 100px;line-height: 5.556rem;
        padding: 0;
        border-bottom: 1px solid #5b5b5d;
        background-color: transparent;
        margin-bottom: 0;
    }
    #menu .navbar-default .navbar-collapse .nav-justified>li.open>a
    {
        background-color: rgba(255,255,255,0.1);
    }

    #menu .navbar-default .navbar-collapse .nav-justified>li>a:focus,
    #menu .navbar-default .navbar-collapse .nav-justified>li>a:hover
    {
        background-color: rgba(255,255,255,0.1);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }

    #menu .dropdown-menu
    {
        position: relative;
        width: 100%;
        background-color: transparent;
        padding: 0;
        max-height: 0;
        overflow: hidden;
        display: block;
        -webkit-transition: max-height 0.5s ease-in-out;
        -moz-transition: max-height 0.5s ease-in-out;
        -o-transition: max-height 0.5s ease-in-out;
        transition: max-height 0.5s ease-in-out;

    }

    #menu .dropdown.open>.dropdown-menu
    {
        display: block;
        max-height: 1300px;
        overflow: visible;

        background-color: rgba(255,255,255,0.2);
    }

    .navbar-collapse.collapse.in, .navbar-collapse.collapsing
    {
        background-color: transparent;
        color: #fff;
        padding: 0;
        position: absolute;
        width: 100%;
        z-index: 2000;
        background-color: rgba(0,0,0,0.9);
    }

}