.fs-cat-title {
	font-family: var(--sans-serif);
	font-size: 50px;
	text-align: center;
	letter-spacing:0.1em;
	margin: 70px 0px 30px 0px;
	color: #ccc;
	text-transform:uppercase;
	font-weight:200;
}

.fs-cat-title a{
	color: var(--bright);
}

.fs-subforums-flex {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	width:100%;
}

/*Beginn Unterforen */
.forenbox{
  height: 300px;
  width: 40%;
  display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
  margin:10px;
	background-color:#000;
}

/*  if every 3rd, start from 1st, also being last  */
.forenbox:nth-child(2n+1):last-child {
          
  width: 87.2%;
}

/*  if every 3rd, start from 1st, also being last  */
.forenbox:nth-child(2n+1):last-child .fs-title{
  width: 100%;
  height: 50px;
  text-align:center;
  font-size:30px;
  background: #000;
	font-family: var(--sans-serif);
	letter-spacing: 0.2em;
	text-transform: lowercase;
}

.fs-title{
  width: 100%;
  height: 50px;
  text-align:center;
  font-size:30px;
  background:#000;
	font-family: var(--sans-serif);
	letter-spacing: 0.2em;
	text-transform: lowercase;
	font-weight:200;
	display: flex;
  justify-content: space-evenly;
  align-items:center;
}

.fs-subforums{
	height:50px;
}

.fs-options {	
	width: 100%;
  text-align: right;
  padding: 10px;
}

.fb-fs-title{
width: 100%;
	content:"";
	position: relative;
	white-space: nowrap;

  margin:0 10px;
}

.fb-fs-title-left {
	width:100%;
  height:1px;
  background:var(--bright);
background: linear-gradient(90deg, rgba(60,79,101,1) 0%, rgba(230,245,255,1) 100%); 
}

.fb-fs-title-right {
	width:100%;
  height:1px;
  background:var(--bright);
background: linear-gradient(90deg, rgba(230,245,255,1) 0%, rgba(60,79,101,1) 100%); 
}

.fs-title a{
	color: var(--bright);
}

.fs-desc{
  height: 100px;
  width: 100%;
  padding: 5px;
  overflow: auto;
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.1em;
  line-height: 1.5em;
  color: var(--bright);
  background: #000;
}

.fs-desc a{
	font-family: var(--mainfont);
font-style: normal;
font-size: 13px;
}

.fs-info{
  height: 100px;
  width:100%;
  padding: 5px;
  background:#000;
}

.fb-po-th {
  float: left;
  min-width: 90px;
  min-height: 90px;
  text-align: center;
  display: table;
	color: var(--bright);
	font: italic 300 14px var(--serif);
}

.fs-last {
  display: table;
  width: 340px;
  height: 90px;
  padding-left: 5px;
	float: left;
}

.tablecell {
  display: table-cell;
  vertical-align: middle;
}

.threadlistbox {
  width: 100%;
  display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
  margin:10px;
}

.tl-info{
  width:100%;
  padding: 5px;
  border: 1px solid var(--dark);
  border-top: none;
  background:#000;
}

.tl-last {
	display: table;
  width: 100%;
  padding: 5px;
}

