.leistung{
    width: 20%;
    height: auto;
    margin: 4% 0 0 4%;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transition: .3s;
    cursor: pointer;
    float: left;
    display: flex;
    position: relative;
}
.leistung > img{
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
}
.leistung:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.leistungDescription{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    position: absolute;
    transition: .3s;
    -webkit-transition: 0.3s;
    border-radius: 10px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    font-size: 1.3vw;
    color: rgba(0, 0, 0, 0);
    visibility: hidden;
    background: rgba(0, 0, 0, 0);
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.leistung:hover  .leistungDescription{
    visibility: visible;
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 1)
}

@media (min-width: 577px) {
    #logoDesktop{
        border: none;
    }
    #navMenu > a:nth-child(2){
        border-bottom: 3px solid #B7D5BD;
    }
}


/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    .leistung{
        width: 70%;
        height: auto;
        margin: 5% 0 0 5%;
        border-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    .leistung:nth-child(odd){
        margin: 5% 0 0 25%;
    }
    .leistungDescription{
        font-size: 1rem;;
    }
}