/* responsive web design für die Internetseiten des Chores */

* {
  box-sizing: border-box;
}
body{
  margin: 0 auto;
  max-width: 1024px;
}
html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif;}
.w3-sidebar {
  z-index: 3;
  width: 250px;
  top: 0;
  bottom: 0;
  height: inherit;
}
.nav{
  width:100%;
  display:block;
  padding:4px 16px;
  color:#000;
  text-decoration:none;
}
.nav2{
  font-size: 15px;
  width:100%;
  display:block;
  padding:3px 40px;
  color:#000;
  text-decoration:none;
} 
.nav:hover,.nav2:hover{
  color:#fff!important;
  background-color:#000!important;
}
a { 
  color:#2196F3;
  text-decoration: none
}
a:hover {
  text-decoration: underline; 
  color: #333 
}
img.vorstand { 
  float: left; 
  padding: 0 10px 0 0; 
  height: 120px;
}
p.footer {
  text-align: right; 
  font-size: 13px;
  color: #ccc;
}
.w3-theme-l5 {color:#000 !important; background-color:#f0f0f0 !important}