/* Postbit-Buttons
--------------------------------------------- */
#postbit-info {
 	box-sizing: border-box; 
	background: none;
}

#postbit-buttons {
	display: inline-flex;
}

.postbit-button {
	box-sizing: border-box; 
	margin-right: 10px; 
	margin-bottom: 5px;
	height: 30px; 
    width: 30px;	
	background: url(../../../images/plotbunny/shader.png); 
	text-align: center; 
	color: var(--navigation);
	text-transform: uppercase;
	padding: 8px 5px 5px 5px;
	border-radius: 50%;
	font-size: 10px; 
	border: 1px solid var(--border);
}

.postbit-button i {
 	font-size: 14px !important; 
	display: block !important; 
	color: var(--navigation) !important; 
	margin-bottom: 2px !important;
}

/* Spanhover und Postbit
--------------------------------------------- */
a.tooltip {
  position: relative;
  text-decoration: none; 
border: none;
}

a.tooltip span {
  display: none;
}

a.tooltip:hover span {
  position: absolute;
  display: flex;
  top: -20px;
  left: -90px;
  border: 1px solid var(--border);
  background-color: var(--background3);
  z-index: 999;
  width: 170px;
  color: var(--text);
	padding: 10px;
}

/* Postbit Infos
--------------------------------------------- */

.postbitname {
  padding: 5px;
  background: url(../../../images/plotbunny/shader.png);
  border: 1px solid var(--border);
  border-radius: 10px;
	height: 102px;
	clear: both;
	margin-top: 10px;
}

.likebar {
	background: url(../../../images/plotbunny/shader.png);
  border: 1px solid var(--border);
  padding: 5px;
  border-radius: 5px;
	font-size: 12px;
  font-variant: small-caps;
}

.picons {
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  width: 100px;
  height: 100px;
  display: table-cell;
}	

.pname {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  font-size: 36px;
	  font-family: 'Bangers';
}

.postbitmotto {
  width: 325px;
  padding-right: 20px;
	padding-left: 20px;
  text-align: justify;
  height: 100px;
  display: table-cell;
  vertical-align: middle;
	font-size: 12px;
  font-variant: small-caps;
}

.postbitfeld {
  border: 1px solid var(--border);
   background: url(../../../images/plotbunny/shader.png);
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.threadtitel {
font-size: 24px;
  color: var(--text);
  border-bottom: 1px solid var(--text);
}

.topictitel {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

/* Broker Bereich
--------------------------------------------- */

.spoiler-block {
    margin: 0;
    background: inherit;
    padding: 0px;
    border-spacing: 0px;
    text-indent: 0;
}

.spoiler-header {
    display: block;
    font-weight: normal;
    color: var(--text);
    font-size: 13px;
    text-indent: 0;
}

.spoiler-form-button {
color: var(--text);
font-size: 13px;
background: url(../../../images/plotbunny/shader.png);
border: 1px solid var(--border);
  padding: 5px;
  border-radius: 5px;
	font-variant: small-caps;
}

.spoiler-body {
    overflow: auto;
    display: block;
}

.broker {
	background: url(../../../images/plotbunny/shader.png);
  border: 1px solid var(--border);
  padding: 8px 8px 0 8px;
  border-radius: 8px;
}

.brokerrow {
  background: var(--background4);
  border: 1px solid var(--border);
}

.brokerfeld {
  text-align: center;
  font-variant: small-caps;
	padding: 5px;
}

.brokerfeldname {
  text-transform: uppercase;
  display: block;
  border-bottom: 1px solid var(--border);
  font-weight: bold;
  font-size: 13px;
}

/* Inplay
--------------------------------------------- */
.rate0 { 
	color: green; 
	font-weight:bold;
}

.rate1 { 
	color: green; 
	font-weight:bold;
}

.rate2 { 
	color: orange; 
	font-weight:bold;
}

.rate3 { 
	color: red;
 font-weight:bold;
}

.rateNein { 
	color: var(--text); 
}

.rateJa { 
	color: red;
 font-weight:bold;
}

/* Mitgliederliste
--------------------------------------------- */
.mitglied {
  float: left;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 7px;
  margin-top: 7px;
  width: 225px;
  padding: 5px;
  background: url(../../../images/plotbunny/shader.png);
  border: 1px solid var(--border);
}

.mname {
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  padding: 5px;
}

.mtitel {
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  padding: 5px 5px 0 5px;
}

.teamfeld {
  text-align: justify;
  font-variant: small-caps;
	padding: 5px 0 5px 5px;
	height: 170px;
  overflow: auto;
}

/* Regeln
--------------------------------------------- */

.rulecontent {
  background: url(../../../images/plotbunny/shader.png);
  border: 1px solid var(--border);
  padding: 20px;
}

.ruletoptitel {
  font-size: 36px;
  color: var(--link);
  text-align: center;
  font-family: 'Rubik';
}

.ruletitel {
  font-size: 16px;
  font-weight: bold;
background: var(--background2);
  padding: 8px;	
}

.rulekat {
  font-size: 35px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

.rulerow {
  background: var(--background4);
  border: 1px solid var(--border);
}