.direct-search-start {
    font-size: 16px;
    font-size: 1.6rem;
    color: #005397;
    margin-left: 7px;
}

a.direct-search-start,
a.direct-search-start:visited,
a.direct-search-start:hover,
a.direct-search-start:active {
    text-decoration: none;
}

#stagesearch {
    position: absolute;
    z-index: 50;
    margin: 0px;
    /*width: 304px;*/
    width: 90%;
    max-width: 304px;
    left: 0;
    right: 0;
    bottom: 10vh;
    margin: 0 auto;
    /*height: 166px;*/
    padding: 0;    
}

    #stagesearch * {
        border-radius: 0px !important;
    }

    #stagesearch .stagesearch-inner {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        background: rgba(0,0,0,0.3);
    }

#stagesearchheader {
    display: none;
    width: 100%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
}

    #stagesearch .filterhaustier label {
        font-weight: normal;
        /*margin-left: 5px;*/
        background-color: #fff;
        width: 100%;
        height: 34px;
        border: none;
        font-size: 15.6px;
        font-size: 1.56rem;
        padding: 5px 10px;
        color: #000;
        margin: 0px;
        /*display: none;*/
    }

        #stagesearch .filterhaustier label input {
            margin-right: 3px;
        }

    #stagesearch .filterort,
    #stagesearch .filteranreise,
    #stagesearch .filterabreise,
    #stagesearch .filterperson,
    #stagesearch .filterhaustier,
    #stagesearch .filterbutton {
        /*height: 40px;*/
        margin: 1% 1% 1% 1%;
        width: 47%;
    }

    #stagesearch .filterort {
        margin: 2% 2% 1% 2%;
        width: 96%;
    }

    #stagesearch .filterbutton {
        margin: 1% 2% 2% 2%;
        width: 96%;
    }

    #stagesearch .filteranreise,
    #stagesearch .filterperson {
        margin-left: 2%;
    }

    #stagesearch .filterabreise,
    #stagesearch .filterhaustier {
        margin-right: 2%;
    }


        #stagesearch .filterort .bootstrap-select,
        #stagesearch .filterperson .bootstrap-select,
        #stagesearch .filterhaustier .bootstrap-select,
        #stagesearch .date,
        #stagesearch .selectpicker {
            width: 100%;
            border: none;
        }


a.stagesearchstart,
a.stagesearchstart:visited,
a.stagesearchstart:active,
a.stagesearchstart:hover {
    display: block;
    height: 34px;
    width: 100%;
    background: #0e3e6e;
    color: #fff;
    font-size: 15.6px;
    font-size: 1.56rem;
    text-align: center;
    padding-top: 7px;
}

@media (min-width: 760px) {
    #stagesearch {
        max-width: 580px;
        /*padding: 14px;*/
        /*height: 100px;*/
        margin: 10vh auto auto auto;
    }
}

@media (min-width: 980px) {
    #stagesearch {
        position: fixed;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        top: 62px;
        bottom: auto;
        background-color: transparent;
    }

    #stagesearch-inner {
        width: 90%;
        margin: 0 auto;
    }

    #stagesearch .filterort,
    #stagesearch .filteranreise,
    #stagesearch .filterabreise,
    #stagesearch .filterperson,
    #stagesearch .filterhaustier,
    #stagesearch .filterbutton {
        width: 13%;
        margin: 1% 1%;
    }

    #stagesearch .filterort {
        width: 21%;
        margin-left: 2%;
    }

    #stagesearch .filterbutton {
        margin-right: 1%;
    }
}

@media only screen and (min-width: 1200px) {
    #stagesearch {
        top: 62px;
        background-color: rgba(85, 122, 166, 0.4);
    }
    #stagesearch .stagesearch-inner {
        background-color: transparent;
    }

}


#suchfilter-show,
#ausstattungsfilter-show,
#ausstattungsfilter-hide,
#ausstattungsfilter-breit-hide {
    background-color: #948c83;
}

#filtercontainer .mobilsearchstart {
    background-color: #c10d0e;
}

#filtercontainer .ui-slider-horizontal .ui-state-default {
    background-color: #c10d0e;
}

#filtercontainer .ui-widget-header {
    background-color: #948c83;
}

#filtercontainer div.filterbox > div.filterslider > .rangewerte {
    color: #948c83;
}

#filtercontainer > div.suchfilter > .detailsuche-pg > .detailsuche-pg-auswahl > .detailsuche-pg-filtertoggle > .fa-caret-down,
#filtercontainer > div.suchfilter > .detailsuche-pg > .detailsuche-pg-auswahl > .detailsuche-pg-filtertoggle > .fa-caret-up,
#filtercontainer > div.suchfilter > .detailsuche-apg > .detailsuche-apg-auswahl > .detailsuche-pg-filtertoggle > .fa-caret-down,
#filtercontainer > div.suchfilter > .detailsuche-apg > .detailsuche-apg-auswahl > .detailsuche-pg-filtertoggle > .fa-caret-up {
    color: #948c83;
}

@media (min-width: 480px) {
}

@media (min-width: 760px) {
    #filtercontainer .detailsearchstart {
        background-color: #c10d0e;
    }

    #filtercontainer > div.suchfilter > .detailsuche-tp > .detailsuche-tp-filtertoggle {
        background-color: #948c83;
    }

    #filtercontainer > div.suchfilter > .detailsuche-pg,
    #filtercontainer > div.suchfilter > .detailsuche-apg {
        display: inherit;
    }
}

@media (min-width: 980px) {
}

@media only screen and (min-width: 1200px) {
    #detailsuchecontainer #detailsuchecontent {
        width: 70%;
    }

    #detailsuchecontainer #detailsuchemap {
        width: 30%;
        position: fixed !important;
        top: 75px !important;
    }
}

@media only screen and (min-width: 1600px) {
    #detailsuchecontainer #detailsuchecontent {
        width: 50%;
    }

    #detailsuchecontainer #detailsuchemap {
        width: 50%;
    }
}
