@charset "utf-8";
/* CSS Document */

	* {
		padding:0;
		margin:0;
	}

	html, body {
		height:100%;
	}

	.skrollr-desktop body {
		height:100% !important;
	}

	body {
		 color: #1b1b1b;
		font-family: 'Raleway',Times New Roman,Times,serif;
		font-size: 22px;
		line-height: 28px;
		font-weight: 200;
	}

	p {
		margin:1em 0;
	}

	.parallax-image-wrapper {
		position:fixed;
		left:0;
		width:100%;
		overflow:hidden;
	}

	.parallax-image-wrapper-50 {
		height:50%;
		top:-50%;
	}

	.parallax-image-wrapper-100 {
		height:100%;
		top:-100%;
	}
	.parallax-image-wrapper-200 {
		height:200%;
		top:-200%;
	}
	.parallax-image {
		display:none;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
	}

	.parallax-image-50 {
		height:200%;
		top:-50%;
	}

	.parallax-image-100 {
		height:100%;
		top:0;
	}

.parallax-image-200 {
		height:200%;
		top:0;
	}

	.parallax-image.skrollable-between {
		display:block;
	}

	.no-skrollr .parallax-image-wrapper {
		display:none !important;
	}

	#skrollr-body {
		height:100%;
		overflow:visible;
		position:relative;
		text-align:center;
	}

		#skrollr-body h2 {
			font-weight: 700;
			text-transform:uppercase;
			font-size: 2.2em;
			padding-top: 40px;
		}
	
	.gap {
		background:transparent center no-repeat;
		background-size:cover;
	}

	.skrollr .gap {
		background:transparent !important;
	}

	.gap-50 {
		height:50%;
	}

	.gap-100 {
		height:100%;
	}

	.header, .content {
		background:#fff;
		padding:1em;
		padding-top: 0em;

		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	.header {
	border-bottom: 8px solid #2b4a44;
	margin-bottom: 2px;
	}



#hauptlogo img {
	width: 120px;
	}

#dragons img {
	height: 120px;
	}
	
	.content-full {
		height:100%;
	}


	#kittens {
	padding-top: 50px !important; padding-bottom: 0px !important
	}

	#done {
		height:60%;
   		background: #003329;
		color: #fff;
		padding-top: 10%;
	
	}


	#done  h2{
		color: #fff;
		margin-bottom: 50px;
	}


	#done a:link {
		color: #fff;
	}
	#done a:visited {
		color: #fff;
	}


#stickynav {
	width: 100%;
    height: 30px;
    background: none;
	position: fixed;
	z-index: 20;
	left: 0;
	bottom: 0;
	opacity: 1;
}

	#stickynav ul {
		margin: 0;
		margin-left: 20px;
		padding: 0;
	}

		#stickynav ul li {
			display: inline-block;
		}

			#stickynav ul li a:link {
				display: inline-block;
				color: #fff;
				height: 24px;
				padding: 3px 10px;
				text-decoration:none;
				background: #003329;
	
			}
	
			#stickynav ul li a:visited {
				display: inline-block;
				color: #fff;
				height: 24px;
				padding: 3px 10px;
				text-decoration:none;
				background: #003329;
			}
	
			#stickynav ul li a:hover {
				background: #000;
			}
	
			#stickynav ul li .active {
				background: #000 !important;
			}

.container {
    margin: 0 auto;
    max-width: 960px;
}

#hauptlogo{
	position: fixed;
	top: 0px;
	right: 20px;
	z-index:22;
}

.hl1style {
	font-size: 4.4em; 
	line-height: 1.2em;
	padding-top:240px;
	padding-left: 40px;
	color: rgba(255, 255, 255, 0.7); 
	text-align: center; 
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
	text-transform: uppercase;
	font-weight: 800;
}


.gap ul {
	font-size: 1.7em; 
	line-height: 2.2em;
	padding-top:180px;
	color: rgba(255, 255, 255, 0.8); 
	text-align: left; 
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
	font-weight: 800;
	padding-left:28%;
	list-style-type: none;
	margin-left: -16px;
}



.style2 {
	font-size: 4.4em; 
	line-height: 1.2em;
	padding-top:320px;
}

.styles3 {
	font-size: 2.2em; 
	line-height: 1.2em;
	padding-top:90px;
	padding-left: 300px;
	color: rgba(255, 255, 255, 0.7); 
	text-align: left !important; 
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
	font-weight: 800;
}

#sticknav-left {
	float: left;
	width: 70%
}

#sticknav-right {
	float: right;
	width: 30%
}

	#sticknav-right ul {
		margin-right: 20px;
		text-align: right;
	}

.w50
 {
	float: left;
	width: 20%;
}

.fbigger
 {
	font-size: 28px;
}


@media screen and (max-width: 865px) {

			#stickynav ul li a:link {
				padding: 3px 5px;
				font-size: 14px;
			}

			#sticknav-left {
				float: left;
				width: 50%;
			}
			
			#sticknav-right {
				float: right;
				width: 50%;
			}

}

/* styles for desktop */
.tinynav { display: none }
#nav .selected a, #nav2 .selected a { color: red }

/* styles for mobile */
@media screen and (max-width: 1024px) {
	.hl1style {
		font-size: 2.8em;
		line-height: 1.2em;
		padding-top: 220px;
	}

.styles3 {
	font-size: 2.1em; 
	line-height: 1.2em;
	padding-top: 40px;
	color: rgba(255, 255, 255, 0.7); 
	text-align: left; 
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
	font-weight: 800;
	padding-left: 40px;
	width: 98%;
}

	#stickynav ul li a:link {
	padding: 3px 2px;
	}

}

@media screen and (max-width: 650px) {

  .tinynav { display: inline-block;margin: 5px 0 0 10px; }

  #nav, #nav3 { display: none }

	#stickynav ul li a:link {
	padding: 3px 2px;
	font-size: 12px;
	}


#hauptlogo img {
	max-height: 60px;
	width: auto;
	}
#dragons img {
	max-height: 60px;
	}

	.hl1style {
		font-size: 2.0em;
		line-height: 1.2em;
		padding-top: 230px;
		padding-left: inherit;
		text-align:center;
	}
	
	#skrollr-body h2 {
		font-size: 1.8em;
		line-height: 1.2em;
		padding-top: 20px;
	}

	#kittens {
		padding-top: 10px !important; 
		padding-bottom: 20px !important
	}

	.styles3 {
		font-size: 1.2em; 
		line-height: 1.2em;
		padding-top:40px;
		padding-left: 10px;
		width: 96%;
	}

	#done {
		padding-bottom: 10%;
	}

	.showmobile {
		display: inline-block;
	}


}