#arzt-categories{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin:12px 0 16px;
}

.arzt-category{
    border:1px solid #e5e7eb;
    background:#f8fafc;
    color:#374151;

    padding:5px 10px;
    min-height:30px;

    border-radius:7px;

    cursor:pointer;

    font-size:12px;
    font-weight:600;
    line-height:1.1;

    transition:.2s;
}

.arzt-category:hover{
    background:#eef2ff;
    border-color:#c7d2fe;
}

.arzt-category.active{
    background:#2563eb;
    border-color:#2563eb;
    color:#fff;
}

@media(max-width:768px){

    #arzt-categories{
        gap:5px;
        margin:10px 0 14px;
    }

    .arzt-category{
        padding:4px 8px;
        min-height:28px;
        font-size:10px;
        border-radius:6px;
    }

}