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

.tabs {
       width: 760px; /*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: var(--tabelle3);
         cursor: pointer; /*kann weggelassen werden */
      color: var(--text2);
         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: #333;
       top: 0;
     }
     
[type=radio]:checked ~ label { /* Defintion des ausgewählten Feldes */
       background: var(--tabelle3);
       color: var(--text2);
       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: 25px;
       color: var(--text);
    background: var(--tabelle2);
       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: 120px;
    margin: auto;
}


.profile2-wr {
  margin: auto;
  width: 990px;
  background: var(--tabelle2);
  padding: 10px;
  box-sizing: border-box;
  color:  var(--text);
  font-family: "Roboto";
  font-size: 13px;
}

.profile2-wr_user {
  padding: 20px;
  background: var(--tabelle1);
  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 {
  background: var(--tabelle2);
  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: var(--tabelle2);
  margin: 5px;
  padding: 10px;
}

.profile2-wr_middle {
  width: 780px;
}

.profile2-wr_character {
  background: var(--tabelle2);
  padding: 15px;
}

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

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

.profile2-wr_mod {
  background: var(--tabelle2);
  padding: 15px;
  text-align: center;
  margin-bottom: 5px;
}

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

.profile2-wr_right {
  width: 300px;
  margin-left: 5px;
  background: var(--tabelle2);
  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: #151515;
  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: #151515;
  padding: 5px 10px;
}
		
.atodwprofsmallinfo {
    flex: 1 1 calc(20% - 5px);
    margin-left: 2.5px;
    margin-right: 2.5px;
    margin-bottom: 5px;
    min-height: 44px;
    box-sizing: border-box;
    text-align: center;
}		
		
.atodwprofsmallinfowrap {
    display: flex
;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
}		

.profhsmol {
    text-transform: uppercase;
    font-size: 15px;
    color: var(--text2);
    border-bottom: 2px solid var(--text2);
    text-align: center;
    margin-bottom: 3px;
    padding-top: 5px;
    font-family: var(--text);
    font-weight: bold;
}

.profhsmol2 {
    text-transform: uppercase;
    font-size: 12px;
    color: var(--text2);
    border-bottom: 2px solid var(--text2);
    text-align: center;
    margin-bottom: 3px;
    padding-top: 5px;
    font-family: var(--text);
    font-weight: bold;
}
.afact {
    display: inline-block;
    width: 95px;
    height: 50px;
    overflow: hidden;
	text-align: center;
}