/* **Tabs im Profil** */
/* ICON #1 */
#request476-wrap .request476-tabs label[for="tab1"] {
background: url(/images/new/profilinfos.png);
background-size: 100%;
}

/* ICON #2 */
#request476-wrap .request476-tabs label[for="tab2"] {
 
background: url(/images/new/profilrelas1.png);
background-size: 100%;
}

/* ICON #3 */
#request476-wrap .request476-tabs label[for="tab3"] {
 
background: url(/images/new/profilinplay.png);
background-size: 100%;
}

/* ICON #4 */
#request476-wrap .request476-tabs label[for="tab4"] {
 
background: url(/images/new/profilrelas.png);
background-size: 100%;
}

#request476-wrap {
position:relative;
margin:10px auto;
padding:20px 50px;
width:890px;
height: auto;
background: #2c100c;
border-top:10px solid #11070c;
border-bottom:10px solid #11070c;
}

#request476-wrap .request476-tabs {
position:relative;
top:0;
margin:10px 0 50px;
padding-left: 6px;
height: 690px;
list-style:none;
}

#request476-wrap .request476-tabs li {
float:left;
}

#request476-wrap .request476-tabs label:hover {
cursor:pointer;
}

#request476-wrap .request476-tabs label[for^=tab] {
float:left;
display:block;
margin:0 5px;
width:150px;
height:100px;
border: 3px #1e3033;
}

#request476-wrap .request476-tabs input[type=radio] {
display:none;
}

#request476-wrap .request476-tabs [id^=tab-content] {
z-index:2;
display:none;
position:absolute;
top:100px;
left:0;
padding:5px;
width:880px;
height:auto;
background: #200c09;
color:#9b9c98;
font-family:Cantarell;
font-size:14px;
line-height:14px;
text-align:justify;
}

#request476-wrap .request476-tabs [id^=tab-content] .headline {
margin:0 auto 7px;
padding:3px;
width:800px;
border-bottom:2px solid rgba(120,89,89,.7);
color:#9b9c98;
font-family:Cantarell;
font-size:10px;
line-height:10px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
text-align:center;
}

#request476-wrap .request476-tabs [id^=tab-content] i {
color:#8f2c36;
font-size:14px!important;
text-transform:none;
text-shadow:1px 1px 0 #000;
}

#request476-wrap .request476-tabs [id^=tab-content] b,#request476-wrap .request476-tabs [id^=tab-content] strong {
color:#8f2c36;
font-size:11px;
font-weight:400;
letter-spacing:0;
text-transform:uppercase;
text-shadow:1px 1px 0 #000;
}

#request476-wrap .request476-tabs [id^=tab-content] s {
color:#4a4a4a;
text-shadow:1px 1px 0 #000;
}

#request476-wrap .request476-tabs [id^=tab-content]:before {
content:"";
position:absolute;
bottom:100%;
width:100px;
height:100px;
border-left:20px solid transparent;
border-right:20px solid transparent;
border-bottom: transparent;
}

#request476-wrap .request476-tabs [id=tab-content1]:before {
left:22px;
}

#request476-wrap .request476-tabs [id=tab-content2]:before {
left:195px;
}

#request476-wrap .request476-tabs [id=tab-content3]:before {
left:370px;
}

#request476-wrap .request476-tabs [id=tab-content4]:before {
right:30px;
}

#request476-wrap .request476-tabs [id^=tab-content]>.scroll-box {
padding-right:20px;
height:600px;
overflow:auto;
}

#request476-wrap .request476-tabs [id^=tab]:checked+label {
top:0;
}

#request476-wrap .request476-tabs [id^=tab]:checked~[id^=tab-content] {
display:block;
}

#request476-wrap #request476-quote {
position:relative;
top:15px;
padding:10px;
width:870px;
height:auto;
background:rgba(13,13,13,.8);
color:#9b9c98;
font-family:Fjalla One;
font-size:19px;
line-height:20px;
text-transform:uppercase;
text-align:justify;
text-indent:35px;
}

#request476-wrap #request476-quote:after,#request476-wrap #request476-quote:before {
color:rgba(120,89,89,.6);
font-family:trebuchet ms;
font-size:80px;
line-height:0;
text-shadow:1px 1px 0 rgba(0,0,0,.7);
}

#request476-wrap #request476-quote:before {
content:"„";
position:absolute;
z-index:99;
bottom:30px;
right:5px;
}

#request476-wrap #request476-quote:after {
content:"”";
position:absolute;
top:20px;
left:-33px;
}

