html {
     background-color: #e0e0e0;
     max-width: 1280px;
     min-width: 370px;
     margin-left: auto;
     margin-right: auto;
}
 body {
     background-color: white;
     border: 2px solid;
     border-radius: 10px;
     padding-left: 3%;
     padding-right: 3%; 
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 0.9em;
}
 header {
     padding-top: 10px;
     padding-bottom: 10px;
}
 nav {
     margin-top: 10px;
     padding: 5px;
     border-radius: 10px;
     clear: both;
     font-size: 18px;
     font-weight: bold;
}
 #flexContainer {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
}
 main {
     display: block;
}
 footer {
     color: white;
     font-size: 0.8em;
     text-align: center;
     border-radius: 10px;
     margin-top: 10px;
     padding: 5px;
     margin-bottom: 10px;
     clear: both;
}
.vertikal {
		vertical-align: top;
}
 p {
     text-align: justify;
}
 .center {
     text-align: center;
}
.rot {
     color: red;
}
 li {
    line-height: 1.5;
}
 .bold {
     font-weight: bold;
}
 .navi a {
     text-decoration: none;
     color: white;
}
 footer a {
     text-decoration: underline;
     color: white;
}
 .navi a:visited {
     text-decoration: none;
     color: white;
}
 .navi a:hover {
      color: #e0e0e0;
}
 #index   	a.index,
 #hygiene 	a.hygiene,
 #profitabel  	a.profitabel,
 #nutzen	a.nutzen,
 #technik	a.technik,
 #news		a.news,
 #service	a.service
 {
      color: #cccccc;
} 
 .main1 a {
     color: black;
}
 .main1 a:visited {
     color: #7f7f7f;
}