.immobilien-teaser {
    padding-block: var(--s-md);
}

.immobilien-teaser-items {
    grid-column: 3 / span 6;
    grid-row: 1 / span 3;
    width: 100%;
}

.immobilien-teaser-items .slick-list {
    margin-right: calc((-1) * var(--grid-gap));
}

.immobilien-teaser-item {
    aspect-ratio: 1;
    margin-right: var(--grid-gap);
    position: relative;
}

.immobilien-teaser-item-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.immobilien-teaser-headline {
    grid-column: 11 / span 3;
    margin: 0;
    margin-bottom: max(1.25vw, 1.25rem);
}

.immobilien-teaser-description {
    grid-column: 11 / span 3;
    margin-bottom: 1em;
}

.immobilien-teaser-btn {
    grid-column: 11 / span 3;
    align-self: flex-end;
}

.immobilien-teaser-slider-nav {
    grid-column: 9 / span 1;
    grid-row: 1 / span 3;
    justify-self: center;
    align-self: center;
    display: flex;
    flex-direction: column;
    gap: var(--s-xs);
}

.immobilien-teaser-plus-btn {
    position: absolute;
    bottom: max(0.78125vw, 0.625rem);
    right: max(0.78125vw, 0.625rem);
}

@media (max-width: 1299.98px) {
    .immobilien-teaser-items {
        grid-column: 2 / span 6;
    }

    .immobilien-teaser-slider-nav {
        grid-column: 8 / span 1;
    }

    .immobilien-teaser-btn,
    .immobilien-teaser-description,
    .immobilien-teaser-headline {
        grid-column: 10 / span 4;
    }
}

@media (max-width: 767.98px) {
    .immobilien-teaser-items {
        grid-column: 4 / span 8;
        grid-row: 1 / span 1;
    }

    .immobilien-teaser-slider-nav {
        grid-column: 2 / span 12;
        grid-row: 1 / span 1;
        width: 100%;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .immobilien-teaser-headline {
        grid-column: 2 / span 12;
        grid-row: 2 / span 1;
        justify-self: center;
        text-align: center;
        margin-top: 1.875rem;
    }

    .immobilien-teaser-description {
        grid-column: 2 / span 12;
        grid-row: 3 / span 1;
        justify-self: center;
        text-align: center;
        margin-bottom: 3.125rem;
    }

    .immobilien-teaser-btn {
        grid-column: 2 / span 12;
        grid-row: 4 / span 1;
        justify-self: center;
    }
}