/* List and Detail */

.news .article:not(.does-not-exist) .header,.news.news-single .article .header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 1rem;
            border-top: 1px solid var(--color-black-25);
        }

.news .article:not(.does-not-exist) .header .headline,.news.news-single .article .header .headline {
                padding-top: 1rem;
                padding-right: 0.5rem;
            }

.news .article:not(.does-not-exist) .header .creation-info,.news.news-single .article .header .creation-info {
                align-self: start;
                background-color: var(--color-black-10);
                color: var(--color-black);
                padding-left: 0.5rem;
                padding-right: 0.5rem;
                padding-top: 0.25rem;
                padding-bottom: 0.25rem;
                border-radius: 0 0 1rem 1rem;
            }

.news .article:not(.does-not-exist) .header .creation-info p,.news.news-single .article .header .creation-info p {
                    margin-top: 0;
                    margin-bottom: 0;
                }

/* List view */

.news .news-list-view  > .article {
            margin-bottom: 6rem;
        }

@media (max-width: 390.98px) {

.news .news-list-view  > .article {
                margin-bottom: 1rem;
        }
            }

.news .article .news-img-wrap img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
            }

.news .article .more {
            display: flex;
            justify-content: flex-end;
            -moz-column-gap: 0.5rem;
                 column-gap: 0.5rem;
            -webkit-text-decoration: none;
            text-decoration: none;
            font-weight: 700;
            margin-top: auto;
        }

.news .article .more:hover {
                -webkit-text-decoration: underline;
                text-decoration: underline;
            }

.news .article .more svg {
                width: 1rem;
            }

/* Detail view */

.news.news-single .news-backlink-wrap {
            margin-bottom: 2rem;
        }

.news.news-single .news-backlink-wrap a {
                display: flex;
                -moz-column-gap: 0.5rem;
                     column-gap: 0.5rem;
                -webkit-text-decoration: none;
                text-decoration: none;
                font-weight: 700;
            }

.news.news-single .news-backlink-wrap a:hover {
                    -webkit-text-decoration: underline;
                    text-decoration: underline;
                }

.news.news-single .news-backlink-wrap svg {
                width: 0.8rem;
            }

.news.news-single .news-img-wrap {
            float: none;
            margin: 0;
            padding: 0;
            width: 100%;
        }

.news.news-single .news-img-wrap .outer {
                margin-top: 1rem;
                margin-bottom: 1rem;
            }

.news.news-single .news-img-wrap img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
            }

.news.news-single .teaser-text {
            margin-top: 1rem;
            margin-bottom: 1rem;
            font-weight: 700;
        }

.news .f3-widget-paginator {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        -moz-column-gap: 1rem;
             column-gap: 1rem;
        padding-left: 0;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

.news .f3-widget-paginator .current {
            display: flex;
            flex-shrink: 0;
            align-items: center;
            justify-content: center;
            border: 1px solid black;
            border-radius: 50%;
            width: 2rem;
            height: 2rem;
        }

.news-related-wrap {
    padding: 1.5rem 2rem;
    border: 1px solid var(--color-black);
    margin-top: 4rem;
}