.inplaythema {
border: 1px solid var(--border);
}

.mc_box_boardinfos {
text-align: justify;
font-size: 12px;
}

.mc_item_boardinfos {
	padding-right: 12px;
}

.mc_box_news {
text-align: justify;
font-size: 12px;
}

.mc_item_news {
	padding-right: 12px;
	margin-bottom: 10px;
}


.katouter2 {
	background: var(--background);
	padding: 12px;
	margin-bottom: 15px;
	border-radius: 15px;
	box-shadow: 2px 2px 10px var(--text);
}

.katinner {
border: 1px solid var(--border);
  background: var(--akzent1);
}

.katinner2 {
border: 1px solid var(--border);
  background: var(--akzent1);
	padding: 8px;
}

.news_date {
	font-weight: bold;
}

.indexforum2 {
  background: var(--background);
  margin-bottom: 10px;
  border: 1px solid var(--border);
}

table.forumh3 ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

table.forumh3 ul li {
  list-style: none;
  width: 358px;
  margin-bottom: 10px;
  float: left;
}

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

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

/* Topictitel
--------------------------------------------- */
.topictitel {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Rubik';
}

a.topictitel:link {
	color: var(--link);
	text-decoration: none;
}

a.topictitel:visited {
	color: var(--link);
	text-decoration: none;
}

a.topictitel:hover,
a.topictitel:active {
	color: var(--hover);
	text-decoration: none;
}

/* Postbit - Gruppenfarben
--------------------------------------------- */
.bewerber {
font-style: italic;
}

.team {
}

.member {
}

.g1 {
background: #d2d2d2;
  color: #333;
}

.g2 {
background: #d2d2d2;
  color: #333;
}

.g3 {
background: #ee0a35cc;
  color: var(--text2);
}

.g4 {
background: #ee0a35cc;
  color: var(--text2);
}

.g6 {
background: #ee0a35cc;
  color: var(--text2);
}

.g8 {
background: #6c6c6c;
  color: var(--text2);
}

.g9 {
background: #ff6204c7;
  color: var(--text2);
}

.g10 {
background: #ffa904c7;
  color: #3f3f3f;
}

.g11 {
background: #0ec254c7;
  color: #3f3f3f;
}

.g12 {
background: #823be9c7;
  color: var(--text2);
}

.g13 {
background: #23c9d2c9;
  color: #1e1e1e;
}

.g14 {
background: #3783d4c9;
  color: #1e1e1e;
}

.g15 {
background: #e95aabc7;
  color: #1e1e1e;
}

.g16 {
background: #c700ffdb;
  color: var(--text2);
}

.g17 {
background: #d60082c7;
  color: var(--text2);
}

.g18 {
background: #4cc00bdb;
  color: #343434;
}

.frei {
font-weight: bold;
  color: #1e8b00;
  font-size: 14px;
  letter-spacing: 1px;
}	

.half {
font-weight: bold;
  color: #a01591;
  font-size: 14px;
  letter-spacing: 1px;
}

.reserviert {
font-weight: bold;
  color: #8b0000;
  font-size: 14px;
  letter-spacing: 1px;
}


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

.postbitusericon img {
padding: 5px;
  border: 0px solid var(--border);
  background: var(--gradient2);
  margin: auto auto;
}

.postbitplayer {
	text-align:center;
}

.tborder3 {
  background: none;
  width: 100%;
  margin: auto auto;
}

.postbitname {
  display: grid;
  grid-template-columns: 10% 50% 40%;
  grid-template-rows: 100%;
  border: 1px solid var(--border);
  overflow: hidden;
  height: auto;
  aspect-ratio: 11 / 1;
}

.postbitname_left {
  width: 63%;
  background: var(--akzent1);
  clip-path: polygon(-0.35% 0%, -0.35% 100%, 93.5% 100%, 87% 50%, 93.5% 0.00%);
  height: -webkit-fill-available;
  align-content: center;
  grid-column: 2 / span 2;
  grid-row: 1 / span 1;
}

