.pageelement-job-list .content-container {
    flex-direction: column;
}

.pageelement-job-list .content-container .item .item-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-20px);
}

.pageelement-job-list .content-container .item .text-container {
    max-width: 62.5rem;
}

.pageelement-job-list .content-container .item .button {
    background: unset;
    display: flex;
    gap: var(--spacing-50px);
    padding: 0;
    min-height: unset;
}


.pageelement-job-list .content-container .item .button .text {
    color: var(--color-primary);
    font-size:var(--font-size-24px);
    font-weight: var(--font-weight-bold);
}

.pageelement-job-list .content-container .item .button .text:hover {
    text-decoration: underline;
    text-decoration-thickness: var(--border-width-2px);
}

.pageelement-job-list .content-container .item .button .icon:before {
    content: '\f054';
    font-family: 'Font Awesome 7 Pro', sans-serif;
    font-size: var(--font-size-30px);
    display: inline-block;
    color: var(--color-primary);
}

.pageelement-job-list .content-container .listpage-button {
    display: flex;
    margin-top: var(--spacing-25px);
    width: fit-content;
}

.pageelement-job-list .content-container .listpage-button .text {
    font-weight: bold;
    color: var(--color-black);
}

.pageelement-job-list .content-container .listpage-button .text:hover {
    text-decoration: underline;
    text-decoration-thickness: var(--border-width-2px);
    text-underline-offset: var(--spacing-3px);
}

.pageelement-job-list .content-container .listpage-button .icon:before {
    color: var(--color-primary);
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 7 Pro', sans-serif;
    font-weight: var(--font-weight-black);
    content: '\f138';
    text-align: center;
    margin-right: 0.35625rem;
    font-size: 1.125rem;
}

.pageelement-job-list .content-container .item .title {
    font-size: var(--font-size-20px);
    font-weight: var(--font-weight-bold);
    margin-bottom: 0.5rem;
    line-height: var(--font-size-30px);
}

.pageelement-job-list .content-container .item .title:hover {
    text-decoration: underline;
    text-decoration-thickness: var(--border-width-2px);

}

.pageelement-job-list .content-container .item .text {
    font-size: var(--font-size-18px);
}

.pageelement-job-list .items {
    border-top: 0.063rem solid #000;
}

.pageelement-job-list .item {
    border-bottom: 0.063rem solid #000;
}

.pageelement-job-list .item {
    padding: var(--spacing-25px) 0;
}

@media only screen and (max-width: 64rem) {
    .pageelement-job-list .content-container .item .item-link {
        flex-flow: column;
        align-items: start;
    }
}

@media only screen and (max-width: 64rem) {
    .pageelement-job-list .content-container .item .item-link .button {
        justify-content: start;
    }
}

@media only screen and (max-width: 32.5rem) {
    .pageelement-job-list .content-container .item .button,
    .pageelement-job-list .content-container .listpage-button {
        min-width: unset;
        max-width: 100%;

    }

    .pageelement-job-list .content-container .listpage-button {

        width: 100%;
    }

    .pageelement-job-list .content-container .item .button {
        gap: var(--spacing-15px);
    }

    .pageelement-job-list .content-container .item .button .text {
        font-size: var(--font-size-18px);
    }

    .pageelement-job-list .content-container .item .button .icon::before {
        font-size: var(--font-size-18px);
    }

    .pageelement-job-list .content-container .listpage-button .text {
        font-size: var(--font-size-18px);
    }
}