article {
    margin-top: 0.5rem;
}

.container-fullwidth {
    width: 100%;
    max-width: unset;
    margin: 0;
    padding: 0;
}

.article-headline-content,
.article-bodytext-content {
    margin: auto;
    padding-top: 1rem;
    width: 100%;
}

.article-headline {
    text-align: center;
    padding-bottom: 0rem; 
    width: 100%;
    line-height: 1.2;
}

.article-headline h1 {
    font-size: clamp(1.8rem, 2.5vw, 20rem);
    margin-top: 0.3rem;
}


/* LIST ELEMENTS */
ul {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.main-content-article-page {
    & li {
        margin-top: 0.5rem;
    }

}

/* -------- IMAGES */
.article-featured-image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: 55vh;
    margin: auto;
    border-radius: 2vw 0 1vw 0;
}

article img {
    width: 100%;
}

.article-end-latest-posts .article-featured-image img {
    display: block;
    min-width: unset;
    max-width: unset;
    height: auto;
    max-height: unset;
    margin: auto;
    border-radius: 2vw 0 1vw 0;
}

p:has( .article-image-centered ) {
    text-align: center;
    margin: auto;
}

h1:has(~ p .no-space ),
h1:has(+ p .no-space ),
h2:has( .no-space ),
h3:has( .no-space ),
h4:has( .no-space ),
h5:has( .no-space ),
p:has( .no-space ) {
    margin: 0;
    padding: 0;
}

.space-above {
    padding-top: 10vh;
}



@media (min-width: 600px) {
    p:has( .article-image-centered ) {
        max-width: 10vw;
    }
}

@media (min-width: 900px) {
    .article-headline h1 {
        margin-top: 0.9rem;
    }
}

@media (min-width: 1200px) {
    .article-headline h1 {
        font-size: clamp(1.8rem, 2.2vw, 20rem);
    }
}