.pname {
  font-family: 'Bangers';
  font-size: 28px;
}

.postbitmotto {
font-size: 12px;
  width: 87%;
  position: relative;
  overflow: hidden;
  grid-column: 3 / span 1;
  grid-row: 1 / span 1;
  margin-left: auto;
  margin-right: 15px;
	align-content: center;
	text-align: justify;
  font-size: 12px;
  font-variant: small-caps;
}

.postbit_circle {
  width: 100%;
  align-content: center;
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
	background: var(--akzent1);
}

.postbit_round {
  margin: auto;
  height: 90px;
  width: 90px;
  border: 1px solid var(--border);
  background: var(--background);
  border-radius: 50%;
}

.postbit_round img {
  height: 80px;
  width: 80px;
  text-align: center;
  position: relative;
  top: 5px;
  left: 5px;
  border-radius: 50%;
}

.threadtitel {
  font-family: 'Bangers';
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

#s3-buttons {
  width: 100%;
  margin: auto;
	margin-bottom: 8px;
}

.s3-button {
  box-sizing: border-box;
  float: left;
  margin: 5px;
  width: 30%;
  height: 75px;
  background: #eee;
  text-align: center;
  color: var(--text);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Calibri', sans-serif;
  font-size: 10px;
  padding: 10px;
    padding-top: 10px;
  padding-top: 17px;
  font-weight: bold;
  border-radius: 3px;
}

.s3-button i {
  font-size: 25px !important;
  color: #555 !important;
  margin-bottom: 5px !important;
}

/* Memberlist
--------------------------------------------- */

.memberlistname {
  display: grid;
  grid-template-columns: 60% 40%;
  grid-template-rows: 100%;
  border: 1px solid var(--border);
  overflow: hidden;
  height: auto;
  aspect-ratio: 14 / 1;
	margin-bottom: 5px;
}

.memberlistname_left {
  width: 67%;
  background: var(--akzent1);
  clip-path: polygon(-0.35% 0%, -0.35% 100%, 93.5% 100%, 87% 50%, 93.5% 0.00%);
  height: -webkit-fill-available;
  align-content: center;
  grid-column: 1 / span 2;
  grid-row: 1 / span 1;
}

.mname {
  font-family: 'Bangers';
  font-size: 28px;
  margin-left: 15px;
}

.memberlistmotto {
  width: 87%;
  position: relative;
  overflow: hidden;
  grid-column: 2 / span 1;
  grid-row: 1 / span 1;
  margin-left: auto;
  margin-right: 15px;
  align-content: center;
  text-align: justify;
font-size: 10px;
  font-variant: small-caps;
  font-family: Verdana;
  line-height: 13px;
}

.mitglied {
  margin-bottom: 15px;
}

.mavatar {
  border: 1px solid var(--border);
  width: 218px;
}

.mstat {
  text-align: center;
  font-size: 12px;
  margin-bottom: 5px;
  background: var(--akzent1);
  border: 1px solid var(--border);
  text-transform: uppercase;
}

.minfo {
  text-align: justify;
  font-size: 13px;
  padding: 5px 0px 5px 5px;
  height: 190px;
  overflow: auto;
  font-variant: small-caps;
}

/* User CP
--------------------------------------------- */
.profil_mem {
background: var(--akzent3);
  border: 1px solid var(--border);
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
	color: var(--text2);
}

.proflinks {
list-style-type: none;
  margin: 0;
	padding: 0;
}

.proflinks li {
list-style-type: none;
  margin: 0;	
	background: var(--background);
	border: 1px solid var(--border);
	padding: 2px 0 0 8px;
  margin-bottom: 2px;
  font-size: 12px;
	font-variant: small-caps;
}

.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: var(--background);
border: 1px solid var(--border);
  padding: 5px;
	font-variant: small-caps;
}

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

/* Gossip und Chat
--------------------------------------------- */
.post.classic .post_content_chat {
  padding: 0px 20px;
}

