body {
    background: #eee;
		max-width: 90%;
  margin: 0 auto; /* centers the content horizontally */
  margin-bottom: 30px;
 
}




h1 {
    color: green;
    font-size:50px;

}
h2 {
    color: brown;
    font-size:25px;

}


h3 {
    color: green;
    font-size:30px;
 text-align: center;
 text-decoration: underline;
}
#kopf  {
   text-align: center;
  
  
  color: brown;
    font-size:20px;
   
	}
	
 
#bio

{
  margin-top: 40px;
}

.container {
  display: table;
  width: 80%;
  table-layout: fixed;
  margin-left: 100px;
  margin-right: 100px;
}

.text, .image {
  display: table-cell;
  vertical-align: middle;
}

.text {
  text-align: left;
  padding-right: 10px;
  color: brown;
    font-size:20px;
}

.image {
  text-align: center;
}

.image img {
  max-width: 100%;
  height: auto;
}

#disco,
.container-disco {
  display: table;
  width: 100%;
  table-layout: fixed;
  
  }
.row {
  display: flex;
  flex-wrap: wrap;
}

.item {
  flex: 1 0 auto;
  text-align: center;
  padding-right: 10px;
  color: brown;
  
}


#presse, #kontakt


{
    color: brown;
    font-size:20px;
 text-align: center

}