/*******************DINO_FOOTER****************************/
@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);



.foot_container {
  width: 1045px;
  margin: auto;
  background-color: var(--hell);
	border:5px solid var(--hell);
  padding: 20px;
  color: var(--mittel);
  font-family: var(--fmittel);
}

.foot_oben {
  padding: 20px;
  display: flex;
  justify-content: space-around;
}

.foot_unten {
  padding: 20px;
  display: flex;
}


.foot_heading {
  font-family: var(--foot-font2);
  font-size: 30px;
  text-align: center;
}


.foot_box {
  border: 1px solid;
  border-color: var(--mittel);
	 background-color: var(--dunkel);
  padding: 20px;
  width: 33%;
}

.foot_box2 {
  border: 1px solid;
  border-color: var(--mittel);
	 background-color: var(--dunkel);
  padding: 20px;
  width: 33%;
}

.foot_ambria {
  color: var(--mittel);
  font-weight: bold;
}

.foot_barbar {
  font-style: italic;
}

.foot_elfen {
  text-decoration: underline;
  text-decoration-style: dotted;
}

.foot_legende {
  text-align: center;
}

.abwesend {
background-color: var(--dunkel);
  padding: 20px;
  border: 1px solid;
  font-size: 10px;
  text-align: justify;
  box-sizing: border-box;
  width: 1010px;
  height: 140px;
  overflow: auto;
  margin-left: 20px;
}

/******* FOOTER*****/
#container-footer {
background-color: #2c2c2c;
background-image: url(http://boundbyblood.stories-untold.de/images/styles/blue/bg.png);
	padding-bottom: 5px
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */

}

#category {
  width:1050px;
  height:80px;
 
  color: #2c2c2c;

  margin:auto;
  position:relative;
}

#category .head {color:#ece6dd;font-size:30px;font-family: 'bebas neue' ; text-transform:uppercase; position: absolute; bottom:-05px;}
#category .head2 {color:rgb(225,222,222,0.2);font-size:48px;font-family: 'bebas neue', cursive; text-transform:uppercase; position: absolute; bottom:-10px;}

#boardstats {
  width:1050px;margin: 20px auto;background: #ece6dd;color:#dadada;background-image: url(http://boundbyblood.stories-untold.de/images/styles/blue/bg.png);}

.contstats {  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "stats";
}

.stats {  display: grid;
  grid-template-columns: 1.2fr 0.8fr 1fr;
  grid-template-rows: 1fr 0.6fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "newuser legende online"
    "sister sister quote";
  grid-area: stats;
  font-family: calibri,sans serif;
  font-size: 12px;
}

.headline {color: #2c2c2c;font-size:20px;font-family: 'Quicksand', cursive; text-transform:uppercase;margin-bottom:20px;}

.newuser { grid-area: newuser; letter-spacing: 2px;  margin: 30px 20px; }
.legende { grid-area: legende; margin:30px 20px; }
.online { grid-area: online; margin:30px 20px; }
.sister { grid-area: sister; margin:20px; }
.quote { grid-area: quote; margin:20px; }

.newuser .newusers2 {font-family: calibri,sans serif; font-size: 11px;letter-spacing: 2px;text-align: justify;color: #fff;padding-bottom: 0px;margin-bottom: 5%; padding-top:10px;}
.newuser .newusers2 span {border: 1px solid #ba9155;color: #FFF;padding: 5px;margin-right: 10px;font-size: 11px;font-family: calibri,sans serif;letter-spacing: 2px;}

.guardian {color:#9c67e3;padding-top:10px;padding-bottom:15px;}
.guardian i {font-size:24px;margin-right:10px;}
.kree {color:#41a564;padding-bottom:15px;}
.kree i {font-size:24px;margin-right:10px;}
.skrulls {color:#a54141;padding-bottom:15px;}
.skrulls i {font-size:24px;margin-right:10px;}
.andere {color:#41a5a5;padding-bottom:15px;}
.andere i {font-size:24px;margin-right:10px;}


.online i {color: var(--schrift);}
.online .cont {text-align:justify;margin:10px 10px 10px 0px;}
.online .later {margin-top:40px;}

.sister span {margin-right:5px;}
.sister a {color:#ba9155;text-decoration:none;}

.quote a {color:#ba9155;text-decoration:none;}
.quote i {color:var(--schrift);}


		
		
/******* Ende*****/

.flexbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  box-sizing: border-box;

	background: #ece6dd;
	background-image: url(https://hollowcrown.ofmenandmonster.de/images/kingmaker/bg.png);
}

.item {
  box-sizing: border-box;
    border: 1px solid grey;
  width: 25%;
  margin-bottom: 12px;
  padding: 0px 6.5px;
}

.content {
    color: black;
	background: #ece6dd;
	background-image: url(https://hollowcrown.ofmenandmonster.de/images/kingmaker/bg.png);
    text-align: center;
    box-sizing: border-box;
    height: 100%;
    padding: 0px;
    
    font-weight: 100;
}