/*
************************************************************
Styles:     flix//theme
************************************************************
*/


@media only screen and (min-width: 760px) and (max-width: 1000px) {

    /* ********** events-detail ********* */
    .vor-ort-main #places-map {
        height: 400px;
    }


    /* ********** googlemaps-main ********* */
    #googlemaps-main-mapcontainer {
        height: 400px;
    }


    body #optout {
        height: 180px;
    }


    /* ********** head ********* */
    #brandingLogo {
        display: block;
    }

    /* ********** Search-Mobile ********* */
    .searchbutton {
        float: right;
        width: 40px;
        display: block;
        margin: 35px 20px 35px 0;
        cursor: pointer;
    }

    .searchbutton .icon {
        display: block;
        width: 100%;
        height: 20px;
        background: url(/_images/ic_nav-search.png) center top no-repeat;
        background-size: 21px 100px;
    }

    .searchbutton .text {
        color: #67471c;
        text-align: center;
        margin-top: 3px;
        display: block;
        font-size: 14px;
    }

    .searchbutton.active .icon,
    .searchbutton.active .text {
        color: #ffffff;
        background-position: bottom;
    }

    #mobile-search {
        display: none;
        width: 94%;
        padding: 10px 3%;
        border-top: 3px solid #EF7F01;
        background-color: #FFF5DF;
    }

    #mobile-search input.searchform-word {
        width: 94%;
        height: 22px;
        padding: 4px 34px 4px 4px;
        border: 1px solid #90979e;
        color: #90979e;
        font-family: Arial, sans-serif;
        font-size: 16px;
        background: url(/_images/ic_search.png) 98% 3px no-repeat #ffffff;
        background-size: 24px 118px;
    }

    #mobile-search input.searchform-word:focus {
        border: 1px solid #576471;
        color: #576471;
        background-position: 98% -91px;
    }

}

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


    /* *************************************************
    *** Footer
    ************************************************* */
    #footer .left {
        width: auto;
    }

    #footer .right {
        float: right;
        margin-top: 0;
    }

    .nav-footer {
        margin-top: 0;
    }


}