/*Karte + Info Popup*/
#ts-finder-wrapper{

}
#ts-finder-map-container{
    width:100%;
    height:65vh;
    box-shadow:0 4px 11px rgba(0, 0, 0, 0.23);
    background-color:black;/*Barierefreiheit*/
}
#ts-finder-map-container.fullscreen{
    height:100vh;
}
.marker-toast-position{
    max-width:385px;
    width:100%;
    left:400px!important;
    top:45px!important;
}
#marker-toast{
    background-color:#ffffff;
    height:550px;
}
#marker-toast a{
    text-decoration: none;
}
#marker-toast .btn-close{
    --bs-btn-close-color: var(--bs-primary);
}
#marker-toast .toast-header{
    border:none;
}
#marker-toast .toast-body{
    overflow-y: scroll;
    height: 100%;
}
.marker-info-iconlist small{
    font-size: 11px;
}
.marker-info-iconlist div.col > div{
    height:42px;
}
.marker-info-payment-icons{
    max-width:20px;
    width:100%;
    max-height:20px;
    height:auto;
}

.status-open{
    color:#1BAA4E;
}
.status-closed{
    color:#e40613;
}
/* Map Controlls */
#ts-finder-map-fullscreen-toggle{
    width:38px;
    height:38px;
    cursor:pointer;
    background-size: contain;
}
#ts-finder-map-fullscreen-toggle.off{
    background-image: url(../img/fullscreen-off.svg);
}
#ts-finder-map-fullscreen-toggle.off:hover{
    background-image: url(../img/fullscreen-off-hover.svg);
}
#ts-finder-map-fullscreen-toggle.on{
    background-image: url(../img/fullscreen-on.svg);
}
#ts-finder-map-fullscreen-toggle.on:hover{
    background-image: url(../img/fullscreen-on-hover.svg);
}

/* Filter */
#ts-finder-filter{
    max-width:380px;
    width:100%;
    max-height: max-content;
    height: 100%;
}
#ts-finder-filter.show{
    max-height: none;
}
#ts-finder-filter-form{
    margin-top:15px;
    z-index:99;
}
#ts-finder-filter-container{
    height: 100%;
    z-index:88;
    left:calc(var(--bs-gutter-x) * .5)!important;
    background-color:#ffffff;
    border-top-left-radius: var(--bs-border-radius-xl);
    border-bottom-left-radius: var(--bs-border-radius-xl);
    box-shadow:10px 0px 15px -4px rgba(0,0,0,0.33)
}
.ts-finder-scroll-wrapper{
    overflow-y: auto;
    display: block;
    width: 100%;
    margin-top: 65px;
    max-height: 92%;
}
#ts-finder-ts-liste{
    margin-bottom:15px;
    background-color:#ffffff;
    z-index:77
}
#ts-finder-ts-liste li{
    border:none;
    padding-bottom:0;
    cursor:pointer;
}
#ts-finder-ts-liste li hr{
    margin:0;
    color: #D1D2D5;
}
#ts-finder-ts-liste li.hover{
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: #D1D2D5;
}
#ts-finder-ts-liste li:hover{
    background-color: #D1D2D5;
}
#ts-finder-ts-liste li.active{
    background-color: #D1D2D5;
    color:initial;
    border:none;
}
#ts-finder-filter-toggle{
    cursor:pointer;
    width:49px;
    height:40px;
    background-image: url(../img/filter-button.svg);
    background-size: 100% 100%;
}
.ts-finder-autocomplete{
    border:none;
}
.tsfinder-filter-counter{
    border-radius:50%;
    background-color: var(--bs-primary);
    color:#FFFFFF;
    padding:0 5px;
    font-size:11px;
}

/* Details */
.ts-details-service-listitems > span{
    width:100%;
    display:block;
}
.ts-details-service-listitems > span:before{
    content: "\2022";
    margin-right: 5px;
    color:var(--bs-primary);
}
.ts-details-payment-listitems > span{
    width:100%;
    display:block;
}

.tsfinder-aviat-logo-positiv, .tsfinder-aviat-logo-negativ{
    max-height:90px;
    height:auto;
    width:auto;
    max-width:350px;
}

@media (max-width: 992px){
    .ts-details-service-listitems > span{
        width:auto;
        display:inline-block;
    }
    .marker-toast-position{
        width:100%;
        left:50%!important;
        transform: translatex(-50%);
        top:60px!important;
    }
    #marker-toast{
        height:55vh;
    }
}
@media(max-width: 768px){
    .marker-toast-position{
        max-width:90vw;
    }
    #ts-finder-filter {
        max-width: 367px;
    }
    #ts-finder-filter-container{
        border-top-right-radius: var(--bs-border-radius-xl);
        border-bottom-right-radius: var(--bs-border-radius-xl);
    }
}