/*
################### css-file für animate_scroll_01  ####################
*/

					.header-container .bcg {
					background-image: url(../../bilder/kapitel/6/bgimg_06.jpg);
					background-size: cover;
					opacity: 0.7;}

					.header-container {
					  font-family: ;
					}
					
					.header-container h1 {
					  font-family: ;
					}
					
					body{
					background-color: #ffffff; 
					}
				
					#slide1 .bcg {
					background: url(../../bilder/kapitel/8/bgimg_08.jpg) no-repeat center center;
					background-size: cover; }
				
.slide {
  color: #ffffff;
  position: relative; }
  .slide .wrapper {
    padding-top: 30px;
    text-align: center;
    position: relative;
    z-index: 2; }

/* =Content Block */
.content-block {
  background-color: #212121;
  color: rgba(255, 255, 255, 0.9); }
  .content-block .wrapper {
    padding: 30px 0;
    text-align: center; }
  .no-touch .content-block .wrapper {
    visibility: hidden;
    opacity: 0; }
  .no-touch .content-block.is-active .wrapper {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

				#intro{
					color: #ffffff;
					font-family: ;
				}		
				#intro h1{
					font-family: ;
				}	
				#intro .wrapper {
					position: absolute;
					top: 50%;
				
						left: 5%;
						-webkit-transform: translate(0);
						-ms-transform: translate(0);
						transform: translate(0);
						padding: 0;
						
					text-align: left;
				}
				#intro section{
					margin: 0 ;	
				}	
				#intro .bcg {
					opacity: 0.7; 
				}
				#intro .scroll-hint {
					border-color: #;
					color: #; 	
					border: 1px # solid;
					font-family: ;			
				}

				#logo{
					position:absolute;
					margin: 0 auto;
						top:20px;
						left:20px;
					z-index:20000000;
					height: auto;
				}
				
				.content-block#cb1{
					color: #212121;
					background-color:#ffffff;
					font-family: 'Nothing You Could Do', cursive;
				}
				.content-block#cb1 h1{
					font-family: 'Nothing You Could Do', cursive;
				}			
				.content-block#cb1 .button{
					border-color: #;
					background-color: transparent;
					color: #; 
				}
				.content-block#cb1 .button:hover{
					border-color: #212121;
					background-color: #;
					color: #; 
				}
				
				.slide#slide1{
					color: #212121;
					background-color: #ffffff;
					font-family: 'Nothing You Could Do', cursive;
				}		
				.slide#slide1 h1{
					font-family: 'Nothing You Could Do', cursive;
				}	
				.slide#slide1 .wrapper {
					position: absolute;
					top: 10%;
				
						left: 10%;
						-webkit-transform: translate(0);
						-ms-transform: translate(0);
						transform: translate(0);
						padding: 0;
						
					text-align: left;
				}
				.slide#slide1 section{
					margin: 0 ;	
				}	
				.slide#slide1 .button {
					border-color: #212121;
					background-color: transparent;
					color: #212121; 
					-moz-transition: all 0.5s ease-in-out;
					-webkit-transition: all 0.5s ease-in-out;
					-o-transition: all 0.5s ease-in-out;
					transition: all 0.5s ease-in-out;
				}
				.slide#slide1 .button:hover {
					border-color: #212121;
					background-color: #212121;
					color: #ffffff; 
				}
				.slide#slide1 .bcg {
					opacity: 1; 
				}
				
				.content-block#cb2{
					color: #;
					background-color:#;
					font-family: 'Nothing You Could Do', cursive;
				}
				.content-block#cb2 h1{
					font-family: ;
				}			
				.content-block#cb2 .button{
					border-color: #;
					background-color: transparent;
					color: #; 
				}
				.content-block#cb2 .button:hover{
					border-color: #212121;
					background-color: #;
					color: #; 
				}
				
		nav a {
			color: #ffffff;}
		nav .nav-dot {
			background-color: rgba(255, 255, 255, 0.9); }
		
		/* =Footer */
		.footer-container {
		text-align: center;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.5);
		background-color: #06060d; }
		.footer-container h3 {
			margin: 0;
			padding: 20px 0;
			font-weight: normal; }
		.footer-container a {
			color: rgba(255, 255, 255, 0.5); }
			
		.fs {
			height: 100vh; }		
		@media only screen and (max-width: 480px)
		{
		  .scroll-hint {
			opacity: 1.0; }
		}	
	
		@media only screen and (max-width: 480px)
		{
		  #logo {
			left: 50%;
			-webkit-transform: translate(-50%, 10%);
			-ms-transform: translate(-50%, 10%);
			transform: translate(-50%, 10%);
			}
		}