header,
footer {
    background-color: #6f6f6f;
    border-style: solid;
    border-color: wheat;
}

@media only screen and (max-width: 480px) and (orientation: portrait) {

    header,
    article,
    footer {
        border-radius: 0.3rem;
    }

    header h1 {
        margin: 0 0.2rem 1.1rem;
    }

    header hr {
        margin: 1.8rem auto 0;
    }

    #zurFront {
        font-size: 1.5rem;
        width: 70%;
        margin: 1.2rem auto 0.1rem;
    }
}

@media screen and (min-width: 481px),
screen and (orientation: landscape) {

    header,
    article,
    footer {
        border-radius: 6px;
    }

    header h1 {
        margin: 0 12px 8px;
    }

    header hr {
        margin: 27px auto 0;
    }

    #zurFront {
        width: 70%;
        margin: auto;
    }
}