/*
Dark blue: #0069B3
Light Blue: #0094DA
*/
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans/open-sans-v17-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans/open-sans-v17-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans/open-sans-v17-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans/open-sans-v17-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans/open-sans-v17-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans/open-sans-v17-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans/open-sans/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans/open-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans/open-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans/open-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans/open-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans/open-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans/open-sans-v17-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab/roboto-slab-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab/roboto-slab-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab/roboto-slab-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab/roboto-slab-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab/roboto-slab-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab/roboto-slab-v10-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-slab/roboto-slab-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab/roboto-slab-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab/roboto-slab-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab/roboto-slab-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab/roboto-slab-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab/roboto-slab-v10-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
	
	#footer-gmap .uc-embedding-wrapper {
  position: absolute;
  right: 0 !important;
  transform: translateX(50%) translateY(-50%);
}
#footer-gmap .description-text {
  color: #000;
}

body { margin: 0; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.4em; background-color: #f2f4f7; color: #3F3F3F; }

.section-outer { position: relative; padding: 0 5% 0 5%; margin: auto; }
	.section-inner { max-width: 1260px; position: relative; margin: auto; padding-top: 3rem; padding-bottom: 3rem; }

	.section-outer-nopadding { padding: 0 0 !important; }
	.section-inner-nopadding { padding: 0 0 !important; }
	.section-first {}

@media screen and (max-width: 900px) {
	.section-outer { padding: 0 1rem; }
}

@media screen and (max-width: 800px) {
	.section-inner { padding: 2rem 0; }
}

/*Typo*/
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Slab', serif; font-weight: 400; margin-top: 0; line-height: 1.3em; color: #0094DA; }
h1 { font-size: 1.7rem; }
h2 { font-size: 1.5rem; }
h3, h4, h5, h6 { font-size: 1.3rem; }

@media screen and (max-width: 900px) {
	h1 { font-size: 1.5rem; }
	h2 { font-size: 1.3rem; }
	h3, h4, h5, h6 { font-size: 1.1rem; }
}

.text-white { color: #FFFFFF; }
.text-blue { color: #0094DA; }
.text-darkblue { color: #0069B3; }

.box-darkblue a, .box-blue a, .box-darkblue * { color: #FFF; }

a { color: #0094DA; }
a:hover {  color: #0094DA; text-decoration: none; }

ul { list-style-type: none; margin: 0; padding: 0 !important;}
ul li { display: block; position: relative; margin: 0; padding-left: 2rem; }
ul li:before { font-family: FontAwesome; content: '\f105'; color: #0094DA; font-size: 1.2em; line-height: 1em; margin-right: .5rem; position: absolute; left: 0; top: 0.1em; } 

a.read-more { position: absolute; right: 2rem; bottom: 1rem; font-family: 'Roboto Slab', serif; text-decoration: none; }
a.read-more:after { margin-left: .5rem; font-family: FontAwesome; content: '\f105'; position: relative; font-size: 1.4rem; float: right; } 
a.read-more:hover { text-decoration: underline; }

a.button { display: inline-block; padding: .5rem 1rem; text-decoration: none; cursor: pointer; }
a.button.white { background-color: #FFF; color: #0069B3; } 

/*Editmode*/
.box-editmode { margin-bottom: 2rem; background-color: #E9E9E9; border: 1px solid #CCC; padding: 1rem; }
	.box-editmode-left { display: inline-block; width: 40%; vertical-align: top; }
	.box-editmode-right { display: inline-block; width: 55%; vertical-align: top; float: right; }

/*Allg. Content-Elemente*/
.flex-container { display: -webkit-flex; -webkit-flex-direction: row; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }

	.box { box-sizing: border-box; padding: 2rem; margin: 0 0 3rem 0; position: relative; }
	.box-third { width: 31.5%; }
	.box-half { width: 48.5%; }
	.box-twothird { width: 66%; }
	.box-full { width: 100%; }

	@media screen and (max-width: 900px) {
		.box { padding: 1.5rem; }
	}

	.box-white, .bg-white { background-color: #FFFFFF; }
	.box-blue, .bg-blue { background-color: #0094DA; color: #FFF;}
	.box-darkblue, .bg-darkblue { background-color: #0069B3; color: #FFF;}
	.bg-grey { background-color: #f2f4f7;}

	.box-image { padding: 0 !important; }
		.box-image > img { display: block; position: relative; width: 100%; height: auto; }
		.box-image > .box-content { position: absolute; width: 100%; height: 100%; padding: 2rem; top: 0; left: 0;color: #FFF; box-sizing: border-box; }

	.box-top-border { border-top: 6px solid #0094DA; }

	.clearfloat { clear: both; }
	.img-fluid { width: 100%; }

	@media screen and (max-width: 800px) {
		.box { margin: 1rem 0; } 
		.box-third { width: 100%; }
		.box-half { width: 100%; }
		.box-twothird { width: 100%; }
	}

	/*Navi*/
	#section-navi { border-bottom: 4px solid #0094DA; position: fixed; padding-top: 0; padding-bottom: 0; top: 0; width: 100%; z-index: 1000; box-sizing: border-box; }
		#section-navi .section-inner { padding: 1rem 0; }

		nav { margin-right: 200px; }
		nav a { text-decoration: none; text-transform: uppercase; color: #0069B3; font-weight: 700; font-family: 'Roboto Slab', serif; margin-right: 2rem;}
		nav a.nav-active { color: #0094DA; }
		nav a:hover { color: #0094DA; text-decoration: underline; } 

		.section-navi-phone { position: absolute; right: 0; top: 0; margin-top: 1rem; font-family: 'Roboto Slab', serif; color: #0069B3; font-weight: 700; font-size: 16px; }
			.section-navi-phone a { color: #0069B3; text-decoration: none; }
			.section-navi-phone i.fa { font-size: 1.2rem; margin-right: 0.4rem; margin-top: 0.1rem; float: left; }

		#btn-navi-mobile { font-size: 1.8rem; color: #0094DA; float: right; display: none; cursor: pointer; margin-right: .5rem; }

	@media screen and (max-width: 850px) {
		nav { display: none; }
		.section-navi-phone { position: relative; float: left; margin-top: .3rem; }
		#btn-navi-mobile { display: inline-block; }
	}

	/*Mobile Navi*/
	#section-navi-mobile { position: fixed; display: none; height: 100%; width: 100%; box-sizing: border-box; z-index: 900; background-color: #FFF; }
		#section-navi-mobile a { font-family: 'Roboto Slab', serif; display: inline-block; width: 47.5%; box-sizing: border-box; margin-bottom: 1rem; background-color: #f2f4f7; text-align: center; font-size: 1.1rem; padding: 2rem 1rem; color: #0069B3; text-decoration: none; }
		#section-navi-mobile a:hover { background-color: #0069B3; color: #FFF; }

		#section-navi-mobile .section-inner { padding-top: 0rem !important; }

	/*Footer*/
	#section-footer { padding: 0; }
		#footer-contact { width: 40%; min-width: 440px; position: relative; z-index: 100; padding: 3rem 0; background-image: url(/assets/images/quadrat_footer.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }
		#footer-contact a { color: #FFF; }
		#footer-contact a:hover { text-decoration: underline; }
		#footer-gmap { background-color: rgba(255,255,255,0.3); position: absolute; top: 0; right: 0; width: auto; height: 100%; box-sizing: border-box; }

		#section-footer a:hover { text-decoration: none; }
		.meta-link { font-size: .9rem; }

	/*Mood*/
	.section-mood { padding: 0 !important; }
		.section-mood img.mood-image { display: block; position: relative; width: 100%; height: auto; } 
		.section-mood img.logo { position: absolute; top: 0; left: 0; height: 100%; width: auto; } 


/*Spez. Content-Elemente*/

	/*Startseite*/
	#section-start-mood { border-left: 5rem solid #FFF; }
		#section-start-mood > img.mood-image { display: block; position: relative; width: 100%; height: auto; }
		#section-start-mood > img.logo { position: absolute; height: 100%; width: auto; z-index: 800; top: 0; left: 0; }

	#section-start-windtestfeld { background-image: url(/assets/images/hg_himmel.jpg); background-size: cover; background-position: right; background-repeat: no-repeat; }
		#box-start-windtestfeld { background-color: rgba(0,105,179, 0.75); float: right; padding-bottom: 3rem; }
		.image-windtestfeld-map { width: 90%; height: auto; }

		#box-start-windtestfeld-map { float: left; }

	.box-start-gesellschafter { background-image: url(/assets/images/quadrat.png); background-repeat: no-repeat; background-position: bottom right; background-size: 35%; }
		.table-gesellschafter { width: 70%; font-size: .9rem; }
		.table-gesellschafter tr td { padding: 0rem 1rem .4rem 0; vertical-align:top; width: 50%; }

	.box-start-gf {  }
		.box-start-gf h3 { margin-bottom: .5rem; }

	@media screen and (max-width: 680px) {
		.table-gesellschafter { display: block; }
		.table-gesellschafter tr { display: block; }
		.table-gesellschafter tr td { display: block; width: 100%; }
	}

	/*Projekt*/
	#section-projekt-gesellschafter { }
	#section-projekt-gesellschafter .section-inner { padding: 0; }

		.flex-container-gesellschafter { display: -webkit-flex; -webkit-flex-direction: row; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; }

		#section-projekt-gesellschafter .item-gesellschafter { color: #FFF; width: 23.5%; margin-right: 2%; box-sizing: border-box; display: inline-block; padding: 2rem 2rem; text-align:center; background-color: #0094DA; font-family: 'Roboto Slab', serif; margin-bottom: 1.5rem; }
		#section-projekt-gesellschafter .item-gesellschafter a { color: #FFF; text-decoration: none; }
		#section-projekt-gesellschafter .item-gesellschafter:nth-child(4n) { margin-right: 0;}

	@media screen and (max-width: 800px) {
		#section-projekt-gesellschafter .item-gesellschafter { width: 48.5%; margin-right: 3%; }
		#section-projekt-gesellschafter .item-gesellschafter:nth-child(2n) { margin-right: 0;}
	}

	@media screen and (max-width: 450px) {
		#section-projekt-gesellschafter .item-gesellschafter { padding: 1.5rem 1rem; margin-right: 0; }
	}

	#section-projekt-faq { padding-bottom: 2rem; }
		.item-faq { margin-bottom: .3rem; background-color: #FFF; padding: 0.75rem 1rem; }
		.item-faq-question { font-family: 'Roboto Slab', serif; cursor: pointer; font-weight: 700; font-size: 1rem;}
		.item-faq-question i.fa { float: right; display: inline-block; font-size: 1.8rem; line-height: 1.2rem; vertical-align: top; margin-left: 1rem; }
		.item-faq-answer { display: none; }

	/*Kontakt*/
	#section-kontakt { }

	.item-kontakt-ansprechpartner { }
		.item-kontakt-ansprechpartner img { width: 50%; height: auto; float: left; position: relative; display: inline-block; }
		.item-kontakt-ansprechpartner .box-content { width: 50%; float: right; position: relative; display: inline-block; box-sizing: border-box; padding-left: 1.5rem; }

	@media screen and (max-width: 550px) {
		.item-kontakt-ansprechpartner img { width: 75%; float: none; }
		.item-kontakt-ansprechpartner .box-content { width: 100%; padding: 0 1.5rem; margin: 1rem 0; }
	}

	/*Presse*/
	.section-presse-downloads { width: 100%; padding-bottom: 3rem; }

	.item-presse-download { padding: 0.75rem 5rem; position: relative; margin-bottom: .4rem; background-color: #FFF; width: 100%; display: block; font-family: 'Roboto Slab', serif; box-sizing: border-box; text-decoration: none; color: #3F3F3F; }
		.item-presse-download-fileicon { background-color: #0069B3; width: 3rem; height: 100%; top: 0; left: 0; position: absolute; text-align: center; padding-top: .7rem; box-sizing: border-box; }
		.item-presse-download-fileicon i.fa { font-size: 1.4rem; color: #FFF;  }
		.item-presse-download-icon { width: 2rem; height: 100%; top: 0; right: 0; display: none; position: absolute; text-align: center; box-sizing: border-box; padding-top: .7rem; padding-right: 0.5rem; }
		.item-presse-download:hover { text-decoration: underline; }
		.item-presse-download:hover .item-presse-download-icon { display: block; }
		.item-presse-download-icon i.fa { font-size: 1.5rem; color: #CCC; }

	/*Testanlagen*/
	#section-testanlagen {}

	.item-testanlage { position: relative; margin-left: 0; margin-right: 0; }
		.item-testanlage-number { font-family: 'Roboto Slab', serif; position: absolute; z-index: 100; font-weight: 400; top: 1rem; right: 1rem; background-color: #FFF; line-height: 1em; border: 2px solid #0094DA; color: #0094DA; font-size: 1.7rem; text-align: center; padding: .4em .6em; }
		.item-testanlage-image { height: auto; display: block; }

	.table-testanlage {}
		.table-testanlage tr td { vertical-align: top; padding: 0.3rem 1rem 0.3rem 0; font-size: .9rem; border-top: 1px solid #EFEAE6; width: 50%; }

	@media screen and (max-width: 800px) {
		.item-testanlage { margin-bottom: 1rem; }
		.item-testanlage .box-image { margin-bottom: 0; }
		.item-testanlage-text { margin-top: 0; }
	}