* {
	margin					: 0;
	padding					: 0;
	font-family				: sans-serif, sansserif, verdana, arial;
}

body {}

h1, h2, h3, h4 {
	margin					: 0 0 1.5rem 2rem;
	width					: 100%;
}

#content p {
	margin					: 2rem;
	font-size				: .9rem;
	letter-spacing			: .075rem;
}

#header {
	display					: flex;
	position				: fixed;
	top						: 0;
	left					: 0;
	width					: 100vw;
	flex-direction			: row;
	justify-content			: space-around;
	align-items				: flex-end;
	background-color		: #000;
	box-shadow				: 0 0 5px #000;
}

#menu {
	ul {
		display				: block;
		a {
			color			: #fff;
			text-decoration	: none;
			font-size		: .9rem;
			letter-spacing	: .1rem;
			font-weight		: 600;
			height			: 100%;
			li {
				display			: inline;
				padding			: .5rem 1rem .5rem 1rem;
				border-radius	: .25rem .25rem 0 0;
			}
		}
		a:hover {
			color			: #000;
			li {
				background-color : #FFF;
			}
		}
	}
}

#logo {
	padding-left			: 2rem;
	padding-right			: 2rem;
	img {
		max-height			: 100px;
		width				: auto;
	}
}

#content {
	width					: 100%;
	max-width				: 1080px;
	max-width				: 1080px;
	min-height				: calc(100vh - 25rem);
	margin					: 1rem auto 2rem auto;
	background				: rgba(0,0,0,.9);
	padding					: 10rem 10rem;
	color					: #fff;
}

div.article {
	display					: flex;
	padding-bottom			: 10rem;
	width					: 100%;
	#border					: 1px solid #0F0;
	h2 {
		text-align			: left;
	}
}

div.article div.article_image {
	width					: 50%;
	img {
		width				: 100%;
		height				: auto;
	}
}

div.article div.article_content {
	width					: 50%;
	text-align				: justify;
}

.background {
	background-size			: 100% auto;
	background-position		: center;
	background-repeat		: no-repeat;
	background-attachment 	: fixed;
}

.webprojekte {
	background-image		: url('../images/webprojekte.png');
}

.cannabis {
	background-image		: url('../images/cannabis.png');
}

.emailservice {
	background-image		: url('../images/emailservice.png');
}

.bandprojekt {
	background-image		: url('../images/bandprojekt.png');
}

.alex {
	background-image		: url('../images/alex-bg.png');
}

.contact {
	background-image		: url('../images/kontakt.png');
}

#content img {
	float					: none;
}

#footer {
	position				: fixed;
	bottom					: 0;
	width					: calc(100vw - 1rem);
	height					: 1rem;
	text-align				: right;
	padding					: .5rem;
	border-top				: 1px dotted #555;
	font-size				: 0.8rem;
	font-weight				: 700;
	background-color		: #000;
	color					: #FFF;
	box-shadow				: 0 0 5px solid #000;
}