.jobs-teaser .spinner {
    grid-area: 1/2/1/span 2;
    justify-self: center;
    margin-top: var(--m-sm);
}

.jobs-teaser .img-container {
    grid-area: 1/3/1/span 4;
    min-height: max(256px, 22.65625vw);
}

.jobs-teaser .content-container {
    grid-area: 1/7/1/span 8;
    margin-left: calc(var(--gap) * -1);
    padding: var(--m-sm) 0;
    grid-template-rows: repeat(4, auto) 1fr;
}

.jobs-teaser .content-container .pre-headline,
.jobs-teaser .content-container .text-container {
    grid-column: 2/span 4;
}

.jobs-teaser .content-container .jobs-container {
    grid-column: 2/span 6;
    row-gap: var(--m-sm);
}

.jobs-teaser .content-container .jobs-container .job-item {
    width: 100%;
    grid-template-columns: repeat(6, 1fr) auto;
    grid-column-gap: var(--gap);
    grid-row-gap: var(--m-xs);
}

.jobs-teaser .content-container .jobs-container .job-item .job-title {
    grid-area: 1/1/1/span 4;
}

.jobs-teaser .content-container .jobs-container .job-item .job-location {
    grid-area: 1/5/1/5;
}

.jobs-teaser .content-container .jobs-container .job-item .arrow-bottom-right {
    grid-area: 1/6/1/6;
}

@media (max-width: 1499.98px) {
    .jobs-teaser .content-container {
        padding: var(--m-sm);
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 1199.98px) {
    .jobs-teaser .img-container {
        grid-area: 1/1/1/span 5;
    }

    .jobs-teaser .spinner {
        margin-top: 0;
        transform: translateY(-50%);
    }

    .jobs-teaser .content-container {
        grid-area: 1/6/1/span 9;
    }
}

@media (max-width: 991.98px) {
    .jobs-teaser .img-container {
        grid-area: 1/3/1/span 10;
        aspect-ratio: 4/3;
    }

    .jobs-teaser .content-container {
        grid-area: 3/3/3/span 10;
        margin-left: 0;
    }

    .jobs-teaser .spinner {
        grid-area: 1/2/1/span 12;
        justify-self: flex-start;
        align-self: flex-end;
        transform: none;
        margin: 0 0 var(--gap) var(--gap);
    }
}

@media (max-width: 767.98px) {
    .jobs-teaser .img-container {
        grid-area: 1/2/1/span 12;
        aspect-ratio: 1/1;
    }

    .jobs-teaser .content-container {
        grid-area: 3/2/3/span 12;
    }
}

@media (max-width: 575.98px) {
    .jobs-teaser .img-container {
        grid-area: 1/1/1/span 14;
        aspect-ratio: 1/1;
    }

    .jobs-teaser .content-container {
        grid-area: 3/1/3/span 14;
    }

    .jobs-teaser .content-container .jobs-container .job-item .job-title,
    .jobs-teaser .content-container .jobs-container .job-item .job-location {
        grid-column: span 6;
    }

    .jobs-teaser .content-container .jobs-container .job-item .icon.arrow-bottom-right {
        grid-area: 1/7/span 2/7;
    }
}