#request476-wrap #request476-credit,#request476-wrap #request476-credit:after,#request476-wrap #request476-credit:hover,#request476-wrap #request476-credit:hover:after {
content:"\2666";
position:absolute;
bottom:-19px;
left:0;
display:block!important;
margin:0 auto 10px!important;
padding:0!important;
width:100%!important;
background-color:none!important;
background-image:none!important;
border:0!important;opacity:1!important;
color:rgba(10,10,10,.9)!important;
font-family:arial!important;
font-size:40px!important;
line-height:40px!important;
font-weight:400!important;
font-style:normal!important;
letter-spacing:0!important;
word-spacing:0!important;
text-transform:uppercase!important;
text-decoration:none!important;
text-shadow:none!important;
text-align:center!important;
}

#request476-wrap ::-webkit-scrollbar {
width:7px;
background-color:transparent;
}

#request476-wrap ::-webkit-scrollbar-thumb {
background:#090909;
}

#request476-wrap ::-webkit-scrollbar-corner {
background:#0e0e0e;
}

#request476-wrap ::-webkit-scrollbar-track {
background:#0e0e0e;
}

/*Bildrotation im Header*/
.inhaltbox_rotate {
  animation: rotation 12s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
}

to {
    transform: rotate(359deg);
}


}

.profile2-wr {
  margin: auto;
  width: 860px;
  background: #200c09;
  padding: 10px;
  box-sizing: border-box;
  color: #e7e7e7;
  font-family: "Verdana";
  font-size: 13px;
}

.profile2-wr_user {
  padding: 20px;
  background: #2c100c;
  margin-bottom: 5px;
}

.profile2-wr_username {
text-shadow:none;color: var(--bars2);content:"\00ab";font-family: Hind Siliguri;padding-right: 10px;padding-top:30px;padding-bottom:10px;
}

.profile2-wr_username:before {
text-shadow:none;color: var(--bars2);content:"\00ab";font-family: Hind Siliguri;padding-right: 10px;
}

.profile2-wr_username:after {
	width: 700px;
	color: var(--bars2);
	text-shadow: none;
	content: "\00bb";
	padding-left: 10px;
	
	font-family: Hind Siliguri;
}

.profile2-wr_username {
font-family: Anton;font-size: 40px;color: var(--font1);text-shadow: 2px 2px 0px var(--bars1);text-align: center;margin-top: 0px;
}

.profile2-wr_quote {
font-family:Asap;font-size: 8px;text-transform: uppercase;font-style: italic;color: var(--font1);line-height: 17px;letter-spacing: 5px;background-color: var(--bars1);width: 810px;float: left;font-weight: normal;text-align: center;
}

.profile2-wr_quote:before {
  content: "»";
  font-weight: bold;
}

.profile2-wr_flex {
  display: flex;
  justify-content: space-between;
}

.profile2-wr_left {
  background: #2c100c;
  margin-right: 5px;
}

.profile2-wr_avatar {
  margin-bottom: 10px;
}

.profile2-wr_icon {
  margin-bottom: 10px;
}

.profile2-wr_icon img {
 width: 100%; 
 height: auto;
}

.profile2-wr_nick {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.profile2-wr_away {
  background: #140408;
  margin: 5px;
  padding: 10px;
}

.profile2-wr_middle {
  width: 420px;
}

.profile2-wr_character {
  background: #2c100c;
  padding: 10px;
}

.profile2-wr_title {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
}

.profile2-wr_character-content {
  height: 250px;
  text-align: justify;
  overflow: auto;
  padding: 5px;
}

.profile2-wr_mod {
  background: #140408;
  padding: 5px;
  text-align: center;
  margin-bottom: 5px;
}

.profile2-wr_signature {
  text-align: center;
}

.profile2-wr_signature img{
width: 100%;
height: auto;
}

.profile2-wr_right {
  width: 300px;
  margin-left: 5px;
  background: #2c100c;
  padding: 10px;
}

.profile2-wr_description {
}

.profile2-wr_description-content {{$userfields['fid14']}
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 900px;
  margin-bottom: 10px;
  overflow: auto;
}

.profile2-wr_description-box {
  background: #140408;
  padding: 5px 10px;
}

.profile2-wr_stats {
}

.profile2-wr_stats-content {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 100px;
  margin-bottom: 10px;
  overflow: auto;
}

.profile2-wr_stats-box {
  background: #140408;
  padding: 5px 10px;
}
