body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
}

#language a {
    position: fixed;
    top: 0 px; right: 10px;
    color: black;
    margin-top: 5px;
    background-color:white;
    padding: 4px;
    border-radius: 8px;
}

#language a:hover{
     color: red;
}

#logotop img {
    align-items: center;
    display: block;
    margin:auto;
    max-width: 60px;
    margin-top: 15px;
    margin-bottom: 0px;
    border-radius: 4px;
}

#totop a {
    position: fixed;
    bottom: 0px; right: 9px;
    font-size: 35px;
    color: black;
    background-color: white;
    border-radius: 15px;
    
    text-decoration: none;
    padding-left: 7px; 
    padding-right: 7px;
    padding-top: 0px;
    margin-bottom: 7px;
}

#totop a:hover{
     color: red;
}
#top {
     text-align: center;
}

#logo {
     color:white;
     background-color: tomato;
     display: inline-block;
     font-size: 32px;
     font-weight: 600;
     padding: 10px;
     margin-top: 16px;
}

#logo-name{
     font-size: 32px;
     font-weight: 600;
     padding: 8px;
     margin-top: 16px;
}

#navigation a {
     color: black;
     padding: 8px;
     font-size: larger;   
}

#navigation a:hover {
     
     color: rgb(255, 0, 0);
}

#news a {
    color: black;
    padding: 20px;

}

#news a:hover {
    
    color: rgb(255, 0, 0);
}

 #image img {
     margin-top: 30px;
     margin-bottom: 50px;
     width: 100%;
     aspect-ratio: 1558/1039 ;
}

 #image-picture img {
    align-self: center;
    margin-top: 15px;
    margin-bottom: 0px;
    border-width: 0ch;
    max-width: 400px;
    width: 100%;
}

#image-picture-times img {
    align-self: center;
    margin-top: 15px;
    margin-bottom: 0px;
    border-width: 0ch;
    border-radius: 40px;
    max-width: 400px;
    width: 100%;
}

#image-news img {
    align-self: center;
    margin-top: 10px;
    margin-bottom: 0px;
    border-width: 0ch;
    max-width: 400px;
    width: 100%;
}

 #main {
     text-align: left;
     max-width: 400px;
     margin: auto;   
}

 #main-picture {
    text-align: left;
    max-width: 400px;
    margin: auto;
    padding: 0px;
}

p { margin-top: 0; 
    margin-bottom: 0; 
    padding-left: 5px;
    padding-right: 5px;
    color: black;
    text-align: justify;
}

b {
    color: black;
}

h2 {
    padding-left: 5px;
    border-bottom: solid;
    border-color: rgb(255, 123, 0);
    max-width: 200px;
    border-radius: 15px;
}

h4 {padding-left: 5px;}

ul {
    color: rgb(255, 123, 0);
}



#results a{
    color: black;
}
#results a:hover{
    color: red;
 }

 #times a{
    color: black;
}
#times a:hover{
    color: red;
 }

#club a{
    color: black;
}
#club a:hover{
   color: red;
}

#club img {
    width: 100%;      /* fill the parent */
    max-width: 100%;  /* don't exceed parent */
    height: auto;     /* keep aspect ratio */
    display: block;   /* remove inline gap */
}

#sponsors a{
    color: black;
}
#sponsors a:hover{
   color: red;
}

#youtube a{
    color: black;
}

#youtube a:hover{
    color: red;
}

#instagram a{
    color: black;
    padding-left: 0px;
}
#instagram a:hover{
   color: red;
}

#videolink a{
    color: red;
    padding-left: 5px;
}
#videolink a:hover{
   color: black;
}

#berichtlink a{
    color: black;
    padding-left: 5px;
}
#berichtlink a:hover{
   color: red;
}

#visitorcounter a{
    color: black;
    padding-left: 0px;
}

#visitorcounter a:hover{
    color: red;
}

#logo-down img{
    align-items: center;
    display: block;
    margin:auto;
    max-width: 60px;
    margin-top: 15px;
    margin-bottom: 0px;
    border-radius: 4px;


}

#footer {
    text-align: center;
    padding: 16px;
    color: grey;
    background-color: rgb(255, 255, 255);
    margin-top: 10px;
 }

#impressum-link a{
    text-align: center;
    padding-left: 6px;
    color: grey;
    background-color: rgb(255, 255, 255);
    margin-top: 10px;
    text-decoration: none;
 }

#presse a{
    color: black;
}
#presse a:hover{
   color: red;
}

#presse-picture img {
    align-self: center;
    margin-top: 15px;
    margin-bottom: 0px;
    border-width: 0ch;
    max-width: 400px;
    width: 100%;
}