/*FORUM*/

.online_now {
text-transform: var(--tsub);
font-size: 10px;
width: 135px;
padding-left: 1px;
}

.member_o_fact {
float:left;
}

.members_online {
height: 80px;
overflow: auto;
font-size: 10px;
text-transform: var(--tsub);
letter-spacing: 1px;
padding-left: 10px;
}

.forum_markup {
				width:60px;
				height:60px;
				margin-left:40px;
				border-radius:100px;
				border: 8px solid #beab6e;
				margin-right:40px;
}

/*SHOW THREAD*/

.forum_sep1 {
    text-transform: var(--tsub);
    font-size: 10px;
    text-align: center;
    background: var(--box);
    padding: 5px;
    font-weight: bold;
}

.fd_line {
	background: var(--box);
}

.fd_box {
	font-size: 12px;
}

.fd_box a {
color: var(--dunkeltext);
}

.fd_box a:hover {
color: var(--headings-header);
}

.fd_title a {
color: var(--headings-body);
}

.fd_title a:hover {
color: var(--headings-header);
}

.fd_ue {
    text-transform: var(--tsub);
    font-size: var(--sallg);
    margin-bottom: 3px;
    font-family: var(--fsub);
    float: left;
    width: 92%;
    font-weight: bold;
    letter-spacing: var(--lsub);
}

.fd_ue1 {
    text-transform: var(--tsub);
    font-size: var(--sallg);
    margin-bottom: 3px;
    font-family: var(--fsub);
    float: left;
    width: 92%;
    font-weight: bold;
    letter-spacing: var(--lsub);
}

.fd_ue a {
	
}

.fd_threadlist {
	text-transform: var(--ftransf-sub);
	font-family: var(--font-sub);
	color: var(--dunkeltext);
}

.fd_threadlist a {
	color: var(--headings-side);
}

.active {
	text-align: center;
	var(--lsub): ;
	
	font-family: var(--fsub);
	font-size: 11px;
}

/*NEW 2021*/

/*KATEGORIEN*/

.ncat {
}

/*FOREN*/


.forumn_main {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: stretch;
 width: 100%;
 font-size:var(--sallg);
 line-height: var(--lineh);
 font-weight: var(--wallg);
 gap: 10px;
}

.forumn {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	justify-content: stretch;
	width: auto;
	margin: 40px 25px;
	font-family: var(--fallg);
	font-size: var(--sallg);
	line-height: var(--lineh);
	font-weight: var(--wallg);
}

.forumn a{
  text-decoration:none;
}

.fmd_stat a {
	text-decoration:none;
	color: var(--headings-body);
	transition:0.5s;
	text-transform: none;
	font-weight: bold;
}

.fmd_stat a:hover {
  color: var(--headings-header);  
  transition: 0.5s;
}

.forumn_box {
  background: var(--box-body);
  padding: 10px;
  flex:1;
  overflow: auto;
}

