/* Abwesend*/
.alter{
    border: 1px solid rgba(143, 143, 143, 0.45);
    text-rendering: auto;
    background-color:  rgba(0, 0, 0, 0.5);	
    overflow: auto;
}
.alter strong{
   color:#b33414;
   font-size:11px;	
   background-color: #fff;	
   padding:2px;
}
.alter span, .alter em{
  color:#C3C1BF;
}
.alter i{
  color:#C3C1BF;
   font-size:22px;		
   float:left;
   text-shadow: -1px -1px 0 #A9B8BF, 1px -1px 0 #A9B8BF, -1px 1px 0 #A9B8BF, 1px 1px 0 #A9B8BF;
   padding-right:5px;
}
/*Info Hover*/
.tooltip {
    text-shadow: -1px -1px 0 #A9B8BF, 1px -1px 0 #A9B8BF, -1px 1px 0 #A9B8BF, 1px 1px 0 #A9B8BF;
    color: #C3C1BF;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    /* background-image: linear-gradient(120deg, #373537 40%, #43383c 40%); */
    /* background-color: #3E4942; */
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-top: 15px;
    margin-left: 15px;
}
.tooltip i{
 color:#291f20;
  font-size:35px;
  padding:5px 5px 5px;
}
.tooltip .tooltiptext {
  text-shadow:none;
  visibility: hidden;
  width: 250px;
  background-color: #2f1b1c;
  color: #C6C4C2;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 120%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #2f1b1c  transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
/*Charaktertext*/
.jimmynini {
    text-shadow: -1px -1px 0 #424242, 1px -1px 0 #424242, -1px 1px 0 #424242, 1px 1px 0 #424242;
    color: #F8F8F8;
    width: 433px;
    background-repeat: no-repeat;
    background-image: linear-gradient( 
120deg
 , #171617 40%, #2d3134 40%);
    background-color: #C3C4C2;
    text-align: right;
    height: 35px;
    font: 300 11px/35px Comfortaa;
    padding-right: 10px;
    letter-spacing: 0.5px;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);
    font-family: oswald;
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 10px;
    font-family: calibri;
    color: #ececec;
    text-shadow: 1px 1px 2px black;
    text-align: center;
    background: linear-gradient( 
90deg
 , rgb(30 45 54) 0%, rgb(43 99 95) 100%);
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    padding: -1px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #adadad;
    font-family: Six Caps;
    font-size: 35px;
    font-style: normal;
}
.jimmynini i{
 color:#F8F8F8;
  height:35px;
  line-height:35px;
  font-size:16px;
  float:left;
  vertical-align:middle;
  padding-left:10px;
}
.boo{
    color: #C3C1BF;
      
}
/*Bild Ava*/
.jumini img{
  float: left;
  padding-right:1px;
}
/*Signatur
.sigfried img{
	width: 490px;
	height:240px;
}*/
/*Icon*/
.lennert img{
	width:180px;
	height:auto;
	float:right;
	padding-left:10px;
-webkit-filter: contrast(110%) brightness(110%) sepia(30%) grayscale(100%);
filter: contrast(110%) brightness(110%) sepia(30%) grayscale(100%);
}
/*Felder Steckbrief*/
.pp_userprofile { 
    color: #C3C1BF;
    background-color: #373537;
    border: 1px solid #2c3237;
    overflow: auto;
    height: 300px;
    background: url(https://butterfliesofhope.de/porthaven/images/pat.png) repeat fixed 0 0 #151516;

}
.pp_upinfos {
	white-space: nowrap; 
	overflow: hidden;
	margin-left: 20px;   
	margin-right: 20px;   
}
.pp_upinfo {  
	text-overflow: ellipsis;  
	background: transparent;  
	font-family: playfair display sc; 
	text-transform: uppercase;  
	font-size: 10px;  
	letter-spacing: 1px; 
    text-align: left; 
	margin-bottom: 9px;
    height: 20px;
	color:#C3C1BF;
}
#pp_infotitle {
    width: 100%;
    color: #A6C1AE!important;
    border-top: 1px dotted #4B5950;
    text-align: right;
    font-family: roboto;
    font-size: 8px;
    letter-spacing: 3px;
    padding-right: 30px;
    margin: 2px 0px;
}
/*-- Beginn des Profils --*/
.tinkabelll{
background: #272C26;
    padding: 5px;
    width: 938px;
    background: url(https://butterfliesofhope.de/porthaven/images/pat.png) repeat fixed 0 0 #181819;

}
/*Felder oben auf*/
#bibiblock{
  text-align: center;	
  width:938px;
  height:35px;
  padding:5px;
}
.stormi{
   color:#aeaeae;
   width:87.5px;
   background-repeat: no-repeat;
   background-color: #C3C4C2;
   margin-bottom:5px;
   margin-right:1px;
   margin-left:2px;
   text-align:right;
   height:35px;
   font: 300 11px/35px Comfortaa;
   padding-right:10px;
   float:left;
   letter-spacing: 0.5px;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
   font-family: oswald;
   font-size: 10px;
   background: linear-gradient( 
360deg , rgb(33 35 34) 0%, rgb(39 45 45) 100%);
   background-image: linear-gradient( 
359deg,#475663,#475663);
}
.stormiii{
   text-shadow: -1px -1px 0 #424242, 1px -1px 0 #424242, -1px 1px 0 #424242, 1px 1px 0 #424242;
   color:#aeaeae;
   width:199.5px;
   background-repeat: no-repeat;
   background-image: linear-gradient(120deg, #171617 40%, #2d3134 40%);
   background-color: #C3C4C2;
   margin-bottom:5px;
   margin-right:1px;
   margin-left:1px;
   text-align:right;
   height:35px;
   font: 300 11px/35px Comfortaa;
   padding-right:10px;
   float:left;
   background-image: linear-gradient(
135deg
, #295e5d 40%, #192c2d 40%);
   letter-spacing: 0.5px;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
   font-family: oswald;
   font-size: 10px;
   width: 153px;
   background: linear-gradient( 
360deg , rgb(33 35 34) 0%, rgb(39 45 45) 100%);
   background-image: linear-gradient( 
359deg,#475663,#475663);
}
.stormi i, .stormiii i  {
  color:#aeaeae;
  font-size:20px;
  height:35px;
  line-height:35px;
  font-size:16px;
  float:left;
  vertical-align:middle;
  padding-left:10px;
}

		/*Tab*/
.tabs {display: flex;flex-wrap: wrap;}
.tabs label {
    order: 1;
    display: block;
    font-weight: bold;
    font-size: 14px;
    color: #363535;
    padding: 1rem 2rem;
    margin-right: 0.2rem;
    cursor: pointer;
    font-weight: bold;
    transition: background ease 0.2s;
    background: #a48e76;
    background-image: linear-gradient( 
179deg,#ab8870,#4a383d);
    color: var(--contrast2);
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient( 
-90deg,#4a383d,#837f7b,#935f4f);
    color: transparent;
    font-family: arial black;
    font-size: 11px;
    font-weight: 800;
    padding: 2px;
    background: #030202 !important;
    color: #b0b0b2;
    float: left;
    font-family: 'Bodoni Moda';
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 3px;
    margin: -23px -5px 6px 5px;
    padding: 3px;
    text-transform: uppercase;
    /* background: #978d7d; */
    width: 135px;
    outline: 5px solid #34120d2e;
    padding-top: 13px;
    height: 19px;
}
.tabs .tab {
	order: 99;
	flex-grow: 1;
	width: 98%;
	display: none;
	/*padding: 1rem;*/
	background: #040101;
	/* color: #000000; */
	min-height:400px;
}
.tabs input[type="radio"] {	display: none;}
.tabs input[type="radio"]:checked + label {background-color: #1c1c1c;}
.tabs input[type="radio"]:checked + label + .tab {display: block;}
@media (max-width: 45em) { .tabs .tab, .tabs label {order: initial;}.tabs label {width: 100%;margin-right: 0;margin-top: 0.2rem;}}

.linksprofil{
	background:#0e0d10;
	text-align: center;
}
.linksprofil img{	
/*  -webkit-filter: contrast(110%) brightness(110%) sepia(44%) grayscale(73%);
  filter: contrast(110%) brightness(110%) sepia(44%) grayscale(73%);*/
}
/*Felder links und rechts*/
.flora1{
	text-transform: uppercase; 
	font-size: 12px;
	display:inline-block; 
	vertical-align:top;
	margin:2px 0;
	width:20%; 
	padding:10px 0;
	text-align: center;
	min-height:20px;
	background:#6F767D;
	color:#aeaeae;
	border: 1px solid;
    border-color: #6F767D;
}
.fauna2{
	font-size: 12px;
	background:#D3D0CB;
	color:#313C51;
	border: 1px solid;
    border-color: #D3D0CB;
	text-align: center;
	min-height:20px;
	display:inline-block;
	vertical-align:top;
	margin:2px 0;
	width:69%; 
	padding:10px 0;
}
.flora1 div:nth-of-type(odd), .fauna2 div:nth-of-type(odd){margin-right:1%;}

/* Trennung im Streckbief Ãœberschrift*/
.flora5{
	vertical-align:top; 
	margin:2px 0;
	padding:5px 0;
	text-align: center;
	background: #56838B;
	font-size:18px;
	color:#EFEFEF;
}
/*großes Feld wo man schreiben kann Geschichte und so*/
.fauna3{
	font-size: 12px;
	vertical-align:top; 
	margin:2px 0; 
	padding:1px 0;
    overflow: auto;
	width: auto;
	height:80px; 
	padding: 4px 5px 5px; 
	text-align: justify;
  	background:#D3D0CB;
	color:#313C51;
	border: 1px solid;
    border-color: #D3D0CB;
}
/* Ãœberschrift im Steckbreif im Profil*/
.nana{
	background: #A19C96 url(https://i77.servimg.com/u/f77/19/92/21/83/1312.jpg) bottom left repeat-x;
    color: #273D52;
	padding:10px 0;
    text-align: center;
	font-size:26px;
	font-family: 'Amatic SC', cursive;
	}
.flora3{ 
	background:#6F767D;
	color:#aeaeae;
	border: 1px solid;
    border-color: #6F767D;
	padding:5px 0;
	text-transform: uppercase; 
	font-size: 12px;
}
/* ÃœErscheint wenn sich ein User abmeldet */
.abwesend{
	text-align: center;
	font-size: 18px;
	background:#C8C0B6;
	color:#263C51;
}
.abwesend strong{	
	font-family: 'Amatic SC', cursive;
	letter-spacing: 3px;
	font-size: 25px;
}
.spob{	
    letter-spacing: 1px;
	font-size: 10px;
}
/* Ãœberschrift*/
.samy{   
	text-align: center;
    font-size: 25px;
    line-height: 18px;
    text-transform: uppercase;
    text-shadow: 5px 5px 5px black;
    /*font-family: abril fatface;*/
    letter-spacing: 1px;
    padding: 5px;
    color: #d1c09f;
}

/**/
.checka1{
	text-transform: uppercase; 
	font-size: 12px;
	text-align: center;
	background:#6F767D;
	color:#aeaeae;
	border: 1px solid;
    border-color: #6F767D;
}
.checka2{
	font-size: 12px;
	background:#D3D0CB;
	color:#aeaeae;
	border: 1px solid;
    border-color: #D3D0CB;
	text-align: center;
}
		
		.texten{
    max-height: 210px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 10px;
   background-color: rgb(13 27 32);
    color: #aeaeae !important;
		}

	.textpro{
    max-height: 210px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 10px;
    background: #242427;
    color: #aeaeae !important;
		}
		.boxenprofil {
    width: 250px!important;
    margin-bottom: 0px;
}

.inhaltboxen {
    margin-top: -10px;
    margin-top: -32px;
    margin-left: auto;
    /* margin-right: -17px; */
margin-bottom: 29px;
    /* width: 518px; */
    height: 221px;
    overflow: auto;
    padding: 14px;
    padding-top: 12px!important;
    width: 367px;
font-size: 7pt;
    text-align: justify;
    background: #877e70;
}
		
		
		.schnuck {
    background: #f5f5f5;
    border: 1px solid;
    border-color: #fff #ddd #ddd #fff;
}
		
		.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}