/************************ NAVIGATION HEADER ************************/
#topnavi {
	margin-left: -10px;
	margin-top: -100px;
  	background: var(--color-background-main);
  	height: 50px;
  	display: flex;
  	flex-direction: row;
  	z-index: 9998;
  	position: fixed;
  	width: 100%;
}

.topnavi_rahmen {
	position: absolute;
	margin-left: 30px;
	margin-top: 20px;
	float: left;
	padding: 3px;
	border: 1px double var(--color-border);
	transform: rotate(45deg);
	width: 50px;
	height: 50px;
	z-index: 1;
}

.topnavi_avatar {
    background: #856362;
	width: 50px;
    height: 50px;
	overflow: hidden;
}

.topnavi_avatar img {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	width: 100px;
	height: 83px;
	margin-top: -20px;
	margin-left: -30px;
}

.topnavi_buttons {
	margin-left: 100px;
  	margin-top: 5px;
  	display: flex;
}

.topnavi_button {
	font: 600 9px/25px 'Quicksand';
  	padding: 10px;
	letter-spacing: 2px;
  	text-transform: uppercase;
  	color: #b4b3b4;
}

.topnavi_button a:link, .topnavi_button a:visited, .topnavi_button a:hover, .topnavi_button a:active {
	color: var(--color-text);
}

.topnavi_icon {
	font-size: 12px;
  	color: #b4b3b4;
}

.team_bildrahmen {
	padding: 3px;
	border: 1px double var(--color-forum-link);
	width: 60px;
	height: 60px;
}

.team_bild {
    background: var(--color-background-main);
	width: 60px;
	height: 60px;
	overflow: hidden;
}

								/************************ HEADERNAME LINK ************************/
.forenname, .forenname a:link, .forenname a:visited, .forenname a:hover, .forenname a:active {
	color: var(--color-forum-link) !important;
	font: italic 65px 'playfair display';
	text-shadow: var(--color-border-light) 1px 1px 0px;
	letter-spacing: 4px;
	text-decoration: none !important;
}

.forenuntertitel {
	color: var(--color-text) !important;
	font: italic 500 15px/13px 'Quicksand';
	text-shadow: #856362 1px 1px 0px;
	letter-spacing: 4px;
}

								/************************ HEADER TABELLE ************************/
.headertabelle {
	color:var(--color-text);
	letter-spacing: 0.1em;
	text-align: justify !important;
	font: 9.5px 'Quicksand';
	text-decoration: none !important;
}

.headertabelle i {
	color: var(--color-text-accent);
	letter-spacing: 0.2em;
}

.headertabelle b {
	color: var(--color-text-accent);
	letter-spacing: 0.2em;
	font-weight: 450;
}

.headertabellenbox {
	color: var(--color-text);
	font: 10px 'Quicksand';
	background: var(--color-background-main);
	border: solid 10px var(--color-background-main);
	padding: 3px;
	height: 170px;
	overflow: auto;
	scrollbar-width: thin;
}


								/************************ HEADER NAVI ICONS ************************/
.headernavs .headernavs a:link, .headernavs a:visited, .headernavs a:hover .headernavs a:active{
	color: var(--color-forum-description);
	font-size: 15px;
	text-align: center;
    margin: 0 0 0 0px;
    width: 50px;
	display: inline-block;
}

.headernavs a{
	margin: 3px;
	display: inline-block;
	border-radius: 100%;
	text-align: center;
	background: var(--color-background-main);
	transition: 500ms;
	color: var(--color-forum-description);
}

.headernavs a i {
	color: var(--color-forum-description);
  	width: 35px;
  	height: 35px;
	display: flex;
  	justify-content: center;
	align-items: center;
}

								/************************ NAVIGATION INDEX ************************/
.headernav, .headernav a:link, .headernav a:visited, .headernav a:hover, .headernav a:active {
	color: var(--color-background-main);
	font: 700 9px 'Lato';
	text-transform: uppercase;
	letter-spacing: 0.2em;
}


								/************************ COOKIE LAW INDEX ************************/
.cookielaw {
	width: 950px;
	padding: 30px;
}

.cookielawtitel {
	padding: 40px;
	background: var(--color-background-main);
	font: 15px 'Quicksand';
	letter-spacing: 0.3em;
	text-align: right;
	color: var(--color-forum-link);
}

.cookielawtext {
	padding: 0px 40px 0px 40px;
	background: var(--color-background-main);
	font: 10px 'Quicksand';
	letter-spacing: 0.1em;
	text-align: justify;
	color: var(--color-text);
	width: 800px;
}

.cookielawbuttons {
	padding: 40px;
	background: var(--color-background-main);
	font: 10px 'Quicksand';
	letter-spacing: 0.1em;
	text-align: justify;
	color: var(--color-text);
	width: 800px;
}

								/************************ INDEX SEITE ************************/
.maintitle, .maintitle a:link, .maintitle a:visited, .maintitle a:hover, .maintitle a:active {
	padding-left: 50px;
	color: var(--color-forum-link) !important;
	text-transform: lowercase;
	font: 20px 'Quicksand';
	letter-spacing: 3px;
	text-decoration: none !important;
	text-align: center;
}

