@charset "utf-8";

/* Allgemein */
* {
	margin: 0px;
  font-family: Calibri;
	}
html {
  height: 100%;
	scrollbar-width: none;
}
html ::-webkit-scrollbar {
	width: 0px;
	}
body {
  height: 100%;
  background-color: #eec078;
	z-index: 0;
}
/*Header und Footer */
div#header, div#footer {
	position:fixed;
	left: calc(50% - 540px);
	width: 1080px;
	background-color: #ffffff;
	z-index: 6;
}
div#header {
	top: 0px;
	height: 40px;
}
div#footer {
	bottom: 0px;
	height: 28px;
}
p.right {
	right: calc(50% - 500px);
	color: #a4abb1;
}
a:any-link {
	text-decoration: none;
	color: #a4abb1;
}
div#header img {
	position: fixed;
	top: 5px;
	left: calc(50% - 500px);
	height: 30px;
	width: 30px;
}
p.header {
	position: fixed;
	top: 1px;
	font-size: 20px;
}
p.header_left {
	position: fixed;
	left: calc(50% - 465px);
}
p.footer {
	position: fixed;
	bottom: 4px;
	font-size: 18px;
	color: #a4abb1;
}
p.footer_left {
	left: calc(50% - 500px);
}
/*Content*/
img#background {
	position: fixed;
	top: 10px;
	left: calc(50% - 540px);
	width: 1080px;
	height: 1440px;
	overflow-y: hidden;
	z-index: 1;
}
div#content, div#impressum {
	position: absolute;
	margin-top: 40px;
	left: calc(50% - 540px);
	background-color: rgba(255, 255, 255, 0.75);
	z-index: 2;
}
div#content {
	width: 1080px;
}
div#impressum, div.camera {
	padding: 40px;
	z-index: 3;
}
div#impressum {
	width: 1000px;
	min-height: calc(100% - 68px - 80px);
}
div.camera {
	height: 420px;
}
.border {
	border-bottom: 2px solid;
}
h1 {
	margin-top: 40px;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	z-index: 5;
}
h2 {
	font-size: 32px;
	font-weight: bold;
	z-index: 5;
}
h2.border {
	padding-bottom: 40px;
	text-align: center;
}
p.text {
	font-size: 16px;
	z-index: 5;
}
p.center {
	text-align: center;
}
div.camera a, div.camera a img {
	float: right;
	width: 650px;
	height: 420px;
	border-width: 0px;
	z-index: 4;
}
.top {
	margin-top: 16px;
}
p.ersteller {
	font-size: 20px;
	margin-bottom: 12px;
	z-index: 4;
}
div#last {
	margin-bottom: 28px;
}