.article {
    font-weight : 400;
    font-size   : 17px;
    line-height : 1.41;
    color       : rgba(0, 0, 0, 0.7);
}

.article__row {
    display : grid;
    row-gap : 20px;
}

.article__date {
    margin      : 0 0 20px;
    font-size   : 13px;
    line-height : 1.23;
}

.article__content h2 {
    margin      : 0 0 20px;
    font-family : 'Halvar Breitschrift';
    font-style  : normal;
    font-weight : 400;
    font-size   : 24px;
    line-height : 1.33;
    color       : #000000;
}

.article__content p {
    margin-bottom : 20px;
}

.article__content:not(.button) a {
    /*color: #0000EE;*/
}
.article__content.article__block-link {
    color: #000!important;
}
.article__content.article__block-link a {
    color: inherit!important;
}


.article__content ul, .article__content ol {
    margin-top    : 0;
    margin-bottom : 40px;
}

.article__content ul li, .article__content ol li {
    margin-bottom : 16px;
}

.article__content ul li:last-child, .article__content ol li:last-child {
    margin-bottom : 0;
}

.article__content img {
    max-width     : 100%;
    height        : auto;
    border-radius : 24px;
    margin-bottom : 40px;
}

.article__side-action {
    border-radius    : 24px;
    padding          : 20px;
    background-color : #e8d3a1;
    row-gap          : 20px;
    display          : grid;
    margin-bottom    : 40px;
}

.article__side-action-heading {
    margin      : 0;
    font-family : "Halvar Breitschrift";
    font-size   : 24px;
    line-height : 1.33;
}

.article__side-action-text {
    margin      : 0;
    font-size   : 17px;
    line-height : 1.41;
}

.article__side-action-button {

}


.article__side-action.snippet {
    display : none;
}
@media (max-width : 768px) {
    .article__side-action.snippet {
        display : block;
    }
}


.article__aside {
    overflow : hidden;
}

.article__read-also {
    font-family   : 'Halvar Breitschrift';
    font-size     : 24px;
    line-height   : 1.33;
    margin-bottom : 20px;
}

.article__more-list {
    list-style-type   : none;
    padding           : 0;
    margin            : 0 0 10px;
    padding-bottom    : 10px;
    display           : grid;
    grid-auto-flow    : column;
    grid-auto-columns : 240px;
    column-gap        : 20px;
    overflow-x        : auto;
}

.article__more-list-item {

}

.article__more-list-link {
    border-radius   : 24px;
    height          : 360px;
    position        : relative;
    display         : flex;
    flex-direction  : column;
    justify-content : flex-end;
    overflow        : hidden;
}

.article__more-list-link:hover {
    opacity    : .85;
    transition : ease opacity .5s;
}

.article__more-list-img {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    object-fit : cover;
}

.article__more-list-body {
    padding               : 20px;
    column-gap            : 15px;
    display               : grid;
    grid-template-columns : 1fr 32px;
    position              : relative;
    z-index               : 1;
    backdrop-filter       : blur(40px);
    align-items           : end;
}

.article__more-list-date {
    font-size     : 13px;
    line-height   : 16px;
    color         : #ffffffb2;
    margin-bottom : 10px;
}

.article__more-list-name {
    font-family        : 'Halvar Breitschrift';
    font-size          : 18px;
    line-height        : 1.3;
    color              : #ffffff;
    max-height         : 54px;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    overflow           : hidden;
    margin-bottom      : 0;
}

.article__more-list-button {
    border          : 2px solid #ffffff;
    border-radius   : 100%;
    height          : 32px;
    width           : 32px;
    font-size       : 0;
    background      : url(/images/icons/ic_arrow_right.svg) no-repeat center center;
    background-size : 32px 32px;
}

.article__all-articles {
    border-color : #000000;
    color        : #000000;
    font-weight  : bold;
    width        : 100%;
    box-sizing   : border-box;
    font-size    : 12px;
    line-height  : 15px;
}

@media screen and (min-width : 576px) {
    .article__more-list {
        overflow          : auto;
        grid-auto-flow    : row;
        row-gap           : 20px;
        grid-auto-columns : auto;
    }

    .article__more-list-link {
        height : 320px;
    }
}

@media screen and (min-width : 768px) {
    .article__content img {
        object-fit       : contain;
        width            : 100%;
        /*height           : 560px;*/
        object-position  : center;
        background-color : #eaebeb;
        padding          : 0;
    }

    .article__side-action {
        padding : 30px;
        row-gap : 30px;
    }

    .article__more-list-body {
        grid-template-columns : 1fr 137px;
    }

    .article__more-list-name {
        font-size          : 18px;
        height             : 32px;
        -webkit-line-clamp : unset;
        max-height         : unset;
        height             : unset;
    }

    .article__more-list-button {
        font-size      : 12px;
        color          : rgb(255, 255, 255);
        text-transform : uppercase;
        width          : auto;
        height         : auto;
        text-align     : center;
        font-weight    : bold;
        background     : none;
        border-radius  : 24px;
        padding        : 16px 6px;
    }
}

@media screen and (min-width : 992px) {
    .article__row {
        row-gap : 40px;
    }

    .article__side-action {
        padding : 40px;
        row-gap : 40px;
    }
}

@media screen and (min-width : 1280px) {
    .article__row {
        grid-template-columns : 1fr 360px;
        column-gap            : 60px;
        margin-top            : 40px;
    }
}

@media screen and (min-width : 1800px) {
    .article__row {
        grid-template-columns : 1fr 547px;
    }

    .article__more-list-name {
        font-size : 24px;
    }
}