/************************ ALLGEMEINE FORENTEXTE ************************/
.forentexttitelhintergrund {
	background-color: var(--color-background-profilefield-title);
	height: 80px;
	line-height: 80px;
}

.forentexttitel {
	color: var(--color-text);
	text-transform: uppercase;
	font: 500 8px/80px 'Quicksand';
	letter-spacing: 4px;
	text-align: center;
}

.forentexttitel b {
	font: 700 8px 'Quicksand';
}

.forentexttitelgross {
	text-transform: uppercase;
	font: 12px 'Quicksand';
	letter-spacing: 5px;
	text-align: center;
}

.forentextbox {
	height: 150px;
	overflow: auto;
	scrollbar-width: thin;
}

.forentext {
	padding: 20px;
	font: 11px 'Quicksand';
	letter-spacing: 0.5px;
	text-align: justify;
}

.forentext smallfont {
	padding: 5px;
	font: 10px 'Quicksand';
	letter-spacing: 1px;
	text-align: justify;
}

.forentext i {
	color: var(--color-text-accent);
	font-size: 11.5px;
	font-weight: 500;
	letter-spacing: 2px;
}

.forentext b {
	color: var(--color-text-accent);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 2px;
}

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

.foreninfopunkt {
	padding: 6px 0px 6px 20px;
	font: 9px 'Quicksand';
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
}	

								/************************ ERÖFFNUNGSTEXTE ************************/
.allgemein {
	width: 480px;
	border: solid rgba(133, 99, 98, 0.5) 10px;
	background: var(--color-background-main);
	padding: 30px;
}

.allgemein_titel {
	color: var(--color-listen-accent);
	font: 300 25px/30px 'Montserrat';
	padding: 30px 30px 10px 30px;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: center;	
}

.allgemein_text {
	color: #b4b3b4;
	font: 400 11px/15px 'Quicksand';
	letter-spacing: 1px;
	text-align: justify;
	padding: 25px;
}

.allgemein_text i{
	color: var(--color-listen-accent);
	font: italic 400 11px/15px 'Quicksand';
	letter-spacing: 2px;
}

.allgemein_text b{
	color: var(--color-listen-accent);
	font: 600 11px/15px 'Quicksand';
	letter-spacing: 2px;
}

								/************************ STORYLINE ************************/
.storyline {
	width: 450px;
	height: 450px;
	background-image: url(../../../images/SLBG.png);
	border: solid rgba(70, 86, 89, 0.3) 100px;
}

.storyline_rahmen {
	width: 450px;
	padding: 0px;
	vertical-align: middle;
}

.storyline_titel {
	opacity: 0.5;
	margin-top: -90px;
	color: #dfdfdf;
	font: 300 30px/30px 'Montserrat';
	padding: 30px;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: center;
}

.storyline_titelbottom {
	opacity: 0.5;
	color: #dfdfdf;
	font: 300 30px 'Montserrat';
	padding: 30px;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: center;
}

.storyline_text {
	color: #dfdfdf;
	font: 500 11px/15px 'Montserrat';
	height: 390px;
	text-align: justify;
	background: rgba(70, 86, 89, 0.8);
	scrollbar-width: thin;
	padding: 30px;
}

.storyline_text smallfont{
	color: #dfdfdf;
	font: 400 10.5px/12px 'Montserrat';
	letter-spacing: 0.5px;
}

.storyline a:link, 
.storyline a:visited, 
.storyline a:hover, 
.storyline a:active {
	color: #dfdfdf;
	font: 500 7.5px/15px 'Montserrat';
	padding: 3px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	white-space: nowrap!important;
	border: solid 2px #d1d1d1;
}