body { background: #000b37; }
		h1 { color: #fff; font-family: "proxima-nova", sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; position: relative; z-index:5; }
		h2 { color: #fff; font-family: "proxima-nova", sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; font-size: 50px; line-height: 50px; position: relative; z-index:5;}
		h3 { color: #fff; font-family: "proxima-nova", sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; position: relative; z-index:5;}
		h4 { color: #fff; font-family: "proxima-nova", sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; position: relative; z-index:5;}
		
		#header { background: url("/img/topbg.webp") center top -50px; no-repeat; position: relative; height: 900px;}
		#header .singlogo { position: relative; width: 100%; max-width: 800px; z-index:5; animation: float 6s ease-in-out infinite;}
		#header .titel { display: block; position: relative; min-height: 900px; }
		#header .star1 { position: absolute; top: 80px; left: 410px; z-index: 1; width: 300px; transition: opacity 1.5s ease-in-out;
}
		#header .star2 { position: absolute; top: 550px; left: 110px; z-index: 1; width: 300px; transition: opacity 1.5s ease-in-out;
}
		#header .star3 { position: absolute; top: 450px; right: 100px; z-index: 1; width: 300px; transition: opacity 1.5s ease-in-out;
}
		
		#divisions .balk { display: block; width: 100%; background: #000620; padding: 50px 400px; }
		
		#footer { display: block; height: 700px; background: url('/img/bottom-bg.webp') top center no-repeat; padding: 40px ; }
		#footer a { color: #fff; font-size: 26px; font-family: "proxima-nova", sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase;}

#singzone-header { background: #020441;  }
#singzone-header img { animation: float 6s ease-in-out infinite; position: absolute; top: 30px; left:40px; max-width: 400px; }
#singzone-header .container { background: #020441 url("/img/singzone-topbg.webp") center top no-repeat; background-size: cover; min-height: 400px; position: relative; }
#singzone-content { background: #020441; }
#singzone-content .container { background: #020441 url("/img/singzone-bg.webp") center center no-repeat; background-size: contain; color: #fff; line-height: 35px; font-family: "proxima-nova", sans-serif; font-weight: 300; font-size: 20px; }
#singzone-content img {margin: 10px; }
#singzone-content p { padding: 10px; }
#singzone-content h2 { padding: 10px; font-size: 35px; }
#singzone-content a { color: #fff; }

#singzone-divisions { background: url('/img/singzone-bottombg.webp') top center no-repeat; min-height: 800px; background-size: cover; padding: 200px 0; } 
#singzone-divisions .balk { background: rgba(0,0,0,.4);  padding: 50px;}
#singzone-divisions .balk img { max-width: 250px; }
#singzone-divisions  a { display: block; color: #fff; font-size: 20px; text-decoration: none; padding: 40px;}

img.border { border: 4px solid #fff; }

@keyframes float {
  0%   { transform: translateY(0) rotate(0deg); }
  25%  { transform: translateY(-5px) rotate(-1deg); }
  50%  { transform: translateY(0) rotate(0deg); }
  75%  { transform: translateY(5px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}		
		
		@media (max-width: 767px) {
			#header { height: 600px; padding-top: 25px; background-size: 1000px; background-position: center top -30px;  }
			#header .titel { min-height: 600px; overflow: hidden; }
			#header .star1 { width: 225px; top: -20px; left: 70px; }
			#header .star2 { width: 225px; top: 200px; left: -50px; }
			#header .star3 { width: 225px; top: 270px; right: -40px; }
			#divisions .balk { padding: 40px 25px; }
			#divisions .balk img { padding: 25px; max-width: 220px; }
			#singzone-header .container { background: #020441 url("/img/singzone-topbg.webp") left top no-repeat; background-size: cover; min-height: 400px; position: relative; }
			#singzone-header img { animation: float 6s ease-in-out infinite; position: absolute; top: 30px; left:40px; max-width: 300px; display: block;}
			#singzone-header div.text { margin-top: 300px; padding: 10px; }
			#singzone-header div.text h1 { color: #e5d5b3; } 
			#singzone-header div.text h3 { color: #e5d5b3; } 
			#singzone-content .container{ background: #020441 url("/img/singzone-bg.webp") top center no-repeat; background-size: 400%; color: #fff; line-height: 35px; font-family: "proxima-nova", sans-serif; font-weight: 300; font-size: 20px; }
			
			#singzone-content img { width: 96%; }
			#singzone-divisions { background: url('/img/singzone-bottombg.webp') center center no-repeat; min-height: 800px; background-size: 800%; padding: 200px 0; } 
			
		}