main {
  margin-left: 15%;
  margin-right: 0px;
}
#inhalt {
  width: 15%;
  height: 100%;
  background-color: lightgray;
  position: fixed;
}
.listitem {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: lighter;
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  font-size: 16px;
}
.unten {
  position: absolute;
  bottom: 0px;
}
.space {
  list-style: none;
}
#tabelle {
  border-collapse: collapse;
  width: 90%;
  margin: auto;
}
#tabelle th,td {
  padding: 15px;
  border: 1px solid black;
}
.zwischentext {
  padding-left: 7.5%;
}
.klein {
  font-size: 12px;
}
.likebutton {
  float: right;
  cursor: pointer;
}
.pointer {
  cursor: pointer;
}
.center {
  text-align: center;
}
.add {
  border: solid 2px black;
  padding: 20px;
  font-size: 20px;
  cursor: pointer;
  background-color: #F5F5F5;
  margin-top: 20px;
}
.add:hover {
  border: solid 2px green;
  padding: 20px;
  font-size: 20px;
  cursor: pointer;
  background-color: rgba(0, 167, 0, 0.7);
  margin-top: 20px;
}
.ersteSpalte {
  width: 300px;
}
.rank {
  width: 20%;
}
.level {
  width: 40%;
}
.subtotal {
  background-color: lightgray;
}
.onlytext {
  margin: 5%
}
.searchbox {
  padding: 5px;
}
.searchresult:hover {
  background-color: lightgray;
  cursor: pointer;
}
.chatheader {
  background: gray;
  margin-top: 5%;
  padding: 5px;
}
.chatbox {
  background: lightgray;
  overflow-y: scroll;
  height: 500px;
  padding: 5px;
}
.pics img {
  width: 20%;
}
.diagram {
  display: block;
  height: 400px;
}
.half {
  width: 48%;
  float: left;
}
.leftbox {
  margin-left: 1%;
  margin-right: 1%;
}
.button {
  border: solid 2px black;
  padding: 20px;
  font-size: 18px;
  cursor: pointer;
  background-color: #F5F5F5;
  margin-top: 20px;
}
.button:hover {
  border: solid 2px green;
  padding: 20px;
  font-size: 18px;
  cursor: pointer;
  background-color: rgba(0, 167, 0, 0.7);
  margin-top: 20px;
}
.buttonbox {
  display: table;
  margin: auto;
}
.bio {
  margin: 20px;
  padding: 5px;
  border: 1px solid black;
  font-style: italic;
}