.body1
    {
    color:black;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    align-self: center;
    align-items: center;
    justify-content: center;
    border-spacing: 0px;
    width: 100%; 
    max-width: 100%;
    font-size: xxx-large;
    font-weight: bold;
    }


.body2
    {
    color:white;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    align-self: center;
    align-items: center;
    justify-content: center;
    border-spacing: 0px;
    width: 100%; 
    max-width: 100%;
    font-size: xxx-large;
    font-weight: bold;
    }


.bottom1
    { 
    color: white;
    background-color: #c00000;     
    margin: 0 auto;
    text-align: center;
    align-items: center;
    align-self: center;
    align-items: center;
    justify-content: center;
    border-spacing: 0px;
    width: 100%; 
    max-width: 100%;
    font-size: x-large;
    font-weight: bold;
    }
    

.zentriert-schwarz
    {
    margin: 0 auto;
    text-align: center;
    align-items: center;
    align-self: center;
    align-items: center;
    justify-content: center;
    border-spacing: 0px;
    width: 100%; 
    max-width: 100%;
    color: black;
    font-size: x-large;
    max-width: 1000px;
    }



.kleines-bild {
    width: 100%;
    min-width: 200px;
    max-width: 1000px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    align-self: center;
    align-items: center;
    justify-content: center;
    border-spacing: 0px;
}



#box1 {
    background-size: cover;
    background-color: white;
    background-image: url("../photo/background1.jpg");
    }

#box2 {
    background-size: cover;
    background-color: white;
    background-image: url("../photo/background2.jpg");
    }


body {
 color: #99ffff00;
}
a:link {
 color: white;
}
a:visited {
 color:  white;
}
a:hover {
 color: black;
}
a:active {
 color: black;
}