/* Allgemein
-------------*/

	html, body {
		height: 100%;
	}

	body {
		background-image: none;
		background-color: #f2f2f2;
		background-color: #f3f7f8;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	body.bgr-dark {
		background-image: url('/core/app/scope/www/pub/img/bgr-dark.jpg');
	}

	body.bgr-light {
		background-image: url('/core/app/scope/www/pub/img/bgr-light.jpg');
	}

/* Header
----------*/

	header {
		position: fixed;
		top: 0;
		height: 75px;
		width: 100%;
		background-color: #FFFFFF;
		z-index: 10;
		-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	}

/* Page-Wrapper
----------------*/

	#page_wrapper {
		/*...*/
	}

/* Logo
--------*/

	#logo {
		display: inline-block;
	}

	#logo img {
		height: 65px;
		margin: 5px 15px;
	}

/* Hauptinhalt
---------------*/

	main {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow-y: auto;
		z-index: 1;
		padding: 75px 20px 50px 20px;
	}

/* Footer
----------*/

	footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		text-align: center;
		padding: 15px 0 0 0;
		height: 50px;
		z-index: 10;
	}

	footer div {

		background-color: #FFFFFF;
		height: 35px;
		padding: 7px 10px 0 10px;
	}

	footer a {
		padding: 0 7px;
	}

	footer a:hover {
		font-weight: 400;
		color: #000000;
	}

/* Center
----------*/

	.center {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		max-width: 320px;
	}

/* Überschrift
---------------*/

	main h1 {
		font-size: 40px;
		text-align: left;
		font-weight: 400;
		margin-top: 20px;
		margin-bottom: 20px;
		line-height: 38px;
	}

	main h2 {
		font-size: 22px;
		text-align: left;
		font-weight: 500;
		margin-top: 20px;
	}

	main h3 {
		font-size: 18px;
		font-weight: 400;
		margin-top: 10px;
	}

	main p {
		margin-top: 12px;
	}