.chatava img {
  height: 100px;
  width: 100px;
  text-align: center;
  position: relative;
  top: 5px;
  left: 5px;
  border-radius: 50%;
}

.chatava2 img {
  height: 100px;
  width: 100px;
  text-align: center;
  position: relative;
  top: 5px;
  left: 5px;
  border-radius: 50%;
}

.chatava {
  height: 120px;
  width: 120px;
  margin: auto;
}

.chatava2 {
  height: 105px;
  width: 100px;
  margin: auto;
}

.chatava_round {
  margin: auto;
  height: 110px;
  width: 110px;
  border: 0px solid var(--border);
  border-radius: 50%;
}

.chatname {
font-size: 14px;
font-variant: small-caps;
text-align: center;
	font-weight: bold;
}

.chatbubble {
background: var(--akzent1);
border-radius: 5px 20px 20px 20px;
padding: 10px 15px 10px 15px;
margin: 30px 15px 15px 15px;
width: 750px;
display: flow-root;
}

.chatmessage {
	margin-bottom: 15px;
}

.chat_postbit-buttons {
	display: inline-flex;
}

.postbit-button_chat {
  box-sizing: border-box;
margin-right: 2px;
margin-bottom: 5px;	
  height: 30px;
  width: 30px;
  background: var(--background);
  text-align: center;
  color: var(--text);
  text-transform: uppercase;
  padding: 8px 5px 5px 5px;
  border-radius: 50%;
  font-size: 10px;
  border: 1px solid var(--border);
}

.post_body_chat {
  font-size: 13px;
}

.herald {
  width: 307px;
  margin-bottom: 15px;
  border: 4px double var(--border);
  background: var(--akzent1);
  height: 135px;
  padding: 5px 15px;
}

.heraldrow1 {
  text-align: center;
  padding: 5px;
}

.heraldtab {
  width: 100%;
  margin: auto auto;
}

.heraldrow2 {
  background: none;
  border: 0px solid var(--border);
  text-align: justify;
  font-variant: small-caps;
  padding: 5px;
	color: var(--text);
}

.herald2 {
background: var(--akzent4);
border: 1px solid var(--border);
padding: 25px;
width: 650px;
margin: auto;
margin-bottom: 15px;
}

.heraldrow3 {
background: var(--akzent3);
padding: 10px;
border: 1px solid var(--border);
}

.heraldtab2 {
  width: 100%;
  margin: auto auto;
background: var(--akzent1);
}

.heraldtitel {
margin-bottom: 10px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
}

.heraldbitname {
background: var(--akzent3);
  padding: 10px;
  border: 1px solid var(--border);
}

.heraldname {
  font-size: 30px;
  text-align: center;
}

.post.classic_chat {
padding: 5px;
  background: none;
  border: 0px solid var(--akzent1);	
}

#gossip_outer {
width: 700px;
margin: auto;
}

.gossip_header {
  position: relative;
  margin: auto;
  z-index: 1;
  width: 700px;
}

.gossip_header_inner {
  height: 150px;
  border: 2px solid var(--border);
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  overflow: hidden;
}

.gossip_author {
position: absolute;
  z-index: 2;
  width: 150px;
  left: 30px;
  top: 105px;
}

.gossip_ava {
  height: 120px;
  width: 120px;
}

.gossip_ava_round {
  margin: auto;
  height: 110px;
  width: 110px;
  border: 2px solid var(--border);
  background: var(--akzent1);
  border-radius: 50%;
}

.gossip_ava img {
height: 100px;
  width: 100px;
  text-align: center;
  position: relative;
  top: 5px;
  left: 5px;
  border-radius: 50%;
}

.gossip_content {
border: 2px solid var(--border);
  margin-top: 8px;
  padding: 10px;
border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;  
}

.gossip_title {
font-size: 18px;
text-transform: uppercase;
margin-left: 140px;
	font-weight: bold;
}

.gossip_report {
text-align: justify;
margin-top: 25px;
margin-bottom: 15px;
}