:root { 
--nav_color: #FBDE00;
}

body{
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
background: white;
margin: 0em;
color: black;
}

ochsner{
display: flex;
flex-direction: row; 
flex-wrap: nowrap;
}

steuerung{
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: 45px;
padding-top: 0px; 
padding-left: 15px;  
padding-right: 15px;  
background: none;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight:600;
}

liste{
width:  100%; 
display: flex;
flex-direction: column;
align-items: flex-start;
white-space: nowrap; 
font-size: 17px;
text-shadow: 0 0 0.01em gray;
}

inhalt{
max-width: 400px;
min-height:1800px;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: 0px;
padding-top: 45px; 
padding-left: 15px; 
padding-right: 15px;
background: none;
font-family: 'Times New Roman',Times,serif;
font-size: 18px;
font-weight: 400;
}


.group {
padding-bottom: 40px;
}



hr.haar {
width: 100%;
border: none;
border-top: 0.1em solid black;
margin-top: 23px;
margin-bottom: 30px;
}


/* ....... für verschiedene Bildschirmgrössen */
/* @media only screen and (max-width: 900px){ */
/* ochsner {display: flex; flex-direction: column; flex-wrap: nowrap;} */
/* steuerung {max-width: 665px; padding-top: 20px; } */
/* inhalt {max-width: 665px; max-height: 1800px; padding-top: 25px} */
/* adresse {flex-direction: column; align-items: flex-start;} */
/* liste {padding-top: 15px; flex-direction: row; flex-wrap: wrap;} */
/* liste * {padding-right: 11px;} */
/* overview div {max-width: 25%;} */
/* overview img {max-width: 100%;} */
/* } */

/*....... für verschiedene Bildschirmgrössen*/
@media only screen and (max-width: 550px){
ochsner {display: flex; flex-direction: column; flex-wrap: nowrap;}	
steuerung {max-width: 100%;}
inhalt {max-width: 100%; max-height: 100%;}
liste {padding-top: 15px; flex-direction: row; flex-wrap: wrap;}
liste * {padding-right: 11px;}
}


/*........................................Link*/
a:link{
text-decoration:none; 
color:black;
}

a:visited{
text-decoration:none; 
color:black;
}

a:hover{ 
text-decoration:none;  
color:var(--nav_color);   
text-shadow: 1px 1px 0px black;
}

a:active{
text-decoration:none; 
color:var(--nav_color);
}