#content {
    display: block;
    margin-top: 30px;
    max-width: 1015px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 195px; /* 160px Höhe der Fußleiste + 35px abstand zum Inhalt*/
}

    #content h1 {
        background-color: #395278;
        color: white;
        padding: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }

    #content h4 {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    #content article {
        background-color: #c8ced7;
        padding: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }

h1 {
    font-size: 36px;
}

h2 {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 20px;
}

h3 {
    margin-bottom: 10px;
    font-size: 18px;
}

h4 {
    font-weight: bold;
}

p {
    margin-top: 0;
}

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

@media(max-width:420px) {
    h1 {
        font-size: 28px;
    }
}

@media(max-width:340px) {
    h1 {
        font-size: 22px;
    }
}