@charset "UTF-8";

@media screen {
body, div, h1, h2, h3, h4, p, ul, li {margin:0; padding:0;}

a {background-color:transparent; cursor:pointer;}
a:active, a:hover {outline:0;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height:auto;}

body {
		display:-webkit-box;
  		display:-ms-flexbox;
  		display:-webkit-flex;
	display:flex;
		-ms-flex-direction:column;
		-webkit-flex-direction:column;
	flex-direction:column;
	margin:0 auto;
  overflow-x: hidden;
  box-sizing: border-box;
	font-family: 'Dolly', serif;
	line-height: 1.5rem;
	font-size:1.1rem;
	position: relative;
  background-color:black;
}

@font-face {
	font-family:'Dolly';
	src:url('otf/Dolly-Roman.ttf') format('truetype');
	src:url('otf/DollyRoman.otf') format('opentype');
	}
	
header {
		-webkit-order:1;
		-ms-flex-order:1;
	order:1;	
}

nav {
		-webkit-order:2;
		-ms-flex-order:2;
	order:2;
	z-index:2;
}

.pageheader {
	min-width:436px;
	position: absolute;
	top: 0;
	width: 100%;
	background: white;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	z-index: 3;
}

.pageheader .kopfhg {overflow:hidden;}
.pageheader .kopfhg img {height:100%;}

.pageheader .logo img {
	position:absolute;
	height:90px;
	width:100%;
	top:10px;
	margin:0 auto;
	z-index:5;
}

.pageheader .deckel img {
	position:absolute;
	height:90px;
	top:10px;
	margin:0 auto;
	z-index:20;
}

.jpg {width:346px;}

.navmain {
	position:relative;
	top:110px;
	margin:0;
}

footer {
	padding:0 0 25px 0;
		-webkit-order:4;
		-ms-flex-order:4;
	order:4;
}

#foot {
		display:-webkit-box;
  		display:-ms-flexbox;
  		display:-webkit-flex;
	display:flex;
	padding:15px 5px 10px;
		-ms-align-items:center;
		-webkit-align-items:center;
	align-items:center;
		-ms-flex-direction:column;
		-webkit-flex-direction:column;
	flex-direction:column;
	color:rgb(204,204,204);
	background-color:black;
	height:55px;
}

#foot ul {
		display:-webkit-box;
  		display:-ms-flexbox;
  		display:-webkit-flex;
	display:flex;
		-ms-justify-content:space-around;
		-webkit-justify-content:space-around;
	justify-content:space-around;
	list-style-type:none;
		-ms-align-items:center;
		-webkit-align-items:center;
	align-items:center;
}

.abstand {margin-bottom:10px;}

footer li {margin:0 auto; margin-left:10px;}
footer li:first-child {margin-left:0;}

footer a {
	text-decoration:none;
	color:rgb(204,204,204);
}

footer a:hover, footer a:focus, footer a:active {color:rgb(224,0,31);}

footer ul li img {
	height:25px;
	width:auto;
	padding-right:10px;
	margin-bottom:-7px;
}

ul {list-style: none;}

#open {
	background-color:rgb(62,95,138);
	color:white;
		display:-webkit-box;
  		display:-ms-flexbox;
  		display:-webkit-flex;
	display:flex;
	padding:27px 0 10px;
		-ms-justify-content:center;
		-webkit-justify-content:center;
	justify-content:center;
}

#open h2 {color:white !important;text-decoration:underline;}
#open a, #open a:hover, #open a:active, #open a:focus {color:white !important;}
#open .links .openblock {
		display:-webkit-box;
  		display:-ms-flexbox;
  		display:-webkit-flex;
	display:flex;
		-ms-flex-direction:row;
		-webkit-flex-direction:row;
	flex-direction:row;
		-ms-justify-content:space-between;
		-webkit-justify-content:space-between;
	justify-content:space-between;
}

.keinabstand {margin-bottom:-10px !important;}

}