.slideshow li:nth-child(1) span { 
    background-image: url(../../content/img/nsg_holzhafen01.jpg);
     -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s; 
 }
.slideshow li:nth-child(2) span { 
    background-image: url(../../content/img/nsg_holzhafen02.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.slideshow li:nth-child(3) span { 
    background-image: url(../../content/img/nsg_holzhafen03.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.slideshow li:nth-child(4) span { 
    background-image: url(../../content/img/nsg_holzhafen04.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}

/* Zeige zumindest ein Bild, wenn nichts geht */
.no-cssanimations .slideshow li span{
	background-image: url(../../content/img/nsg_holzhafen01.jpg); }

/* Small Version */
body							{	-webkit-overflow-scrolling: touch; }

.small_logo						{	position: absolute; top: 1vh; right: 1vh; height: 7.5vh; z-index: 2; }
.small_logo img					{	height: 100%; width: auto; }									

.goep_background_small			{	position: absolute; z-index: 1; width: 100%; height: 54vh; top: 0vh; z-index: ; 
									background: url(../../content/img/nsg_holzhafen01.jpg) no-repeat center center; 
									-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;	background-size: cover; }
.white_banner					{	position: relative; z-index: 1000; top: 0%; width: 100%; height: 10vh; background: #fff; opacity: 0.8; }

.whoiam							{	position: relative; z-index: 1000; bottom: 0%; width: 100%; max-height: 15%; background: #3e5f04; opacity: 0.8; color: #fff; text-align: right; padding-top: 0.5em; padding-bottom: 0.5em; padding-right: 5%; font-size: 1.5em; z-index: 2; font-weight: 400; }									
									
.small_inhalt					{	position: absolute; top: 57vh; width: 100%; z-index: 2; padding-bottom: 5vh; }
.small_inhalt img				{	width: 70%; height: auto; }

.small_headline_area			{	position: relative; width: 100vw; padding-left: 5%; padding-right: 5%; }
.small_headline_area img		{	width: 100%; height: auto; }

.green_line						{	position: relative; width: 100vw; height: 2px; background: #79a800; margin-top: 1.5em; }

.small_content_text				{	position: relative; width: 100vw; padding-top: 1.5em; font-weight: 300; padding-left: 5%; padding-right: 5%; font-size: 1.4em; line-height: 1.4em; text-align: justify; }
.small_content_text strong		{	color: #3e5f04; font-size: 1.2em; line-height: 1.2em; font-weight: 300; }
.small_content_text a			{	text-decoration: none; color: #79a800; font-size: 1.2em; line-height: 1.2em; }

.interesse						{	position: relative; width: 100vw; padding-top: 0em; font-weight: 300; padding-left: 5%; padding-right: 5%; font-size: 1.7em; line-height: 1.7em; text-align: justify; color: #79a800; }

.small_teaser_area				{	position: relative; width: 100%; padding-left: 5%; padding-right: 5%; padding-bottom: 10vh; }
.small_teaser_area img			{	width: 48.6%; height: auto; padding-right: 2%; padding-bottom: 2%; }

.small_footer_tree				{	position: fixed; z-index: 1; width: 60%; height: 50vh; bottom: -20vh; left: 0vw; opacity: 0.1; }
.small_footer_tree img			{	width: 100%; height: auto;  }
.small_inhalt p					{	position: relative; width: 100vw; padding-top: 1.5em; font-weight: 300; padding-left: 5%; padding-right: 5%; font-size: 1.4em; line-height: 1.4em; text-align: justify; }



/* VERSTECKTE INHALTE */
#main1_hidden					{ 	display: none; }
#main2_hidden					{ 	display: none; }
#main3_hidden					{ 	display: none; }
#main4_hidden					{ 	display: none; }
#main5_hidden					{ 	display: none; }

.Hauptauswahl1	 				{ 	position: relative; padding-left: 5%; padding-top: 2vh; display: inline-block; }
.Hauptauswahl1 button 			{ 	position: relative; background: #3e5f04; width: 90vw; opacity: 0.8; padding: 1em; font-size: 120%; font-weight: 300; color: #fff; 
							  		border-style: none; right: 0%; border-opacity: 1.0; float: right; }
.Hauptauswahl1 button:hover 	{ 	opacity: 1.0; }

.Hauptauswahl2	 				{ 	position: relative; padding-left: 5%; padding-top: 2vh; display: inline-block; }
.Hauptauswahl2 button 			{ 	position: relative; background: #3e5f04; width: 90vw; opacity: 0.8; padding: 1em; font-size: 120%; font-weight: 300; color: #fff; 
							  		border-style: none; right: 0%; border-opacity: 1.0; float: right; }
.Hauptauswahl2 button:hover		{ 	opacity: 1.0; }

.Hauptauswahl3	 				{ 	position: relative; padding-left: 5%; padding-top: 2vh; display: inline-block; }
.Hauptauswahl3 button 			{ 	position: relative; background: #3e5f04; width: 90vw; opacity: 0.8; padding: 1em; font-size: 120%; font-weight: 300; color: #fff; 
							  		border-style: none; right: 0%; border-opacity: 1.0; float: right; }
.Hauptauswahl3 button:hover 	{ 	opacity: 1.0; }

.Hauptauswahl4	 				{ 	position: relative; padding-left: 5%; padding-top: 2vh; display: inline-block; }
.Hauptauswahl4 button 			{ 	position: relative; background: #3e5f04; width: 90vw; opacity: 0.8; padding: 1em; font-size: 120%; font-weight: 300; color: #fff; 
								  	border-style: none; right: 0%; border-opacity: 1.0; float: right; }
.Hauptauswahl4 button:hover 	{ 	opacity: 1.0; }

.Hauptauswahl5	 				{ 	position: relative; padding-left: 5%; padding-top: 2vh; display: inline-block; }
.Hauptauswahl5 button 			{ 	position: relative; background: #3e5f04; width: 90vw; opacity: 0.8; padding: 1em; font-size: 120%; font-weight: 300; color: #fff; 
							  		border-style: none; right: 0%; border-opacity: 1.0; float: right; }
.Hauptauswahl5 button:hover 	{ 	opacity: 1.0; }