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: center;
margin-top:0em;
padding-top: 1.7em; 
padding-left: 1em;  
padding-right: 1em;  
background: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight:600;
/* border: 1px dashed red; */}
adresse{ 
width:100%;
display: flex;
flex-direction: column;
align-items: center;
white-space:nowrap; 
font-size: 0.75em;
line-height:1.1em;
text-shadow: 0 0 0.01em gray;
/* border: 1px dashed red; */}
liste{
width:100%;
padding-top:1.7em;
display: flex;
flex-direction: column;
align-items: center;
white-space:nowrap; 
font-size: 1.05em;
line-height:1.1em;
text-shadow: 0 0 0.01em gray;
/* border: 1px dashed red; */}
inhalt{
max-width:665px;
min-height:1800px;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top:0em;
padding-top: 2.5em; 
padding-left: 1em; 
padding-right: 1em;
background: none;
font-family: 'Times New Roman',Times,serif;
font-size: 1em;
font-weight: 400;
/* border: 1px dashed orange; */}

.tag {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight:600;
 }


/*.........................Übericht Produkte*/
overview{
display: flex;
flex-wrap: wrap;
justify-content: center;
/* border: 1px dashed red; */}
overview a:hover{
background-color: white;}
overview div{
width: 150px;
padding-bottom: 0.5em;
text-align:center;
/* border: 1px dashed red; */}
overview img{
max-width: 150px;
height: auto;
/* border: 1px dashed red; */}

img {
  max-width: 100%;
  height: auto;
  border:0;}

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

/*....... für verschiedene Bildschirmgrössen*/
@media only screen and (max-width: 700px){
steuerung{
max-width:100%;}
inhalt{
max-width:100%;
max-height:100%;}}


/*........................................Link*/
a:link{
text-decoration:none; 
color:black;
-ms-high-contrast-adjust: none;    /* für MS Edge */}
a:visited{
text-decoration:none; 
color:black;
-ms-high-contrast-adjust: none;}
a:hover{ 
text-decoration:none;  
color:white;   
text-shadow: 0 0 0.1em;
background-color: black;
-ms-high-contrast-adjust: none;}
a:active{
text-decoration:none; 
color:black;
-ms-high-contrast-adjust: none;}