.history .history-img-slider {
    grid-area: 1/3/span 5/span 5;
}

.history .history-img-slider .history-img-slide {
    aspect-ratio: 1/1;
}

.history .history-img-slider .history-img-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.history .headline {
    grid-area: 1/9/1/span 3;
}

.history .history-slider-range-container {
    grid-area: 2/9/2/span 3;
}

.history .history-slider-nav {
    grid-area: 3/9/3/span 3;
}

.history .history-slider-range-container .range-description {
    width: 100%;
}

.history .history-slider-range-container .history-slider-range {
    margin: 16px 32px 0 24px ;
    width: calc(100% - 64px);
    padding: 0;
}

.history .history-content-slider {
    grid-area: 4/9/4/span 3;
}

@media (max-width: 1199.98px) {
    .history .history-img-slider {
        grid-area: 1/2/span 5/span 6;
    }

    .history .headline {
        grid-area: 1/9/1/span 4;
    }

    .history .history-slider-range-container {
        grid-area: 2/9/2/span 4;
    }

    .history .history-slider-nav {
        grid-area: 3/9/3/span 4;
    }

    .history .history-content-slider {
        grid-area: 4/9/4/span 4;
    }
}

@media (max-width: 991.98px) {
    .history {
        text-align: center;
    }

    .history .headline {
        grid-area: 1/4/1/span 8;
    }

    .history .history-content-slider {
        grid-area: 2/4/2/span 8;
    }

    .history .history-slider-range-container {
        grid-area: 3/4/3/span 8;
    }

    .history .history-img-slider {
        grid-area: 4/4/4/span 8;
        margin-top: var(--m-50);
    }

    .history .history-slider-nav {
        grid-area: 5/4/5/span 8;
        margin-top: var(--m-50);
    }
}

@media (max-width: 767.98px) {
    .history .headline {
        grid-area: 1/3/1/span 10;
    }

    .history .history-content-slider {
        grid-area: 2/3/2/span 10;
    }

    .history .history-slider-range-container {
        grid-area: 3/3/3/span 10;
    }

    .history .history-img-slider {
        grid-area: 4/3/4/span 10;
    }

    .history .history-slider-nav {
        grid-area: 5/3/5/span 10;
    }
}

@media (max-width: 575.98px) {
    .history .headline {
        grid-area: 1/2/1/span 12;
    }

    .history .history-content-slider {
        grid-area: 2/2/2/span 12;
    }

    .history .history-slider-range-container {
        display: none;
    }

    .history .history-slider-nav {
        grid-area: 3/2/3/span 12;
    }

    .history .history-img-slider {
        grid-area: 4/1/4/span 14;
    }
}