#posts {
	display: flex;
    flex-direction: column;
    align-items: center;
}

.postbit {
  display: flex;
  flex-flow: row nowrap;
	width: 100%;
}

.postbit a {
  color: var(--headings-side);
  transition: 0.5s;
}

.postbit a:hover {
  color: var(--headings-header);
  transition: 0.5s;
}


.plinks {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: var(--box-postcont);
  color: var(--helltext);
}

.ptop {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  background: var(--box-postinfos);
  color: var(--headings-side);
  height: 100px;
  gap: 10px;
}

.ptop .thead {
  font-size: 30px;
}

.ptop .tcat {
  font-size: 20px;
  font-style: italic;
}

.pmid {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0px 60px;
  gap: 20px;
}

.pbuts {
  display: flex;
  flex-direction: row;
  gap: 20px;
  border-bottom: solid 1px var(--box-head);
  color: var(--dunkeltext);
  padding: 10px 0px;
}

.pbuts .tcat {
  flex: 1;
  font-size: 14px;
}

.pbuts .thead {
  font-size: 14px;
}

.ppost {
  padding-bottom: 60px;
  text-align: justify;
}

.pbot {
  background: var(--box-postcont);
  display: flex;
  flex-direction: column;
}

.psig {
  display: flex;
  justify-content: center;
  padding: 10px 0px;
}

.pbot .pbuts {
  background: var(--box-postcont);
  gap: 30px;
  border: none;
	padding: 10px;
}

.prechts {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  background: var(--box-postinfos);
	flex: 0;
}

.prechts .tcat {
  color: var(--headings-side);
	text-align: center;
}

.prechts .tcat a {
  color: var(--headings-side);
  transition: 0.5s;
  text-transform: uppercase;
}

.prechts .tcat a:hover {
  color: var(--headings-header);
  transition: 0.5s;
}

.prechts .pinfos {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.prechts .pinfo {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 5px;
  padding: 0px 20px;
}

.pinfo .tcat {
  font-style: italic;
	text-align: center;
}

.ersch .tcat::after {
	content: ""!important;
}

.pinfo .tcat::after {
  content: " \2014";
}

.pinfo .tbox {
	max-height: 100px;
	overflow: auto;
	padding: 0;
	text-align: justify;
}

.prechts .picon {
  height: 131px;
  width: 131px;
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
  flex-grow: 1;
}

.prechts .piconborder {
    justify-content: center;
    align-items: center;
    transform: rotate(45deg);
    padding: 10px;
    border: solid 1px var(--headings-side);
    flex: none;
    display: flex;
    margin-top: 20px;
    width: 70px;
    height: 70px;
}

.prechts .piconbild {
  width: 70px;
  height: 70px;
  overflow: hidden;
}

.prechts .piconbild img {
  height: 100px;
  transform: rotate(-45deg);
  margin: -22% -129%;
}

#showthread_threadfields {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.triggerfield {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 14px;
	color: var(--headings-body);
}

/*ALT*/

.notemoderator_note_normal {
    background: var(--box);
    margin-top: 20px;
    padding: 10px;
}

.postb_inh {
margin-left: 300px;
	text-align: justify;
	padding: 30px;
	padding-left: 0px;
line-height:185%;
}

.postb {
  background: var(--box);
  padding:10px;
    margin-top: 5px;
  color:var(--base);
  font-size:var(--sallg);
}

.bild{
  width:fit-content;
  height:fit-content;
}

.kurz {
  height: 180px;
  width: 250px;
  overflow:auto;
  text-align:justify;
  line-height:20px;
}

.oben{
  height:100px;
  margin-bottom: 0px;
}

.postb_rot{
  font-family:var(--fhead);
  color:var(--bunt);
  text-align:center;
  text-transform: var(--theading);
}

.spieler {
  font-size: var(--splayer);
  width:250px;
}

.name {
  font-size: var(--spostnam);
  text-align:left;
  margin-top: var(--margpostnam);
}

.name a{
  color: var(--bunt);
  text-transform: var(--theading);
	transition: 0.5s;
}

.name a:hover{
  color: var(--base);
	transition: 0.5s;
}

.fact {
  font-size:14px;
  margin-top: 30px;
  text-align:left;
}

.butt{
  color:var(--base);
  margin:10px;
  font-size: var(--spostbbutt);
}

.butt a{
  color:var(--bunt);
  text-decoration:none;
	transition: 0.5s;
}

.butt a:hover{
  color: var(--base);
	transition: 0.5s;
}

.ut {
    margin-top: -10px;
    margin-left: 30px;
	text-transform: lowercase;
}

.icon{
  float:right;
  height:100px;
  width:250px;
}

.pb_line {
height:1px;
background:#b3b7b7;
margin-top: 5px;
}

/*POSTBIT*/

.postbit_box {
margin-top:10px;
}

.postbit_signature {
padding: 10px;
margin-top: 10px;
}

.new_reply_but a {
color: var(--base);
}

.new_reply_but a:hover {
	color: var(--bunt);
}

.pb_date {
float: right;
margin-right: 15px;
}

.pb_p_but1 {
float:left;
margin-right: 30px;
}

.pb_p_but1:first-of-type {
margin-left: 30px;
}

.pb_post {
padding: 5px;
text-transform: var(--tsub);
font-size: 10px;
float: left;
margin-left: 6px;
width: 630px;
background:#edf4f5;
}

.pb_group {
float: left;
margin-right: 5px;
padding: 15px;
}

.postbit_write {
float: left;
padding: 30px;
width: 580px;
margin-left: 10px;
line-height: 170%;
text-align: justify;
font-size:var(--sallg);
}

/*TOOLTIP*/


.ptooltip {
  position: relative;
  display: inline-block;
}

.ptooltip .ptooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color:#838483;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
left:-40px;
  z-index: 1;
}

.ptooltip:hover .ptooltiptext {
  visibility: visible;
}

/*BOX LINKS*/

.pb_ue {
font-family: Playfair Display;
text-align: center;
font-size: 30px;
margin-bottom: 10px;
}

.pb_box {
float:left;
margin-left:10px;
				background:#edf4f5;
				padding:10px;
				width:250px;
				font-family: var(--fallg);
}

.pb_descr {
				font-size:12px;
				text-align:justify;
				line-height:170%;
				height:200px;
				overflow:auto;
				margin-top:20px;
}

.pb_fakt {
				margin: 10px auto;
}

.pbf {
				background:#7ea357;
				float:left;
				color:#edf4f5;
				font-size:12px;
				padding:10px;
				width:27.3px;
				text-align:center;
}

.pb_name {
				text-align:center;
				font-size:10px;
				padding-top:10px;
}

.pb_name i {
				color:var(--bunt);
}

.pb_icon {
				margin-top:10px;
}