/* Media Query
--------------------*/
@media screen {
    .mod_elasticsearch {}

    .mod_elasticsearch .suggest-results-for {
        font-size: 80%;
        color: var(--mut-darkgrey);
    }

    .elasticsearch-input {
        position: relative;
        display: flex;
        border: 1px solid var(--bordercolor);
        border-radius: var(--borderradius);
    }

    .mod_elasticsearch .categories-results {
        margin-bottom: 2rem;
    }

    .elasticsearch-input input {
        width: calc(100% - 5rem);
        margin: 0 1rem;
        border: none;
        border-color: #fff;
        background-color: #fff;
    }

    .elasticsearch-input button {
        background-color: transparent;
        margin: 0;
        padding: 0;
        width: 2.5rem;
        height: 2.5rem;
    }

    .category-item button {
        background-color: var(--mut-lightgrey);
        border-color: var(--mut-lightgrey);
        color: var(--mut-darkgrey);
    }

    .category-item button:hover,
    .category-item.active button {
        background-color: var(--mut-darkgrey);
        border-color: var(--mut-darkgrey);
        color: #fff;
    }

    .mod_elasticsearch .categories-headline,
    .mod_elasticsearch .category-name {
        color: var(--mut-darkblue);
        font-weight: 500;
    }
    .mod_elasticsearch .result-hit {
        margin-bottom: 1rem;
    }

    .mod_elasticsearch .results-group {
        margin-bottom: 2rem;
    }

    .mod_elasticsearch .result-hit a {
        text-decoration: none !important;
        font-size: 90%;
        margin-left: 0 !important;
    }  
    .mod_elasticsearch .result-hit a:before {
        display: none;
    }

    .mod_elasticsearch .result-hit a[href$=".pdf"] figure,
    .mod_elasticsearch .result-hit a[href$=".pdf"] img { 
        width: 30px;
    }

    .mod_elasticsearch .result-hit .image {
        margin-bottom: 0.5rem;
    }

    .mod_elasticsearch .result-hit a p {
        margin-bottom: 0.35rem
    }
    
    .mod_elasticsearch .result-hit a p.description {
        display: none;
    }

    .mod_elasticsearch .result-hit .title {
        color: var(--mut-red)
    }

    .mod_elasticsearch .result-hit .url {
        text-decoration: underline;
        color: var(--mut-darkgrey);
        word-wrap: break-word;
    }

}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .mod_elasticsearch .bswrapper {
        display: flex;
        column-gap: 1.5rem;
    }

    .mod_elasticsearch .result-hit {
        margin-bottom: 1.5rem;
    }

    .mod_elasticsearch .results-group {
        margin-bottom: 3rem;
    }    

    .mod_elasticsearch .result-hit a {
        display: flex;
        column-gap: 1rem;
    }

    .mod_elasticsearch .result-hit a p.description {
        display: block;
    }    

    .mod_elasticsearch .result-hit .image {
        max-width: 300px;
    }
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Media ends
--------------------*/