/* --------------------------------------------|
|                                              |
| Blöcke                                       |
|                                              |
|-------------------------------------------- */

.block--accent {
    padding: 40px;
    background: linear-gradient(to bottom, #dbecf6, #dedee9);
}

@media (max-width: 440px) {
    .block--accent {
        padding: 20px;
    }
}

.block--intro {
    margin-top: 40px !important;
    margin-left: 120px !important;
    margin-right: 280px;
    margin-bottom: 20px !important;
    width: auto !important;
    font-family: "officina-sans", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 140% !important;
    padding: 50px;
}

@media (max-width: 880px) {
    .block--intro {
        margin-left: 120px !important;
        margin-right: 100px;
        margin-bottom: 10px !important;
        padding: 20px;
    }
}

@media (max-width: 680px) {
    .block--intro {
        margin: 0 !important;
        float: none !important;
    }
}

.post-content.post-content--accent {
    background: linear-gradient(to bottom, #dbecf6, #dedee9);
}