.navigation {
  width:880px;
  margin:20px auto;
}

.navigation .nav {
  width:880px;
  text-align:center;
  font-family:'calibri';
  color:#A6A6A6;
  font-size:13px;
}

.navigation .navactive {
  color:#F2F2F2;
  font-size:18px;
  margin-top:5px;
  font-family: 'Abril Fatface', cursive;
  letter-spacing:2px;
  text-transform:uppercase;
}

.postbitoben {
  background:#0f0f11;
  width: 880px;
  margin:auto;
  margin-top: 20px;
  height:50px;
}

.postbitunten {
  background:#0f0f11;
  width: 880px;
  margin:auto;
  height:50px;
}


.answer {
  margin:5px;
  width:150px;
  float:right;
}

.answer a{
  font-family: 'Abril Fatface', cursive;
  font-size: 20px;
  color:#A6A6A6;
  text-transform:lowercase;
  padding: 10px;
  text-align:right;
  text-decoration:none;
}

.answer a:hover{
  color:#bfb494;
}

.postbit {
  min-height: 500px;
  width: 880px;
  position: relative;
  margin: auto;
  background:#0f0f11;
}

.postbitzwischen {
  width:880px;
  background:#000000;
  margin:auto;
  height:25px;
}

.postbitzwischen .edit{
  color:#A6A6A6;
  font-family:'calibri';
  padding: 4px 10px;
  font-size:12px;
  letter-spacing:1px;
  width:100px;
}

.postbitzwischen .quote{
  color:#A6A6A6;
  font-family:'calibri';
  padding: 4px 10px;
  font-size:12px;
  letter-spacing:1px;
  width:100px;
}

.postbitzwischen .delete{
  color:#A6A6A6;
  font-family:'calibri';
  padding: 4px 10px;
  font-size:12px;
  letter-spacing:1px;
  width:100px;
}


.postbitauthor {
  background:#000;
  width: 100%;
  height: 260px;
  border-bottom: 5px solid #ffffff;
  position: relative;
  display: flex;
  justify-content: space-between;
  color:#fff;
  font-family: 'calibri';  
}

.postbitauthor > div {
    width: 300px;
    z-index: 1;
}

.postbitauthor::before {
  content: "";
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  background: url(https://everyone-assemble.de/extern/files/1.jpg);
background-position: center;
  opacity: .4;
  
}

.postbitavatar {
  height:200px;
  width:230px;
  position: relative;
  padding: 20px;
}

.postbitavatar img {
  border: 5px solid #ffffff;
}

.postbitname {
  font-family: 'Abril Fatface', cursive;
  font-size: 28px;
  text-align:center;
  margin-top:40px;
  letter-spacing:2px;
  color:#bfb494;
}

.postbitname a{
  color:#A6A6A6;
  text-decoration:none;
}

.postbitname a:hover{
  color:#bfb494;
}


.postbittb {
  flex-direction: column;
  color:#000;
  font-size:13px;
}

.postbittb i{
  color:#fff;
}

.postbittb > div {
  margin: 10px auto;
  text-align:center;
  width: 70%;
  height: 20px;
  background:#fff;
  opacity: .8;
  padding-top:2px;
}

.postbitstecki {
  font-family: 'Abril Fatface', cursive;
  text-align:center;
  background:#000;
  width:100px;
  margin:auto;
  padding:5px;
}

.postbitstecki a{
  color:#A6A6A6;
  text-decoration:none;
}

.postbitstecki a:hover{
  color:#bfb494;
}

.postbitchara {
  margin-top:20px;
  background:#fff;
  width:250px;
  height:180px;
  color:#000;
  padding:10px;
  border: 5px solid #1b1b1b;
  overflow:auto;
  text-align:justify;
  font-size:13px;
  opacity: .6;
}

/*SCROLL FÜR BESCHREIBUNG*/
.postbitchara::-webkit-scrollbar {
  width: 5px;}
.postbitchara::-webkit-scrollbar-track {
  background: rgba(0,0,0, 0.15); }
.postbitchara::-webkit-scrollbar-thumb {
  background-color: rgba(62,62,62); }

.postbitdatum {

  background:#0f0f11;
  font-family:'calibri';
  font-size:10px;
  color:#A6A6A6;
  padding:5px;
  border-bottom: 1px solid #A6A6A6;
}

.postbitdatum b{
  color:#d2d2d2;
  font-weight:800;
  text-decoration:underline;
}

.postinhalt {
  margin: 30px 50px;
  font-family: 'calibri';
  font-size:13px;
  text-align:justify;
  color:#A6A6A6;
}

.postinhalt b{
  color:#bfb494;
  font-weight:800;
  text-transform:uppercase;
}
		
		