/* Forumname */
.forumname {
	text-decoration: none !important;
	color: transparent !important;
    -webkit-text-stroke: 1px #ffffff;
	font-size: 50px;
	font-family: 'DM Serif Display', serif;
	line-height: 54px;
	text-transform: lowercase;
}

.forumname:hover {
  
}

.forumname a:link,
.forumname a:visited,
.forumname a:active {
	color: #ffffff;
}

.forumname a:hover {
  color: transparent;
  -webkit-text-stroke: 1px #ffffff;
}

@supports not(-webkit-text-stroke: 2px red) {
  .forumname:hover {
    text-shadow:
      3px 3px 0 #ffffff,
      -1px -1px 0 #ffffff,
      1px -1px 0 #ffffff,
      -1px 1px 0 #ffffff,
      1px 1px 0 #ffffff;
  }
}

/* Areanamen */
.areaname {
	display: block;
	font-family: 'DM Serif Display', serif;
	font-size: 25px;
	font-weight: bold;
	line-height: 20px;
	text-transform: lowercase;
	text-align: left;
	letter-spacing: 2px;
	padding: 2px;
	margin: 0px 0px 7px 0px;
}

/* Menü links, Links */

.nav {
	display: block;
	width: 100%;
	background: #121212;
	color: #ffffff;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 2px;
	margin: 2px 0px;
}

.nav:hover {
	background: #ffffff;
	color: #000000;
}

/* Icon auf Index */
.forum_off,
.forum_offclose {
	background: rgba(255,255,255,0.9);
}

.forum_on {
	background: #ed0501;
}

.forum_off img, .forum_offclose img, .forum_on img {
	filter: grayscale(100%);
}

/* hinterlegter Text */
info {
	color: #ffffff !important;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #ed0501;
	padding: 5px;
	line-height: 24px;
}

info a:link,
info a:active,
info a:visited {
	color: #ffffff !important;
}

/* hinterlegter Text als Link - klein */

.info:link,
.info:active,
.info:visited {
	color: #ffffff !important;
	font-size: 8px;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #212121;
	padding: 2px;
	line-height: 13px;
}

.info:hover {
	background: #000000;
}

/* hinterlegter Text als Link - große Schrift */

.info2:link,
.info2:active,
.info2:visited {
	display: inline-block;
	color: #ffffff;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #212121;
	padding: 10px;
}

.info2:hover {
	background: #000000;
}

/* Überschriften */
h1 {
	display: block;
	color: #ffffff;
	font-size: 10px;
	font-weight: lighter;
	line-height: 20px;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 2px;
	background: #212121;
	padding: 2px 2px 2px 7px;
	margin: 0px 0px 7px 0px;
}

h2 {
	display: block;
	color: #ffffff;
	font-size: 10px;
	line-height: 20px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	background: #212121;
	padding: 2px;
	margin: 0px 0px 7px 0px;
}

h3 {
	display: block;
	color: #ed0501 !important;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 2px;
}

/* Index - Inplayareas - Flexbox Parent */
.flex {
display:flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* Index - Inplayareas - Flexbox Child */
.flex .forum {
  display:flex;
  width: 32%;
  flex-wrap: wrap;
  justify-content: space-evenly;
  overflow: hidden;
	margin: 10px 0px;
}

/* Getaggte Namen fett */
.mycode_mention {
	color: #a6aa33 !important;
	font-weight: bold;
}

/* Aufzählungspunkte als Squares */
li {
	list-style-type: square;
	list-style-position: inside;
}
		

/* Font Face */
@font-face {
    font-family: 'dm_serif_displayitalic';
    src: url(../../../fonts/dmserifdisplay-italic-webfont.woff2) format('woff2'),
         url(../../../fonts/dmserifdisplay-italic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'dm_serif_displayregular';
    src: url(../../../fonts/dmserifdisplay-regular-webfont.woff2) format('woff2'),
         url(../../../fonts/dmserifdisplay-regular-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}