.threadpost{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.tp-onoff {
	width:10%;
}

.tp-color {
  width: 50px;
  min-height: 50px;
}

.tp-subject{
	width:56%;
}

.tp-replies {
	width:20%;
}

.tp-lastpost {
	width:10%;
}

/*INDEX FOOTER*/

.indexstatsbox {
  aspect-ratio : 1 / 1;
  width: 87.2%;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 10% 25% 25% 25%;
  gap: 10px 10px;
  grid-auto-flow: row;
  color: white;
  margin: 10px auto;
}

.is_welcome {
  grid-column: 1 / 5;
grid-row: 1 / 2;
background-color: black;
  position: relative;
	text-align:center;
}

.foot-head {
font-family: var(--sans-serif);
	font-size:20px;
	text-decoration: none;
	border: none;
	font-weight: 200;
}

.welcome-name {
	font-size: 25px;
  font-family: var(--serif);
  font-style: italic;
  text-transform: lowercase;
}

.is_stat { grid-column: 1 / 3;
grid-row: 3 / 4;
bordeer: 0px;
background-image: radial-gradient(circle at 106% -9%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 0, black 50px);
	font-family:var(--mainfont);
}

.is-statsbox {
	width:45%;
}

.statbox-content {
	height: 100px;
}

.statbox-box {
  color: white;
  width:310px;
  height:135px;
  display: grid;
	grid-template-rows: 25px 50px 50px 50px;
	grid-template-columns: 100px 100px 100px;
  grid-gap: 5px;
}

.statbox-box .statbox-earth,
.statbox-box .statbox-contiplate,
.statbox-box .statbox-dystopie,
.statbox-box .statbox-space,
.statbox-box .statbox-fandom,
.statbox-box .statbox-bewerber,
.statbox-box .statbox-duf,
.statbox-box .statbox-fanoc,
.statbox-box .statbox-oc {
  border: 1px solid var(--blue);
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
	text-transform:uppercase;
	font-size: 11px;
  font-family: var(--sans-serif);
}

.statbox-chara {
  grid-column: 1 / 4;
  grid-row: 1 / 2;
}

.statbox-earth {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
	color: var(--asparagus);
}

.statbox-contiplate {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
	color: var(--brown-sugar);
}

.statbox-dystopie {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
	color: var(--verdigris);
}

.statbox-space {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
	color: var(--violet-blue);
}

.statbox-duf {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
	color: var(--cadet-gray);
}

.statbox-fandom {
  grid-column: 3 / 4;
  grid-row: 3 / 4;
	color: var(--african-violet);
}

.statbox-fanoc {
  grid-column: 1 / 2;
  grid-row: 4 / 5;
	color: var(--mountbatten-pink);
}

.statbox-oc {
  grid-column: 2 / 3;
  grid-row: 4 / 5;
	color: var(--ecru);
}

.statbox-bewerber {
  grid-column: 3 / 4;
  grid-row: 4 / 5;
}

.is_online { grid-column: 1 / 3;
grid-row: 2 / 3;
border-radius: 0px;
  background-image: radial-gradient(circle at 106% 111%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 0, black 50px);
}

.is_wwd { grid-column: 3 / 5;
grid-row: 2 / 3;
border-radius: 0px;
  background-image: radial-gradient(circle at -6% 110%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 0, black 50px);
}

.box_right {
  width: 45%;
  margin-right: 10px;
  margin-left: auto;
}

.is_quote { 
  grid-column: 2 / 4;
grid-row: 2 / 4;
background-color: black;
  background-image: url(../../../images/infinite_space/planet1.png);
  background-position: center center;
border-radius: 50%;
padding:10px;
  display: flex; 
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 10px 0px 15px -5px rgba(230,245,255,1);
-moz-box-shadow: 10px 0px 15px -5px rgba(230,245,255,1);
box-shadow: 10px 0px 15px -5px rgba(230,245,255,1);
}

.is_away { grid-column: 3 / 5;
grid-row: 3 / 4;
bordeer: 0px;
background-image: radial-gradient(circle at -6% -6%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 0, black 50px);}

.is_recentthreads { grid-column: 1 / 5;
grid-row: 4 / 5;
background-color: black; 
display:flex;
flex-wrap: wrap;
justify-content: space-evenly;

counter-reset: section;
}

.is-recentthread-thread{
	width: 25%;
}

.is-recentthread-thread::before {
  counter-increment: section;
  content: "00" counter(section);
  font: italic 300 14px var(--serif);
  color: var(--bright);
 
  line-height: 100%;
  letter-spacing: 2px;
  display: block;
}