.atodwproftopwrap {
}

.atodwprofcharname{
}

.atodwprofavatar{
 margin-bottom: -5px;
}

.atodwprofavabot{
  height: 40px;
}

.atodwprofavabotsharewrap{
}

.atodwprofavabotshare{
  display: inline-block;
  width: 112px;
  height: 50px;
  /*overflow: hidden;*/
}

.atodwproficon{
  
  border: 2px #363735 solid;
  width: 220px;
  height: 100px;
}

.atodwprofwrapleft{
  
  display: inline-block;
  width: 580px;
  float: right;
}

.atodwproftextfieldswrap{
  
  display: inline-block;
  width: 100%;
}

.atodwproftextfield{
  display: inline-block;
  width: 272px;
height: 105px;
}

.atodwprofsmallinfowrap {
    display: inline-block;
    width: 570px;
    margin-left: 5px;
    height: 160px;
    overflow: auto;
}

.atodwprofsmallinfo{
  display: inline-block;
  width: 49%;
height: 48px;
  overflow: auto;
}

.atodwproflowerwrap{
}

.atodwprofsignature {
    width: 100%;
    margin-top: 2px;
    height: 310px;
}

.atodwproftextscroll{
  height: 76px;
  overflow:auto;
  text-align: justify;
  padding-left: 10px;
  padding-right: 10px;
}

.atodwproftextscrollsmol{
  height: 106px;
  overflow:auto;
  text-align: justify;
  padding-left: 10px;
  padding-right: 10px;
}

.atowdprof18{
}

.profiltopics_text {
       text-align: center;
    /* color: #c4d1e4; */
    font-family: 'Arial';
    font-size: 12px;
    position: relative;
    top: 15px;
}

.profsmtext {color: #d1cfc3;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
}

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

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

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

.tabs label { /* Defintion der anklickbaren Felder */
        display: block;
    background: #631d37;
    cursor: pointer;
    color: #fff;
font-weight: bold;
    margin-right: 20px;
    padding: 5px;
    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: #B6B6B6;
       top: 0;
transition: 1s;
     }
      
[type=radio]:checked ~ label { /* Defintion des ausgewählten Feldes */
       background: #838181;
       color: #fff;
       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: 880px;
    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: 14px;
       padding-top: 10px;
       padding: 5px;
       color: #d1cfc3;
       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;
     }