/*ON/OFF*/
.forumn_li {
  background:url(https://like-a-hurricane.de/images_feuer/off.png) 0 0;
  background-size: 190%;
  min-width: 70px;
	margin-top:30px;
}

/*MITTELPART*/

.forumn_mid {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: stretch;
  align-content: stretch;
  flex: 1;
  width: 100%;
  gap: 10px;
  /* padding: 0px 30px; */
}

.forumn_mid_tit {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: stretch;
  width: 100%;
}

.forumn_mid_tit a {
  color: var(--headings-body);
  transition:0.5s;
  text-transform: var(--ftransf-head);
  font-family: var(--font-head);
	-webkit-font-smoothing: antialiased;
}

.forumn_mid_tit a:hover {
  color: var(--headings-header);
  transition:0.5s;
}

.fmt_name {
 font-family: var(--fhead);
 font-size: 30px;
 text-transform: var(--ftransf-head);
 line-height: 100%;
}

.fmt_line {
  flex:1;
  height: var(--hlinehead);
  margin-left: 5px;
}

.fmt_stat {
  font-size: 12px;
  align-self:flex-end;
  text-transform: none;
  line-height: 100%;
  text-align: right;
  overflow: hidden;
  font-family: var(--font-sub);
  flex: 1;
  color: var(--headings-body);
  margin-right: 5px;
	-webkit-font-smoothing: antialiased;
}

.forumn_mid_descr {
   display: flex;
   flex-flow: row nowrap;
   align-items:stretch;
   align-content:stretch;
   justify-content: stretch;
   overflow:auto;
   text-align:justify;
   height: 100px;
   gap: 0.5vw;
}

.fmd_stat {text-align: center;line-height: var(--lineh1);align-self:stretch;flex: 1;display: flex;flex-direction:column;justify-content: space-evenly;overflow: hidden;}

.fmd_tit {
    font-size: var(--sallg);
    font-family: var(--font-main);
    color: var(--headings-body);
}

/*UNTERFOREN*/

.forumn_re {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  overflow: hidden;
  gap: 10px;
}

.forumn_re_sub {
  font-family: var(--font-head);
  text-decoration:none;
  transition: 0.5s;
  color: var(--headings-body);
  background-color: var(--box-body);
  text-transform: var(--tsub);
  font-size: 14px;
  padding: 5px 10px;
  transition: 0.5s;
  text-align: center;
  justify-items: center;
	-webkit-font-smoothing: antialiased;
}


.forumn_re_sub:hover {
	  color: var(--helltext);
  background-color: ;
  transition: 0.5s;
  text-decoration:none;
}

.forumn_re_sub a {
  text-transform: var(--tsub);
  font-family: var(--fsub);
  letter-spacing: var(--lsub);
  text-decoration:none;
  color:var(--bunt);
  transition: 0.5s;
}

.fmd_tit a {
  font-family: var(--font-main);
  color: var(--headings-body);
  transition: 0.5s;
  text-transform: var(--tnav);
}

.fmd_tit a:hover {
  color: var(--headings-header);
  transition: 0.5s;
}

/*FOOTER*/

/* LEGENDE */

.footern_leg_col {
  height: 8px;
  width: 8px;
  /* margin:5px; */
  font-size: var(--snav);
}

.fwasser {
  background-color: var(--wasser);
}

.ffeuer {
  background-color: var(--feuer);
}

.ferde {
  background-color: var(--erde);
}

.fluft {
  background-color: var(--luft);
}

.fnichts {
  background-color: var(--nichts);
}

.fbewerbend {
  background-color: var(--bunt);
}

.strich {
  background-color: var(--bunt);
  height: 2px;
  width: 24px;
  margin-top:-10px;
  margin-left:-3px;
}

/* FOOTER BASE */

.footern {
  display: flex;
  flex-flow: row wrap;
  background: var(--navubod);
}

::-webkit-scrollbar {
}

::-webkit-scrollbar-thumb {
}

::-webkit-scrollbar-thumb:hover {
}

::-webkit-scrollbar-track{
 background: none;
}

/* FOOTER BASE BOX */

.footern_box {
  background: var(--box-body);
  margin: 7.5px;
  flex: 1 1 20%;
  display: flex;
  flex-flow: column nowrap;
  padding: 10px 15px;
  gap: 10px;
}

.footern_box:first-child {
  background: var(--box-body);
  margin: 7.5px;
  flex: 1 1 15%;
}

/*TEXT IN DEN BOXEN*/

.footern_box.text{
  text-align: justify;
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  max-height: 150px;
  overflow: auto;
  padding: 0;
  margin: 0px;
}

.footern_box.text a{
  text-decoration:none;
  color: var(--headings-body);
  transition: 0.5s;
}

.footern_box.text a:hover{
  color: var(--base);
}

.footern_box.text.leg {
  font-size: var(--snav);
  text-transform: var(--ftransf-sub);
  font-family: var(--font-sub);
	-webkit-font-smoothing: antialiased;
}

/*TITEL IN DEN BOXEN*/

.footern_title {
  font-family: var(--font-head);
  font-size: var(--sheadertitel);
  text-transform: var(--ftransf-head);
  color: var(--headings-body);
  text-align: center;
	-webkit-font-smoothing: antialiased;
}

/*ZITAT*/
.footern_box.text.ge {
 text-align:center;
}

/*STATISTIK*/
.footern_box.text.s {
  height: 115px;
  padding-right:0px;  
  overflow:hidden;
  display: flex; 
  flex-direction:row; 
  justify-content: space-around; 
  flex-wrap: wrap; 
  align-content: space-between;
}

.itemz i {
  font-size:20px;
  padding-right:3px;
}

.footern_box.text.s .itemz {
  padding: 5px 20px;
}

/*BEITRAGE*/

.footern_box.text.be .post {
  max-width:200px;
  padding-bottom: 5px;
}

/*GERRUCHTE*/

.footern_box.text.g {
	height: auto;
	overflow:hidden;
	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-content: space-between;
	flex-grow: 10;
	align-self: stretch;
}

/*WELCOME BOX*/

.footern_box.w {
  flex: 1 1 100%;
  /* padding: 0px 0px 0px 0px; */
}

.footern_box.w.text {
  flex: 1 1 0;
  padding: 0px 0px 0px 10px;
}

/*WELCOMEBOX ICONS*/

  .footern_title.w {
    border-bottom: none;
    font-size: var(--sheaderwbutton);
    padding: 0px;
    flex: 0 0 0;
}

.footern_title.w i {
    border-bottom: none;
    font-size: var(--sheaderwbutton);
    padding: 0px;
    flex: 0 0 0;
    padding: 8px 5px 8px 10px;
    position: relative;
    display: inline-block;
}



/*ON-OFF-BUTTONS*/

.forum_status {
  width: 60px;
  /* padding: 0px; */
  height: 60px;
  rotate: 45deg;
  margin: 12px;
  align-self: center;
}

.forum_on {
    background: var(--imgon) no-repeat 0 0;
    rotate: -45deg;
}

.forum_off {
background-image: var(--imgon);
    filter: brightness(0.3);
}

.forum_offclose {
    background: url(../../../images/forum_offlock.jpg) no-repeat 0 0;
}

.forum_offlink {
    background: url(../../../images/forum_offlink.jpg) no-repeat 0 0;
}