.content_block.job_overview  {
    position: relative;
    margin: auto;
    max-width: 60vw;
}

.content_block.job_overview ul {
    margin: 0;
}

.content_block.job_overview li.job a {
    /* padding: .5rem .5rem .5rem 2.5rem; */
    padding: 0 .5rem 0 1.5rem;
    background-image: url(../../../custom/images/arrow-right-green.png);
    background-repeat: no-repeat;
    background-position: 0 .3em;
    background-color: var(--grey);
    display: block;

    /* display: flex; */
    max-width: 38rem;
    width: 100%;
}

.content_block.job_overview li.job + .job {
    margin-top: .5rem;
}

.content_block.job_overview .category + .category {
    margin-top: 2rem;
}

.content_block.job_overview ul.locations {
    gap: 5rem 2rem;
    flex-wrap: wrap;
}

.content_block.job_overview li.location {
    /* background-color: var(--white);
    padding: 2rem; */
    flex-grow: 1;
    min-width: 25rem;
    width: calc((100% - 4rem) / 3);
}

@media screen and (max-width: 1399px) {

    .content_block.job_overview {
        padding-right: calc( ((100vw / 12 * 7) - (135rem / 2)) / 2 + 5rem );
        padding-left: calc( ((100vw / 12 * 7) - (135rem / 2)) / 2 + 5rem );
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1199px) {

    .content_block.job_overview {
        padding-left: calc(100vw / 24);
        padding-right: calc(100vw / 24);
        max-width: 100%;
    }

    .content_block.job_overview li.job a {
        max-width: 100%;
    }

}

@media screen and (max-width: 900px) {
    .content_block.job_overview {
        padding-left: 3rem;
        padding-right: 3rem;
        max-width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .content_block.job_overview {
        padding-left: 2rem;
        padding-right: 2rem;
        max-width: 100%;
    }
}