body {
	margin:0px;
	display:block;
	font-family:calibri;
	background: #f2d2b0;
	overflow-x:hidden;
	overflow-y: scroll;
}
body.home {
	background: #e19365 url("img/group.png") no-repeat scroll center top;
}
nav {
	align-items:center;
	justify-content:center;
	display:flex;
	position:fixed;
	width:100%;
	height:60px;
	background:#000;
	bottom:0px;
	z-index:9999;
	a, .dia {
		color:white;
		text-decoration:none;
		margin: 0px 10px;
		font-size:1.2rem;
	}
}
.p {
	color:#c97a15;
}

.main {
	display:flex;
	flex-direction:column;
	align-items:center;
}
.intro {
	width:900px;
	background:linear-gradient(#5f0d00bd, #5d1212, #5d1212);
	padding:0px 0px;
	font-size:17px;
}
.k {
	color:#9c5000;
	font-size:15px;
}
.fbox {
	display:flex;
	flex-direction:column;
	div {
		display:flex;
		div {
			padding:20px 60px 20px 20px;
			display:block;
		}
	}
}
.m1 {
	background:url("img/test1.jpg");
	border-top: 5px solid black;
	border-bottom: 5px solid black;
	display:flex;
	flex-direction:column;
	width:100%;
	h2 {
		margin:15px 25px; 
		color:#702c21;
	}
	.board {
		background:url("img/test2.jpg");
		border-top: 5px solid #250202;
		border-bottom: 5px solid #250202;
		margin: 20px 0px;
		padding: 20px 0px;
		display:flex;
		flex-direction:row;
		justify-content:center;
		.post {
			display:flex;
			flex-direction:column;
			background:#5d2c21;
			border:2px solid #430d0d;
			width:200px;
			padding:10px;
			margin: 0px 5px;
			img {
				border: 5px solid #1a0000;
			}
			a, p {
				margin:5px 0px 0px 0px;
				text-decoration:none;
				color:#b67650;
			}
			.p {
				color:#c97a15;
				padding:0px;
				margin:;
				width:100%;
				background: none;
			}
			a {
				font-size:18px;
				color:#ffb080;
			}
			a:hover {
				letter-spacing:1px;
				text-decoration:underline;
			}
		}
		.post:hover {
			.vis {
				display:none;
			}
			.alt {
				display:block;
			}
		}
	}
}
.boardmes {
	display: flex;
	flex-direction: right;
	.p {
		padding:5px 25px;
		margin: 0px;
		width:700px;
		background: linear-gradient(to right, #6a2f17, transparent);
	}
	a {
		flex-direction:right;
	}
}

.alt {
	display:none;
}
.m2 {
	background:#140e20;
	display:flex;
	flex-direction:row;
	padding: 10px 0px;
	div {
		width:50%;
		padding: 10px;
		margin: 0px;
		p, h2 {
			margin:5px 0px;
		}
		a {
			color:#fff;
		}
	}
	.a {
		direction: ltr;
	}
	.b h2, .d h2 {
		direction:rtl;
	}
}
.b {
	background: grey;
	div {
		position:absolute;
		width:300px;
		right:0px;
		p {
			direction:rtl;
		}
	}
	h2 {
		position:absolute;
		right:0px;
	}
	img {
		position:absolute;
		height:300;
	}
}
.a, .b, .c, .d {
	min-height:300px;
	
}
#c1 {
	z-index:0;
	width:140px;
	height:140px;
	border:none;
	background:none;
	display:flex;
}
.m3 {
	display:flex;
	flex-direction:row;
}

.news {
	
}



.secBut {
	background:none;
	border-width:0px;
	border-radius:0px;
	margin:0px;
	padding:0px;
	img {
		bottom:0px;
	}
}
.secBut:hover {
	cursor:help;
}
.secBut:active {
	img {
		filter: saturate(90%) brightness(90%);
	}
}

/*Anfang Dialogsboxen*/
.matthew {
	color:#dc5c34;
}
.allan {
	color:#00dbff;
}
.unn {
	color:#289312;
}
.hound {
	color:#69517d;
}
.amber {
	color:#e3ad2e;
}
.nat {
	color:#ab84f0;
}
.marnie {
	color:#398a7b;
}
/*Ende Dialogsboxen*/

/* @media width1170px */

/*Differenzieren, was tatsächlich überall genutzt wird und was nur in legion.htm */