.news-preview--title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

a:hover ~ .news-preview--title, .news-preview--title:hover {
    text-decoration-line: underline
}

.news-preview img {
    width: 100%;
    border-radius: .5rem
}

.section-news {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1199px) {
    .section-news {
        max-width: 768px
    }
}

@media only screen and (max-width: 767px) {
    .section-news {
        max-width: 372px
    }
}

.section-news .pagination {
    justify-content: center
}

@media only screen and (max-width: 1199px) {
    .news-header, .primary-news, .secondary-news {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media only screen and (max-width: 767px) {
    .news-header, .primary-news, .secondary-news {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.primary-news {
    margin-bottom: 4rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2rem
}

.primary-news .news-preview {
    margin-bottom: 2.25rem;
    display: inline-grid;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
    max-width: 23.25rem;
    width: calc((100% - 2 * 2rem) / 3)
}

@media only screen and (max-width: 1199px) {
    .primary-news .news-preview {
        width: calc((100% - 2rem) / 2)
    }
}

@media only screen and (max-width: 767px) {
    .primary-news .news-preview {
        width: 100%
    }
}

.primary-news .news-preview img {
    border-radius: .5rem;
    height: 200px;
    object-fit: cover;
}

.primary-news .news-preview:first-child {
    display: inline-block;
    max-width: none;
    flex-basis: 100%
}

@media only screen and (max-width: 1199px) {
    .primary-news .news-preview:first-child {
        display: flex;
        flex-direction: column
    }
}

.primary-news .news-preview:first-child--title {
    margin-block: 1rem
}

.primary-news .news-preview:first-child img {
    float: left;
    width: 100%;
    height: 320px;
    border-radius: .75rem;
    object-fit: cover;
}

@media (max-width: 1199px) {
    .primary-news .news-preview:first-child img {
        border-radius: .5rem
    }
}

.primary-news .news-preview:first-child img {
    max-width: 36.25rem;
    margin-right: 3.25rem
}

@media only screen and (max-width: 1199px) {
    .primary-news .news-preview:first-child img {
        max-width: 100%
    }
}

.primary-news .news-preview:last-of-type {
    margin-right: auto;
    flex-grow: 1
}

.primary-news .deposit-teaser {
    margin-bottom: 2.25rem;
    flex-basis: 100%;
    background-repeat: no-repeat;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    -moz-text-align-last: left;
    text-align-last: left;
    height: 380px;
    background-image: url(/dist/images/teaser-deposit-200.png), linear-gradient(100.9deg, #6439dd 11.62%, rgba(100, 57, 221, 0) 58.08%), linear-gradient(100.71deg, #c429eb -87.08%, #000000 4.42%, #501b79 101.17%)
}

@media only screen and (max-width: 1199px) {
    .primary-news .deposit-teaser {
        background-size: contain;
        background-position: 260%;
        height: 16rem
    }
}

@media only screen and (max-width: 767px) {
    .primary-news .deposit-teaser {
        display: grid;
        height: -moz-fit-content;
        height: fit-content;
        background-position: right;
        min-height: 22.5rem;
        background-size: 140%
    }
}

.primary-news .deposit-teaser__desc {
    margin: 20px 0 0 30px;
    max-width: 27rem
}

@media only screen and (max-width: 1199px) {
    .primary-news .deposit-teaser__desc {
        max-width: 20rem;
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .primary-news .deposit-teaser__desc {
        display: flex;
        flex-direction: column
    }
}

.primary-news .deposit-teaser__desc .btn {
    max-width: 18rem
}

@media only screen and (max-width: 767px) {
    .primary-news .deposit-teaser__desc .btn {
        margin-top: auto
    }
}

.secondary-news {
    margin-bottom: 6rem;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 2.25rem 2rem
}

@media only screen and (max-width: 1199px) {
    .secondary-news {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media only screen and (max-width: 767px) {
    .secondary-news {
        grid-template-columns:repeat(1, 1fr)
    }
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .page-item {
    margin: 0 10px;
}

.pagination a, .pagination span {
    border-radius: .5rem;
    border-width: 1px;
    border-color: transparent;
    padding: .75rem 1rem;
    font-weight: 500;
    line-height: .75rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}

.pagination .active span {
    background-color: #dddddd;
}