h1 {
	font-size			: 5em;
}
h2 {
	font-size			: 4em;
}
h3 {
	font-size			: 3em;
}
h4 {
	font-size			: 2em;
}
p {
	font-size			: 2em;
}

h1,
img.article,
div.article {
	width				: 95vw;
	max-width			: 95vw;
	margin-left			: 2.5vw;
	margin-right		: 2.5vw;
	margin-top			: .4em;
7	
}

div.article {
	margin-top			: 1em;
}

div#head {
/*	background			: none;*/
	z-index				: 100;
	height				: 22vw;
	background			: rgba(150, 0, 0, .9);
}

div#page {
	margin				: 0;
	padding				: 0;
}

div#content {
	z-index				: 0;
	margin-top			: 22vw;
	margin-bottom		: 0;
	min-height			: calc(100vh - 24vw);
	padding-bottom		: 7.5em;
}

div#logo {
	margin-left			: 0;
}

div#logo img.logo {
	height				: 30vw;
	margin-left			: 0em;
	margin-top			: 7.75em;
}

div#menu 
{
	z-index				: 100;
	width				: 95vw;
	position			: fixed;
	bottom				: 0;
	right				: 0;
	margin-right		: -95vw;
	transition			: .5s margin ease-in;
}

div#head input[type="checkbox"]:checked ~ div#menu
{
	margin				: 0;
	transition			: .5s margin ease-out;
}

label.toggle_button
{
	height				: 12.75em;
	width				: 12.75em;
	display				: flex;
	flex-direction		: column;
	z-index				: 4;
	position			: fixed;
	border-radius		: 2em;
	background			: #9F151E;
	padding				: 1.5em;
	right				: .5em;
	top					: 2.5em;
	box-shadow			: 0 0 5px #555;
}

span.bar {
	display				: block;
	height				: 1em;
	margin				: .75em;
	margin-top			: 1em;
	background-color	: #EEE;
	border-radius		: 5em;
	box-shadow			: 0 0 2px #000;
}

div#menu div.ddmenu {
	z-index				: 100;
	margin				: 0;
	padding				: 0;
}

div#menu div.ddmenu > ul {
	border-radius		: 2.5em 0 0 0;
	min-height			: 60vh;
	padding				: 0 0 40em 1em;
/*	height				: calc(100vh - 20em);*/
	width				: 75vw;
	background			: rgba(157,21,30,.95);
	box-shadow			: 0 0 1em #900;
	border				: 2px solid #900;
	border-right		: none;
	border-bottom		: none;
}

div#menu div.ddmenu ul {
	width				: 100%;
	list-style			: none;
}

div#menu div.ddmenu > ul > li{
	margin				: 0;
	padding				: 0 1em 0 1em;
	border-bottom		: 2px solid rgba(255, 255, 255, .125);
}

div#menu div.ddmenu ul li span,
div#menu div#form_login label
{
	width				: calc(100%);
	display				: block;
	font-family			: bold;
	text-transform		: uppercase;
	letter-spacing		: .125em;
	font-size			: 4em;
	color				: #FFF;
	margin				: 0;
	padding				: .5em;
}

div#menu div.ddmenu ul li > span,
div#menu div#form_login label
{
	color				: rgba(255,255,255,.75);
	text-align			: right;
	font-size			: 2.5em;
	padding-right		: .25em;	
}

div#menu div#form_login label {
	padding-right		: 1em;
}

div#menu div.ddmenu > ul > li > a > span {
	width				: 100%;
	color				: #FFF;
}

div#menu div.ddmenu ul > li > span > a{
}

div#menu div.ddmenu ul > li > ul > li > span {

}




div#footer {
	display				: block;
	z-index				: 0;
	height				: 5em;
	width				: 100%;
}

div#footer p 
{
	line-height			: 2em;
	text-align			: center;
	font-size			: 2em;
	vertical-align		: middle;
}

/* FORMS allgemeins */

form input,
form button {
	line-height			: 2em;
	font-size			: 3em;
	border				: 3px solid #500;
	outline				: none;
}


/* LOGIN-FORM */

div#form_login{
	margin-left			: 1vw;
	width				: 95vw;
	display				: block;
	position			: fixed;
	bottom				: 3em;
}

div#form_login form {
	margin				: 0;
	padding				: 0;
}

div#form_login input::selected {
	background-color	: rgba(0, 0, 0, .5);
}

div#form_login input, 
div#form_login button {
	font-size			: 3em;
	line-height			: 1em;
	border				: 5px solid #900;
	background			: #FFF;
	color				: #900;
	height				: 2em;
	margin				: .125em;
}


div#form_login input {
	width				: calc(40% - .75em);
}


div#form_login button {
	width				: calc(20% - .5em);
	text-transform		: uppercase;
}