.fp-block-headline-article {
    /* margin: auto; */
    /* margin-top: 5rem; */
}

.fp-block-headline-article h1 {
    text-transform: none;
    font-size: var(--font-size-xxl);
    font-family: var(--font-family-sitename);
    line-height: 1.1;
    color: var(--font-color-sitename);
    text-align: left;

    margin: auto;
    max-width: 70rem;
}



.fp-block-article-body {
    margin: auto;
    max-width: 70rem;
}

.fp-block-article-float {
    /* transform: translateY(-30%); */
    /* background-color: var(--background-color); */
    /* padding: 3rem; */
}

.fp-block-article-body p {
    font-size: var(--font-size-m);
    font-family: var(--font-family-body);
}

.fp-block-article-body h5 {
    text-transform: none;
    font-size: var(--font-size-m);
    font-family: var(--font-family-sitename);
    color: var(--font-color-sitename);
}


.fp-block-article-image-fullscreen {
    width: 100%;
    padding: 0;
    margin: 0;
}

.fp-block-article-image-fullscreen img {
    width: 100%;
}

.fp-block-article-image-small {
    max-width: 70rem;
    margin: auto;
}

.fp-block-article-image-small img {
    width: 100%;
}

/* ---------------- MEDIA */

/* TABLET */
@media screen and (min-width: 700px) {


    
}

/* DESKTOP */
@media screen and (min-width: 900px) {

    .fp-block-article-image-fullscreen-float {
        height: 60vh;
    }

    .fp-block-article-float .fp-block-article-body {
        background-color: var(--background-color);
        padding: 3rem;
    }



}

/* DESKTOP */
@media screen and (min-width: 1000px) {

    .fp-block-article-image-fullscreen-float {
        height: 70vh;
    }

 
}

/* DESKTOP */
@media screen and (min-width: 1300px) {

    .fp-block-article-image-fullscreen-float {
        height: 70vh;
    }

    .fp-block-headline-article h1 {
        font-size: var(--font-size-xxxl);
    }

}

/* DESKTOP */
@media screen and (min-width: 1600px) {

    /* .fp-block-article-image-fullscreen {
        height: 50vh;
    } */


}