.tabs input[type=radio] {
         position: absolute;
          display: none; /* blendet die Radio-Punkte aus, die wir nicht brauchen */
     }

.tabs {
       width: 1000px; /*könnt ihr anpassen */
       float: none;
       list-style: none;
       position: relative;
       padding: 0;
       margin:auto;
    height: 400px; /* Höhe muss definiert werden, damit Inhalt nicht überlappt */
     }

.tabs li{
       float: left; /* entweder rechts oder links */
     }

.tabs label { /* Defintion der anklickbaren Felder */
         display: block;
         background: #888;
         cursor: pointer; /*kann weggelassen werden */
      color: #111;
         position: relative;
	     font-size: 20px;
      top: 0;
         -webkit-transition: all 0.2s ease-in-out;
         -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
         transition: all 0.2s ease-in-out;
     }

.tabs label:hover {
       background: #686868;
       top: 0;
     }
     
[type=radio]:checked ~ label { /* Defintion des ausgewählten Feldes */
       background: #777;
       color: #222;
       top: 0;
     }
     
[type=radio]:checked ~ label ~ .tab-content {
         display: block;
     }

.tab-content{ /* Hier wird des ganz normale Inhalt des Tabs definiert wie Schrift, Farbe, Zeilenhöhe etc */
       z-index: 2;
       display: none;
       text-align: left;
       width: 100%;
    height: 350px;
    overflow: auto; /*Höhe (muss ca 50px kleiner sein als bei .tabs vorgegeben und Overflow sollten definiert werden, da ansonsten überschüssiger Text verschluckt wird */
       font-size: 12px;
       padding-top: 10px;
       padding: 5px;
       color: #eee;
    background: #666;
       position: absolute;
       top: 30px;
       left: 0;
       box-sizing: border-box;
       -webkit-animation-duration: 0.5s;
       -o-animation-duration: 0.5s;
       -moz-animation-duration: 0.5s;
       animation-duration: 0.5s;
     }

.profilicon {
    width: 200px;
    max-height: 100px;
    margin: auto;
}


.profile2-wr {
  margin: auto;
  width: 1000px;
  background: #666;
  padding: 10px;
  box-sizing: border-box;
  color: #222;
  font-family: "Roboto";
  font-size: 13px;
}

.profile2-wr_user {
  padding: 20px;
  background: #666;
  margin-bottom: 5px;
}

.profile2-wr_username {
  font-size: 25px;
  text-transform: uppercase;
  font-weight: bold;
}

.profile2-wr_quote {
  font-style: italic;
}

.profile2-wr_quote:before {
  content: "»";
  font-weight: bold;
}

.profile2-wr_flex {
  display: flex;
  justify-content: space-between;
}

.profile2-wr_left {
	 width: 220px;
  background: #777;
  margin-right: 5px;
 text-align:center;
}

.profile2-wr_avatar {
  margin-bottom: 10px;
}

.profile2-wr_icon {
  margin-bottom: 10px;
}

.profile2-wr_nick {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.profile2-wr_away {
  background: #777;
  margin: 5px;
  padding: 10px;
}

.profile2-wr_middle {
  width: 460px;
}

.profile2-wr_character {
  background: #888;
  padding: 10px;
}

.profile2-wr_title {
	BORDER:#000000 4px double;
	border-radius:5px;
	width:90%;  
	background-color:#777; 
	text-align:center; 
	display:block;
	line-height:120%;
	font-size:18px;
	letter-spacing: 2px;
}

.profile2-wr_character-content {
  height: 200px;
  text-align: justify;
  overflow: auto;
  padding: 5px;
}

.profile2-wr_mod {
  background: #777;
  padding: 5px;
  text-align: center;
  margin-bottom: 5px;
}

.profile2-wr_signature {
  text-align: center;
}

.profile2-wr_right {
  width: 220px;
  margin-left: 5px;
  background: #777;
  padding: 10px;
}

.profile2-wr_description {
}

.profile2-wr_description-content {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 200px;
  margin-bottom: 10px;
  overflow: auto;
}

.profile2-wr_description-box {
  background: #777;
  padding: 5px 10px;
}

.profile2-wr_stats {
}

.profile2-wr_stats-content {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 240px;
  margin-bottom: 10px;
  overflow: auto;
}

.profile2-wr_stats-box {
  background: #777;
  padding: 5px 10px;
}