/* CSS Nessi */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address,big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul,li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption,footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure,footer,header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul{list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: "";content: none;}table {border-collapse: collapse;border-spacing: 0;}

html, body {
	background-color:#b9c8d1;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
h2 {
	color:#C09;
	font-size:125%;
	margin-right:50px;
}
p {
	color: #C09;
	font-family: inherit;
}

a {
	color:#C09;
	text-decoration:none;
}
a:hover {
	color:#C09;
	text-decoration:none;
}
a:active {
	color:#C09;
	text-decoration:none;
}
a:visited {
	color:#C09;
	text-decoration:none;
}

#container {
	position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;
}
#content {
  position: absolute; /* Forces the position into the container start */
  z-index: 1; /* Places behind 2 */
  width: 100%;
  height: 100%;
}
#landschaft {
	display: flex;
	min-height:100%;
	height:auto !important;
	height:100%;
	background-image:url(schnee/nessie-background-winter.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:left top;
	z-index:inherit;
	align-items: center;
	justify-content: center;	
}

#inhalte-werden-zentriert {
	z-index:25;
}

.logo {
	width:55%;
	-webkit-animation: logo 15s linear;
	-moz-animation:logo 15s linear;
	-ms-animation:logo 15s linear;
	animation:logo 15s linear; 

}
.schrift {
	display: block;
	width:100%;
    margin-left: auto;
    margin-right: auto;
	vertical-align:middle;
}

#schnee {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	height:auto !important;
	height:100%;
	background-image:url(schnee/schnee1.png),url(schnee/schnee2.png),url(schnee/schnee3.png);
	position:absolute;
	z-index:10;
	-webkit-animation:schnee 25s linear infinite;
	-moz-animation:schnee 25s linear infinite;
	-ms-animation:schnee 25s linear infinite;
	animation:schnee 25s linear infinite; 
}

#footer {
/*	background-color:rgba(255, 255, 255, 0.5); /* 50% faded */
	color:#C09;
	position:absolute;
	z-index:20;
	bottom: 0px;
	height:120px;
	width:100%;
	text-align:center;
}

.imp {
	display: flex;
	min-height:100%;
	height:auto !important;
	height:100%;
	align-items: center;
	justify-content: center;
}

.dse {
	padding-left:10%;
	padding-right:10%;
	padding-top:2%;
	padding-bottom:2%;
	text-align:left;
	font-size:90%;
}


/* Mediaqueries */
@media (min-width: 1900px) {
	#landschaft {
		background-position:center top;
	}
	
	.dse {
		padding-left:25%;
		padding-right:25%;
		padding-top:2%;
		padding-bottom:2%;
		text-align:left;
		font-size:90%;
	}
}
@media (max-width: 1000px) and (min-height: 500px){
	#landschaft {
		background-position:left -250px top 0px;
	}
}

@media (max-width: 700px) and (min-height: 500px){
	#landschaft {
		background-position:left -350px top 0px;
	}
}
}


@keyframes schnee{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px}}
@-moz-keyframes schnee{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px}}
@-webkit-keyframes schnee{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px;}}
@-ms-keyframes schnee{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px}}

@keyframes logo{0%{width:0%}100%{width:55%}}
@-moz-keyframes logo{0%{width:0%}100%{width:55%}}
@-webkit-keyframes logo{0%{width:0%}100%{width:55%}}
@-ms-keyframes logo{0%{width:0%}100%{width:55%}}