.kategoriebanner {
	width: 940px;
	height: 130px;
	background: url(../../../images/designs/flowerfull/bgkat.png);
	color: var(--color-forum-link) !important;
	text-transform: lowercase;
	text-align: center;
	font: italic 35px/130px 'playfair display';
	letter-spacing: 2px;
}

.kategoriebanner a:link, .kategoriebanner a:visited, .kategoriebanner a:hover, .kategoriebanner a:active {
	color: var(--color-forum-link) !important;
	text-shadow: var(--color-border-light) 1px 1px 0px;
}

.forenkategorie, .forenkategorie a:link, .forenkategorie a:visited, .forenkategorie a:hover, .forenkategorie a:active {
	padding-left: 50px;
	color: var(--color-forum-link) !important;
	text-transform: lowercase;
	font: 20px 'Quicksand';
	letter-spacing: 3px;
	text-decoration: none !important;
}

.forenbeschreibung {
	color: var(--color-text);
	text-transform: lowercase;
	text-align: justify;
	font: 10px 'Quicksand';
	letter-spacing: 0.1em;
	text-decoration: none !important;
	height: 70px;
	padding: 0px 10px 10px 15px;
	overflow: auto;
	scrollbar-width: thin;
}

.forenbeschreibung a:link, .forenbeschreibung a:visited, .forenbeschreibung a:hover, .forenbeschreibung a:active {
	color: var(--color-scene-link);
}

.forenbeschreibung b {
	letter-spacing: 2px;
	font-weight: 500;
	color: var(--color-text-accent);
}

.forenbeschreibung i {
	letter-spacing: 2px;
	font-style: italic;
	font-weight: 500;
	color: var(--color-text-accent);
}

.forenlastposter {
	width: 300px;
	white-space: normal;
	font-family: 400 8px 'Quicksand';
	letter-spacing:1px;
	text-align: left; 
	text-transform: uppercase;
	color: var(--color-text);
	padding: 1px;
}

.forenlastposter a:active, .forenlastposter a:link, .forenlastposter a:visited, .forenlastposter a:hover {
	width: 300px;
	font: 500 9.5px 'Quicksand';
	letter-spacing:1px;
	text-align: left; 
	text-transform: uppercase;
	color: var(--color-scene-link);
	padding: 1px 1px 1px 1px;
}

.topiccount {
	font-family: 400 8px/10px 'Quicksand';
	letter-spacing: 1px;
	word-spacing: 1px;
	padding-right: 15px;
	text-align: right;
	text-transform:uppercase;
}

.forum_status {
	height: 80px;
	width: 80px;
	display: inline-block;
}

.forum_on {
	background: var(--image-forum-on) no-repeat 0 0;
	width: 80px;
	height: 80px;
}

.forum_off, .forum_offlink {
	background: var(--image-forum-off) no-repeat 0 0;
	width: 80px;
	height: 80px;
}

.forum_offlock {
	background: var(--image-forum-offlock) no-repeat 0 0;
	width: 80px;
	height: 80px;
}


								/************************ FOOTER ************************/
.footerbanner {
	width: 940px;
	height: 30px;
	background: var(--color-background-main);
	color: var(--color-text);
	text-transform: lowercase;
	text-align: center;
	font: 20px/30px 'Quicksand';
	letter-spacing: 3px;
}

.footertabelle {
	background: var(--color-background-main);
	color: var(--color-text);
	letter-spacing: 0.1em;
	text-align: justify !important;
	font: 9.5px 'Quicksand';
	text-decoration: none !important;
}

.footertitel {
	color: var(--color-text);
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 5px;
	font: 500 10px/20px 'Quicksand';
	text-align: center;
	border: solid 2px var(--color-border);
}

.footertitel a:link, .footertitel a:visited, .footertitel a:hover, .footertitel a:active {
	color: var(--color-text);
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 5px;
	font: 400 10px/20px 'Quicksand';
	text-align: center;
}

.footerbox {
	width: 344px;
	min-height: 86px;
	max-height: 86px;
	overflow: auto;
	scrollbar-width: thin;
	font: 9.5px 'Quicksand';
	padding: 5px;
	text-align: justify;
	letter-spacing: 0.5px;
	border: solid 2px var(--color-border);
}

.footer_fact {
	color: var(--color-text);
	font: 400 8px 'Quicksand';
	background-color: var(--color-background-main);
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	white-space: nowrap!important;
	border: solid 2px var(--color-border);
}

.footer_quote {
	color: var(--color-text);
	font: 500 7.5px 'Quicksand';
	background-color: var(--color-background-main);
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0px;
	white-space: nowrap!important;
	border: solid 2px var(--color-border);
}

.footer_sister {
	color: var(--color-forum-link);
	font: 500 25px/30px 'Quicksand';
	background-color: var(--color-background-main);
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	white-space: nowrap!important;
	border: solid 2px var(--color-border);
}

.footer_sister i {
	color: var(--color-forum-description);
}

.footercredit {
	width: 980px;
	color: var(--color-text-dark);
	background: var(--color-background-main);
	white-space: nowrap!important;
	text-transform: uppercase;
	font: 500 7px 'Quicksand';
	letter-spacing: 2px;
	text-align: center;
	padding: 5px;
}

.footercredit a:link, .footercredit a:visited, .footercredit a:hover, .footercredit a:active {
	color: var(--color-text-dark);
}