.paragraph--type--news .region {
    padding: 3rem 4vw;
}

.paragraph--type--news .news-teasers-wrap svg {
    width: 15px;
    float: right;
}

.paragraph--type--news .news-teasers-wrap h4 {
    /* margin-top: 1rem; */
    padding: 1rem;
}

.paragraph--type--news .news-teasers-wrap h4 a {
    color: var(--color-uw-body);
    font-weight: 600;
}

.paragraph--type--news .news-teasers-wrap>div,
.view-news-component-view .view-content {
    display: flex;
    gap: 8rem;
}

.paragraph--type--news > .news-teasers-wrap>div:not(.views-element-container)>div,
.paragraph--type--news .view .view-content > .views-row {
    width: 33%
}

.paragraph--type--news .news-teasers-wrap img {
    border-radius: 10px;
}

.paragraph--type--news .news-teasers-wrap article,
.view-news-component-view .article {
    padding: 1rem;
    border-radius: 15px;
    border: 1px solid #d7d7d7;
    max-width: 368px;
    overflow: hidden;
    min-height: 29rem;
}

.paragraph--type--news .news-teasers-wrap .view h4 a::after {
    content: ' ';
    vertical-align: middle;
    display: block;
    background-image: url(../images/arrow-black.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 13px;
    margin-left: 5px;
    transition: all 0.25s ease-in;
    text-align: right;
    float: right;
    margin-top: 2rem;
}

.paragraph--type--news .footer-social-wrap {
    gap: 1rem;
}

.paragraph--type--news .read-more-link {
    position: relative;
    bottom: auto;
    right: auto;
    text-align: right;
    margin-right: 0;
    margin-top: 2rem;
}

@media screen and (max-width: 1025px) {

    .paragraph--type--news .news-teasers-wrap>div,
    .view-news-component-view .view-content {
        gap: 4rem;
    }

}

@media screen and (max-width: 800px) {

    .paragraph--type--news .news-teasers-wrap>div,
    .paragraph--type--news .view .view-content {
        flex-wrap: wrap;
    }

    .paragraph--type--news > .news-teasers-wrap>div:not(.views-element-container)>div,
    .paragraph--type--news .view .view-content > .views-row {
        width: 100%
    }
    

    .paragraph--type--news .news-teasers-wrap article,
    .paragraph--type--news > .news-teasers-wrap>div:not(.views-element-container)>div {
        margin: 0 auto;
    }

    .paragraph--type--news .news-teasers-wrap article,
    .view-news-component-view .article {
        margin-inline: auto;
    }
}