.profile {
  width: 959px;
  background: var(--farbe5);
  color: var(--text5);
  margin: auto;
  font-size: 12px;
  text-align: justify;
  padding: 2px;
  box-sizing: border-box;
}

.profile_head{
border: 1px solid #b9ad83; 
background: #b9ad83;
}

.profile_title {
  text-align: center;
  font-size: 25px;
}

.profile_subtitle {
  text-align: center;
  font-size: 16px;
}

.profile_title-info {
  text-align: center;
}

.profile_header {
  text-align: center;
  padding: 5px;
  font-size: 18px;
   background: #b9ad83;
  color: #000000;
  font-weight: bold;
  
}

.profile_usertitel {
  text-align: center;
  padding: 5px;
  font-size: 18px;
  text-transform: uppercase;
  background: var(--farbe1);
  color: var(--text5);
  font-weight: bold;
}


.profile_avatar-box {
	padding: 3px 3px 3px;
	background: #f9f3e7;
}

.profile_link-box {
	padding: 3px 3px 73px 3px;
	background: #ffffff;
}

.profile_icon {
  margin: 10px 0px;
}

.profile_name {
  text-align: center;
  text-transform: uppercase;
  margin: 10px 0px;
  padding: 10px 0px;
  background: #454343;
 
}

.profile_avafeld {
  text-align: center;
  text-transform: uppercase;
  margin: 10px 0px;
  color: #454343;
  padding: 10px 0px;
  background: #f5f5f5;
  
}

.profile_away {
  font-size: 10px;
}

.profile_description {
  padding: 10px  10px 10px 10px;
  height: 330px;
  width: 430px;
  overflow: auto;
  background: #454343;
  font-size: 13px;
  color: #ffffff;
 line-height: 150%;

}

.profile_player {
  margin-top: 5px;
  background: var(--farbe1);
  color: var(--text5);
  margin: 5px 0;
text-align: center;
  font-size: 14px;
  font-weight: normal;
  height: 40px; 
  display: block;
  line-height: 40px;
 overflow: auto;

}

.profile_player_away {
  padding: 10px 10px;
  margin-top: 5px;
  background: var(--farbe1);
  color: var(--text5);
  margin: 5px 0;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  height: 40px; 
}

.profile_info {
  padding: 4px 10px 5px 10px;
  width: 300px;
  height: 300px;
}

.profile_info-box {
  padding: 3px 10px;
  background: #454343;
  color: #ffffff;
  margin: 15px 0;
 margin-top: -3px;
text-align:left;
  font-size: 20px;
  font-weight: bold;
  height: 50px; 
display: block;
line-height: 50px;

}

.profile_wanted {
  padding: 3px 10px;
  background:#393b47;
  color: #ffffff;
  margin: 15px 0;
 margin-top: -3px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  height: 35px; 
  display: block;
  line-height: 35px;
}

.profile_wanted_2 {
  padding: 3px 10px;
  background: var(--farbe1);
  color: var(--text5);
  margin: 15px 0;
 margin-top: -3px;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  /*height: 35px; */
  display: block;
  line-height: 35px;
font-family: 'norse', serif;
}

.profile_info-box_align {
display: table-cell;
  vertical-align: middle;

}

.profile_info-box_2 {
  padding: 3px 10px;
  background: #b9ad81;
  margin: 5px 0;
font-size: 12px;
}

.profile_zweitchara {
  /* text-align: center; */
  height: 107px;
  padding-top: 20px;
  box-sizing: border-box;
 overflow: auto;
  width: 450px;
  Background: #cccccc;
}

.profile_signature img {
  width: 340px;
}

.profile_margin {
  margin-top: 5px;
}

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

.tabs {
       width: 350px; /*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: #006fb9;
         cursor: pointer; /*kann weggelassen werden */
      color: #fff;
         position: relative;
      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: #00b971;
       top: 0;
     }
      
[type=radio]:checked ~ label { /* Defintion des ausgewählten Feldes */
       color: var(--text1);
       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: 10px;
       padding-top: 10px;
       padding: 5px;
       color: #000;
    background: #f5f5f5;
       position: absolute;
       top: 60px;
       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;
     }

.profile_away {
  font-size: 13px;
  font-weight: normal;
  height: 40px; 
font-family: 'cinzel', sans-serif;
}