#kopfzeile{
    text-align: center;
    font-weight: bold;
}
#addr{
    text-align: center;
}
article{
    width: 90%;
    text-align: center;
    margin: 150px auto 50px auto;
}
article h1, h2, h3{
    /*background-color: bisque;*/
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 40px 10px 40px 10px;
    border: 1px solid silver;
    color: darkred;
    opacity: 1.0;
    box-shadow: 5px 5px 10px 0px rgba(238, 238, 238, 1); 
    text-shadow: #eeeeee 4px 4px 3px; 
}
article h1{
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 2.5em;
    line-height: 1.6em;
}
article h2{
    font-size: 1.3em;
    line-height: 1.6em;
}
article h3{
    font-size: 1.0em;
    line-height: 1.6em;
}
article p{
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 5px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    color: burlywood;
}

#seitenanfang{
    color: darkred;
    font-size: 3em;
    font-weight: bold;
    letter-spacing: 0.1em;
    border-radius: 130px 20px 130px 20px;    
}


/*
article h1 { background: radial-gradient(ellipse farthest-corner, #eeeeee 20%, #000 99%); }
*/
article h2 { background: linear-gradient(115deg, #000, #eeeeee, #eeeeee); }
article h3 { background: linear-gradient(115deg, #eeeeee, #eeeeee, #000); }


/* #### START Media Queries ######################################################### */

/* erster Break-Point für Geräte-Displays unter 704px = 44.00em Breite */
/*------------------------------------------------------------------------------------*/
@media only screen and (max-width: 44.00em) {
    #seitenanfang{
        font-size: 2em;
    }
}

/* zweiter Break-Point für kleine Geräte-Displays unter 544px = 34.00em Breite */
/*------------------------------------------------------------------------------------*/
@media only screen and (max-width: 34.00em) {
    article {
        margin-top: 150px;
        font-size: 0.6em;
    }
}