@font-face 						{	font-family: 'goep100'; src: url('../fonts/goep100.woff2') format('woff2'), url('../goep/goep100.woff') format('woff');
    								font-weight: 100; font-style: normal; font-display: swap; }

@font-face 						{	font-family: 'goep300'; src: url('../fonts/goep300.woff2') format('woff2'), url('../goep/goep300.woff') format('woff');
    								font-weight: 100; font-style: normal; font-display: swap; }
    									
    									

.clearfix:before, .clearfix:after { content: '';}
.clearfix:after { clear: both; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
								{	margin:0; padding:0; }

html,body 						{	margin:0; padding:0; }
html, body, .container 			{	width: 100%; height: auto; }
body 							{	font-family: goep300;  }
html, 
body, 
.container, 
.content-wrap 								{	width: 100%; height: 100%; }

.content 									{	position: relative; background: #fff; }

/* HAUPTNAVIGATION */
.ha-header 									{	position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; 
												-webkit-transform: translateY(0%); -moz-transform: translateY(0%);
												transform: translateY(0%); -webkit-transition: all 1.0s; -moz-transition: all 1.0s;
												transition: all 1.0s; }
.ha-header-perspective 						{	width: 100%; height: 100%; position: relative; -webkit-perspective: 1100px;
												-moz-perspective: 1100px; perspective: 1100px; -webkit-perspective-origin: 50% 0;
	     										-moz-perspective-origin: 50% 0; perspective-origin: 50% 0; }
.ha-header-perspective > div 				{	background: transparent; text-align: left; height: 100%; width: 100%; margin: 0 auto;
												position: relative; text-align: justify; -webkit-backface-visibility: hidden;
												-moz-backface-visibility: hidden; backface-visibility: hidden;
												-webkit-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s;
												overflow: hidden; }
.ha-header-front 							{	z-index: 2; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%;
												transform-origin: 50% 100%; }
.ha-header-perspective > div::after 		{	content: ''; display: inline-block; width: 100%; }
.ha-header nav, .ha-header nav::before  	{	display: inline-block; vertical-align: top; text-align: left; }
.ha-header nav::before 						{	content: ''; height: 100%; }

/* Navigationselemente */
.ha-header nav 								{	width: 100vw; height: 20vh; background-color: rgba(255, 255, 255, 0.7); }
.ha-header nav a 							{	display: inline-block; text-transform: uppercase; letter-spacing: 1px; 
												cursor: pointer; outline: none; text-decoration: none; }
.brown_line 								{	position: relative; z-index: 500; width: 100%; height: 2px; background: #603912; }

/* Position der Navigationselemente */
.ha-header nav a:nth-child(1) 				{	width: 30vw; height: auto; margin-right: 6vw; margin-left: 3vw; margin-bottom: 5vh; margin-top: 2vh; }
.ha-header nav a img:nth-child(1) 			{	padding-bottom: -5vh; }
.ha-header nav a:nth-child(2) 				{	width: 5.08vw; height: auto; margin-right: 3.5vw;  }
.ha-header nav a:nth-child(3) 				{	width: 12.03vw; height: auto; margin-right: 3.5vw;  }
.ha-header nav a:nth-child(4) 				{	width: 13.98vw; height: auto; margin-right: 3.5vw; }
.ha-header nav a:nth-child(5) 				{	width: 15.08vw; height: auto; margin-right: 3.5vw; }
.ha-header nav a img 						{	width: 100%; height: auto; }
.ha-header nav a::after 					{	height: 2vh; }	

/* Mouse-Over Navigationselemente */
.ha-header nav a:nth-child(1):hover			{	opacity: 1.0; border-bottom: 0em solid #fff; border-width: -3em; margin-bottom: -0.2em;}
.ha-header nav a:hover 						{	opacity: 1.0; border-bottom: 0.2em solid #3e5f04; border-width: -3em; margin-bottom: -0.2em; }
.ha-header nav a:last-child 				{	margin-right: 0; }


/* Metanavigation */
.metanavigation								{	position: fixed; z-index: 200; right: 3vw; top: -35px; }
.metanav-sink 								{	display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0);
  												transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;
 												backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s;
  												transition-duration: 0.5s; -webkit-transition-property: transform; transition-property: transform;
  												-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.metanav-sink:hover, 
.metanav-sink:focus, 
.metanav-sink:active 						{	-webkit-transform: translateY(20px); transform: translateY(20px); }

/* Subnavigation */
.subnavigation								{	position: fixed; z-index: 201; right: 0vw; width: 100vw; top: 20vh; height: 8vh; background: #3e5f04; 
												opacity: 0.9; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0);
  												transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;
 												backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 1.ßs;
  												transition-duration: 1.0s; -webkit-transition-property: transform; transition-property: transform;
  												-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.subnavigation a							{	height: 4vh; margin-right: 3.5vw; float: right; opacity: 0.8;}
.subnavigation a img						{	height: 4vh; width: auto; margin-top: 2vh; }


/* Verhalten der Navigation */
.ha-header-large 							{	height: 28vh; }
.ha-header-large nav						{	height: 20vh;
												-webkit-transform: translateY(0%);
												-moz-transform: translateY(0%);
												transform: translateY(0%);
												-webkit-transition: all 1.0s;
												-moz-transition: all 1.0s;
												transition: all 1.0s;	}
.ha-header-large .metanavigation			{	-webkit-transform: translateY(0%);
												-moz-transform: translateY(0%);
												transform: translateY(0%);
												-webkit-transition: all 1.0s;
												-moz-transition: all 1.0s;
												transition: all 1.0s;	}
.ha-header-large nav a:nth-child(1)			{	-webkit-transform: translateY(0%);
												-moz-transform: translateY(0%);
												transform: translateY(0%);
												-webkit-transition: all 1.0s;
												-moz-transition: all 1.0s;
												transition: all 1.0s;	}
.ha-header-large .brown_line 				{	position: fixed; z-index: 5000; width: 100%; top: 20vh; height: 2px; background: #603912; 
												-webkit-transform: translateY(0%);
												-moz-transform: translateY(0%);
												transform: translateY(0%);
												-webkit-transition: all 1.0s;
												-moz-transition: all 1.0s;
												transition: all 1.0s;	}
.ha-header-large .subnavigation				{	-webkit-transform: translateY(0%);
												-moz-transform: translateY(0%);
												transform: translateY(0%);
												-webkit-transition: all 1.0s;
												-moz-transition: all 1.0s;
												transition: all 1.0s;	}
.ha-header-large .subnavigation a img		{	height: 2.5vh; width: auto; margin-top: 2.75vh; 
												-webkit-transition: all 1.0s;
												-moz-transition: all 1.0s;
												transition: all 1.0s;}		
.ha-header-large .subnavigation a:hover		{	opacity: 1.0; }

					
				
												
.ha-header-small nav 						{	height: 13vh; background: #fff; opacity: 1.0;
												-webkit-transform: translateY(0%);
												-moz-transform: translateY(0%);
												transform: translateY(0%);
												-webkit-transition: all 1.0s;
												-moz-transition: all 1.0s;
												transition: all 1.0s;	}										
.ha-header-small 							{	height: 17vh; background: #fff; opacity: 1.0;
												-webkit-transform: translateY(0%);
												-moz-transform: translateY(0%);
												transform: translateY(0%);
												-webkit-transition: all 1.0s;
												-moz-transition: all 1.0s;
												transition: all 1.0s;	}
.ha-header-small nav a:nth-child(1)			{	width: 18vw; height: auto; margin-top: 2vh; margin-right: 18vw;
												-webkit-transform: translateY(0%);
												-moz-transform: translateY(0%);
												transform: translateY(0%);
												-webkit-transition: all 1.0s;
												-moz-transition: all 1.0s;
												transition: all 1.0s;	}
.ha-header-small .metanavigation			{	position: fixed; z-index: 200; right: 3vw; top: -63px; 
												-webkit-transform: translateY(0%);
												-moz-transform: translateY(0%);
												transform: translateY(0%);
												-webkit-transition: all 1.0s;
												-moz-transition: all 1.0s;
												transition: all 1.0s;	}
.ha-header-small .metanav-sink 				{	display: inline-block;
												vertical-align: middle;
												-webkit-transform: translateZ(0);
												transform: translateZ(0);
												box-shadow: 0 0 1px rgba(0, 0, 0, 0);
												-webkit-backface-visibility: hidden;
												backface-visibility: hidden;
												-moz-osx-font-smoothing: grayscale;
												-webkit-transition-duration: 0.5s;
												transition-duration: 0.5s;
												-webkit-transition-property: transform;
												transition-property: transform;
												-webkit-transition-timing-function: ease-out;
												transition-timing-function: ease-out; }
.ha-header-small .metanav-sink:hover, 
.ha-header-small .metanav-sink:focus, 
.ha-header-small .metanav-sink:active 		{	-webkit-transform: translateY(28px);
												transform: translateY(28px); }

.ha-header-small .subnavigation 			{	-webkit-transform: translateY(-7vh);
												transform: translateY(-7vh); 
												height: 4vh;
												-webkit-transition: all 1.0s;
												-moz-transition: all 1.0s;
												transition: all 1.0s;}
												
.ha-header-small .subnavigation a img		{	height: 2vh; width: auto; margin-top: 1.0vh; margin-left: 1.5vw;
												-webkit-transition: all 1.0s;
												-moz-transition: all 1.0s;
												transition: all 1.0s;}	
.ha-header-small .subnavigation a:hover		{	opacity: 1.0; }	
.ha-header-small .brown_line 				{	position: fixed; z-index: 5000; width: 100%; top: 13vh; height: 1px; background: #603912; 
												-webkit-transform: translateY(0%);
												-moz-transform: translateY(0%);
												transform: translateY(0%);
												-webkit-transition: all 1.0s;
												-moz-transition: all 1.0s;
												transition: all 1.0s;	}												
												
/* CONTENT */

.meat							{	top: 42vh; position: absolute; z-index: 1;  }

.page_content					{	position: absolute; z-index: 500; height: auto; top: 60vh; width: 94vw; left: 3vw; 
									background: rgba(255,255,255,.9); }
.headline_area					{	position: relative; z-index: 5002; width: 66vw; left: 0vw; height: 14vh; top: 1vh; background: #fff;  }
.headline_area img				{	width: 59vw; height: auto; margin-top: 2vh; margin-left: 4vw; margin-right: 4vw; }
.content_text					{	position: relative; width: 65vw; padding-top: 1.5em; z-index: 5003; font-weight: 300;}
.content_text strong			{	color: #3e5f04; font-size: 1.1em; line-height: 1.8em; font-weight: 300; }
.content_text a					{	text-decoration: none; color: #79a800; font-size: 1.1em; line-height: 1.8em; }

.teaser_area					{	position: absolute; width: 21vw; left: 70vw; top: 0vh; z-index: 5000; padding-bottom: 10vh; }
.teaser_area img				{	margin-top: 3vh; opacity: 0.9; width: 100%; height: auto; }
.teaser_area img:hover			{	opacity: 1.0; }

												


/* Footer */
.footer_background				{	position: absolute; z-index: 4000; width: 100vw; left: -3vw; height: 40vh; background: #3e5f04; margin-top: 5vh; }

.background_logo				{	position: absolute; z-index: 4001; width: 100vw; height: 90vh; bottom: -45vh; left: -3vw; opacity: 0.4}
.background_logo img			{	height: 100%; width: auto; }

.footer							{	position: absolute; z-index: 4003; width: 100vw; left: -3vw; height: 40vh; margin-top: 5vh; }
.footer .footer_row1			{	position: absolute; z-index: 4003; width: 30vw; left: 8vw; display: inline-block; margin-top: 6vh; }
.footer .footer_row2			{	position: absolute; z-index: 4003; width: 25vw; left: 41vw; display: inline-block; margin-top: 6vh; }
.footer .footer_row3			{	position: absolute; z-index: 4003; left: 74vw; display: inline-block; margin-top: 6vh; }
.footer p						{	color: #79a800; font-size: 1.3em; line-height: 1.8em; font-weight: 300;}
.footer .middle					{	color: #fff; line-height: 1.0em; display: inline-block; padding-left: 0.2em; padding-right: 0.2em; }
.footer a						{	color: #fff; text-decoration: none; font-size: 1.3em; line-height: 1.8em; font-weight: 300; }
.footer a:hover					{	color: #79a800; }
.footer_row3 img				{	padding-left: 2vw; }


@media screen and (max-width: 1090px) { .footer p {	font-size: 1.2em; } .footer a	{	font-size: 1.2em; }	}
@media screen and (max-width: 985px)  { .footer p {	font-size: 1.1em; } .footer a	{	font-size: 1.1em; }	}
@media screen and (max-width: 935px)  { .footer p {	font-size: 1.0em; } .footer a	{	font-size: 1.0em; }	}
@media screen and (max-width: 837px)  { .footer p {	font-size: 0.9em; } .footer a	{	font-size: 0.9em; }	}

/* 	-------------------------------------------------------------------------------------------------- */
/*	phones @all 
/* 	-------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 1024px) 	{ 	.container_2		{	display: none; }	
@media screen and (max-width: 1023px) 	{	.container			{	display: none; }}