/* Definition des Hintergrunds */
.verein_background				{	position: absolute; z-index: 1; width: 100%; height: 60vh; 
									background: url(../../content/img/background_verein.jpg) no-repeat center center; 
									-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;	background-size: cover; background-attachment: fixed; }
									
/* 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/background_verein.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;  }

.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: 90vw; 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;  }


/* Abstand zur headline */
.content_text p					{	margin-left: 4vw; margin-right: 2vw; margin-top: 0vh; padding-bottom: 10vh; text-align: justify; font-size: 1.3em; 										line-height: 1.8em; font-weight: 300;  }

/* 	-------------------------------------------------------------------------------------------------- */
/*	Design Anpassung , small monitor */ 
/* 	-------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1200px) { 
			.ha-header nav 								{	height: 19vh; }
			.subnavigation								{	top: 19vh; height: 7vh; }
			
			.ha-header-large .brown_line 				{	top: 19vh; }
			.ha-header-small .brown_line 				{	top: 12.5vh; }
			
			.ha-header-large .subnavigation a img		{	height: 3vh; width: auto; margin-top: 2vh; } 
			.ha-header-small .subnavigation a img		{	height: 3vh; width: auto; margin-left: 0vw; } 
			
		
			.ha-header-large							{	height: 26vh; }
			.ha-header-small 	 						{	height: 16.5vh; }
			
			.ha-header-small .subnavigation 			{	-webkit-transform: translateY(-6.5vh); transform: translateY(-6.5vh); } }

@media screen and (max-width: 1160px) { 
			.ha-header nav 								{	height: 18.5vh; }
			.subnavigation								{	top: 18.5vh; height: 7vh; }
			
			.ha-header-large .brown_line 				{	top: 18.5vh; }
			.ha-header-small .brown_line 				{	top: 12.5vh; }
			
			.ha-header-large .subnavigation a img		{	height: 2.9vh; width: auto; margin-top: 2vh; } 
			.ha-header-small .subnavigation a img		{	height: 2.9vh; width: auto; margin-left: 0vw; } 
			
		
			.ha-header-large							{	height: 26vh; }
			.ha-header-small 	 						{	height: 16.5vh; }
			
			.ha-header-small .subnavigation 			{	-webkit-transform: translateY(-6.0vh); transform: translateY(-6.0vh); } }

@media screen and (max-width: 1120px) { 
			.ha-header nav 								{	height: 18.0vh; }
			.subnavigation								{	top: 18.0vh; height: 7vh; }
			
			.ha-header-large .brown_line 				{	top: 18.0vh; }
			.ha-header-small .brown_line 				{	top: 12.5vh; }
			
			.ha-header-large .subnavigation a img		{	height: 2.8vh; width: auto; margin-top: 2vh; } 
			.ha-header-small .subnavigation a img		{	height: 2.8vh; width: auto; margin-left: 0vw; } 
			
		
			.ha-header-large							{	height: 26vh; }
			.ha-header-small 	 						{	height: 16.5vh; }
			
			.ha-header-small .subnavigation 			{	-webkit-transform: translateY(-5.5vh); transform: translateY(-5.5vh); } }

@media screen and (max-width: 1080px) { 
			.ha-header nav 								{	height: 17.5vh; }
			.subnavigation								{	top: 17.5vh; height: 7vh; }
			
			.ha-header-large .brown_line 				{	top: 17.5vh; }
			.ha-header-small .brown_line 				{	top: 12.5vh; z-index: 2000; }
			
			.ha-header-large .subnavigation a img		{	height: 2.7vh; width: auto; margin-top: 2vh; } 
			.ha-header-small .subnavigation a img		{	height: 2.7vh; width: auto; margin-left: 0vw; } 
			
		
			.ha-header-large							{	height: 26vh; }
			.ha-header-small 	 						{	height: 16.5vh; }
			
			.ha-header-small .subnavigation 			{	-webkit-transform: translateY(-5.0vh); transform: translateY(-5.0vh); } }

@media screen and (max-width: 1040px) { 
			.ha-header nav 								{	height: 17.0vh; }
			.subnavigation								{	top: 17.0vh; height: 7vh; }
			
			.ha-header-large .brown_line 				{	top: 17.0vh; }
			.ha-header-small .brown_line 				{	top: 12.0vh; z-index: 2000; }
			
			.ha-header-large .subnavigation a img		{	height: 2.6vh; width: auto; margin-top: 2vh; } 
			.ha-header-small .subnavigation a img		{	height: 2.6vh; width: auto; margin-left: 0vw; } 
			
		
			.ha-header-large							{	height: 26vh; }
			.ha-header-small 	 						{	height: 16.0vh; }
			
			.ha-header-small .subnavigation 			{	-webkit-transform: translateY(-5.0vh); transform: translateY(-5.0vh); } }

@media screen and (max-width: 1000px) { 
			.ha-header nav 								{	height: 16.5vh; }
			.subnavigation								{	top: 16.5vh; height: 7vh; }
			
			.ha-header-large .brown_line 				{	top: 16.5vh; }
			.ha-header-small .brown_line 				{	top: 11.5vh; z-index: 2000; }
			
			.ha-header-large .subnavigation a img		{	height: 2.5vh; width: auto; margin-top: 2vh; } 
			.ha-header-small .subnavigation a img		{	height: 2.5vh; width: auto; margin-left: 0vw; } 
			
		
			.ha-header-large							{	height: 26vh; }
			.ha-header-small 	 						{	height: 15.5vh; }
			
			.ha-header-small .subnavigation 			{	-webkit-transform: translateY(-5.0vh); transform: translateY(-5.0vh); } }

@media screen and (max-width: 960px) { 
			.ha-header nav 								{	height: 16.0vh; }
			.subnavigation								{	top: 16.0vh; height: 7vh; }
			
			.ha-header-large .brown_line 				{	top: 16.0vh; }
			.ha-header-small .brown_line 				{	top: 11.0vh; z-index: 2000; }
			
			.ha-header-large .subnavigation a img		{	height: 2.4vh; width: auto; margin-top: 2vh; } 
			.ha-header-small .subnavigation a img		{	height: 2.4vh; width: auto; margin-left: 0vw; } 
			
		
			.ha-header-large							{	height: 26vh; }
			.ha-header-small 	 						{	height: 15.0vh; }
			
			.ha-header-small .subnavigation 			{	-webkit-transform: translateY(-5.0vh); transform: translateY(-5.0vh); } }

@media screen and (max-width: 920px) { 
			.ha-header nav 								{	height: 15.5vh; }
			.subnavigation								{	top: 15.5vh; height: 7vh; }
			
			.ha-header-large .brown_line 				{	top: 15.5vh; }
			.ha-header-small .brown_line 				{	top: 10.5vh; z-index: 2000; }
			
			.ha-header-large .subnavigation a img		{	height: 2.3vh; width: auto; margin-top: 2vh; } 
			.ha-header-small .subnavigation a img		{	height: 2.3vh; width: auto; margin-left: 0vw; } 
			
		
			.ha-header-large							{	height: 26vh; }
			.ha-header-small 	 						{	height: 14.5vh; }
			
			.ha-header-small .subnavigation 			{	-webkit-transform: translateY(-5.0vh); transform: translateY(-5.0vh); } }

@media screen and (max-width: 880px) { 
			.ha-header nav 								{	height: 15.0vh; }
			.subnavigation								{	top: 15.0vh; height: 7vh; }
			
			.ha-header-large .brown_line 				{	top: 15.0vh; }
			.ha-header-small .brown_line 				{	top: 10.0vh; z-index: 2000; }
			
			.ha-header-large .subnavigation a img		{	height: 2.2vh; width: auto; margin-top: 2vh; } 
			.ha-header-small .subnavigation a img		{	height: 2.2vh; width: auto; margin-left: 0vw; } 
			
		
			.ha-header-large							{	height: 26vh; }
			.ha-header-small 	 						{	height: 14.0vh; }
			
			.ha-header-small .subnavigation 			{	-webkit-transform: translateY(-5.0vh); transform: translateY(-5.0vh); } }
			
@media screen and (max-width: 840px) { 
			.ha-header nav 								{	height: 14.5vh; }
			.subnavigation								{	top: 14.5vh; height: 7vh; }
			
			.ha-header-large .brown_line 				{	top: 14.5vh; }
			.ha-header-small .brown_line 				{	top: 9.5vh; z-index: 2000; }
			
			.ha-header-large .subnavigation a img		{	height: 2.1vh; width: auto; margin-top: 2vh; } 
			.ha-header-small .subnavigation a img		{	height: 2.1vh; width: auto; margin-left: 0vw; } 
			
		
			.ha-header-large							{	height: 26vh; }
			.ha-header-small 	 						{	height: 13.5vh; }
			
			.ha-header-small .subnavigation 			{	-webkit-transform: translateY(-5.0vh); transform: translateY(-5.0vh); } }