/* 
		
		Mittelblau Verlauf: #36689B
		Hellblau Verlauf: #A0BADC
		Hellblau Inaktiv + Footer: #A5BAD4
		
		Hellgrau Seitenhintergrund: #E9EAEA
		Mittelgrau Trennlinien: #D3D5D4
		
		Hellgrau Mission: #A6AAA9
		Dunkelgrau Fliesstexte: #53585F */
		
		
		
		/* ... Webfonts via google-webfonts-helper.herokuapp.com ... */
		
		
		
		/* bitter-regular - latin */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/bitter-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/bitter-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/bitter-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/bitter-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/bitter-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/bitter-v25-latin-regular.svg#Bitter') format('svg'); /* Legacy iOS */
}

/* bitter-700 - latin */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/bitter-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/bitter-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/bitter-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/bitter-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/bitter-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/bitter-v25-latin-700.svg#Bitter') format('svg'); /* Legacy iOS */
}

/* bitter-italic - latin */
@font-face {
  font-family: 'Bitter';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/bitter-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/bitter-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/bitter-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/bitter-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/bitter-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/bitter-v25-latin-italic.svg#Bitter') format('svg'); /* Legacy iOS */
}

/* bitter-700italic - latin */
@font-face {
  font-family: 'Bitter';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/bitter-v25-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/bitter-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/bitter-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/bitter-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/bitter-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/bitter-v25-latin-700italic.svg#Bitter') format('svg'); /* Legacy iOS */
}

		
		
		
		
		/* ... Typo & Farben... */
		
		
		body, p, ul, ol, h1, h2, h3, h4, span {font-family: 'Bitter', serif;font-size:18px;}
		
		.hauptinhalt {background:#E9EAEA;}
		.hauptinhalt p {color:#53585F;line-height: 1.4;margin-top:1em;margin-bottom:1em;}
		.hauptinhalt h3 {font-weight:normal;color:#53585F;line-height: 1.4;margin-top:2em;margin-bottom:0.8em;}
		.hauptinhalt ul {color:#53585F;line-height: 1.4;margin:0.4em 0 0 -1.2em;}
		.hauptinhalt ul li {margin-bottom:0.2em;}
		
		iframe body {margin:0;}
		
		:focus {outline: 0;}
		
		.hauptinhalt a {color:#53585F;}
		.hauptinhalt a:hover, .hellgrau, p.hellgrau, p.hellgrau a {color:#A6AAA9;}
		
		.header, .header a {color:#fff;line-height:1.1;text-align:center;text-decoration: none;}
		.logo {font-size:38px;}
		.unterzeile {font-size:26px;margin-bottom:90px;}
		
		h2 {margin-top:1.6em;font-size:22px;font-style:italic;font-weight:normal;/* border-bottom:7px solid #D3D5D4;*/}
		h3, h4, h5, h6 {margin-top:1em;font-size:20px;font-style:normal;font-weight:normal;/* border-bottom:7px solid #D3D5D4;*/}
		
		h2, h3 {clear:both;}
		h1 {font-size:24px;font-style:italic;font-weight:normal;color:#A6AAA9;padding-bottom:10px;line-height:1.3;}

		hr {border:none;clear:both;margin-top:0;}
		
		.frage {padding-top:1em;}
		.nach_oben {text-align:center;padding-bottom:1em;}
		.nach_oben a {color:#A6AAA9;}
		
		
		.footer p {text-align:center;}
		.footer p, .footer span {font-size:16px;}
		.footer p, .footer a {color:#A5BAD4;}
		.footer a:hover {color:#fff;}
		.footer p:last-child a {text-decoration:none;}
		
		body {
		background: rgba(54,105,155,1);
		background: -moz-linear-gradient(left, rgba(54,105,155,1) 0%, rgba(160,186,220,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(54,105,155,1)), color-stop(100%, rgba(160,186,220,1)));
		background: -webkit-linear-gradient(left, rgba(54,105,155,1) 0%, rgba(160,186,220,1) 100%);
		background: -o-linear-gradient(left, rgba(54,105,155,1) 0%, rgba(160,186,220,1) 100%);
		background: -ms-linear-gradient(left, rgba(54,105,155,1) 0%, rgba(160,186,220,1) 100%);
		background: linear-gradient(to right, rgba(54,105,155,1) 0%, rgba(160,186,220,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36699b', endColorstr='#a0badc', GradientType=1 );
		}
	
		
		
	
		/* ... Struktur ... */
		
		.footer {min-height:150px;}
		.hauptinhalt .pure-g {margin:0 auto;max-width:860px;}
		
		@media (min-width: 48em) {
		.links h2, .links p {margin-right:25px;}
		.rechts h2, .rechts p {margin-left:25px;}
		
		.header {padding:60px 100px 0px 100px;}
		.hauptinhalt {padding:40px 100px 60px 100px;}
		.custom-wrapper {height: 2em;}
		}
		
		@media print {
		.custom-wrapper {display:none;}
		.links h2, .links p {margin-right:0;}
		.rechts h2, .rechts p {margin-left:0;}			
		}

		
		
		/* ... Bilder ... */
		
		.foto img {width:100%;margin-top:20px;border-radius:4px;}
		.foto span {color:#A6AAA9;text-align:center;display:block;}
		
		.hauptinhalt.referenzen img {float:left;width: 205px;margin:0 10px 10px 0;filter: grayscale(100%);opacity: 0.6;}
		.hauptinhalt img:hover {filter: grayscale(0%) !important;opacity: 1 !important;}
		
		.hauptinhalt.startseite img {float:left;width:110px;margin:6px 30px 40px 0;filter: grayscale(100%);opacity: 0.9;}
		.hauptinhalt.startseite img:hover {filter: grayscale(10%) !important;opacity: 0.9 !important;}
		

		/* ... Menue ... */
		
		.pure-menu-link {color:#A5BAD4;}
		.pure-menu-link.aktiv, .pure-menu-link:hover {color:#fff;}
		.pure-menu-active > .pure-menu-link, .pure-menu-link:hover, .pure-menu-link:focus {background-color:transparent;}

		.custom-wrapper {
		    margin-bottom: 1em;
		    -webkit-font-smoothing: antialiased;
		    overflow: hidden;
		    -webkit-transition: height 0.5s;
		    -moz-transition: height 0.5s;
		    -ms-transition: height 0.5s;
		    transition: height 0.5s;
		}

		.custom-wrapper.open {height: 12em;}
		.custom-menu-3 {text-align: right;}

		.custom-toggle {
		    width: 42px;
		    height: 42px;
		    display: block;
		    position: absolute;
		    top: 10px;
		    right: 10px;
		    display: none;
		}

		.custom-toggle .bar {
		    background-color: #fff;
		    display: block;
		    width: 24px;
		    height: 4px;
		    border-radius: 0px;
		    position: absolute;
		    top: 18px;
		    right: 10px;
		    -webkit-transition: all 0.5s;
		    -moz-transition: all 0.5s;
		    -ms-transition: all 0.5s;
		    transition: all 0.5s;
		}

	

		.custom-toggle .bar3 {
		    background-color: #fff;
		    display: block;
		    width: 24px;
		    height: 4px;
		    border-radius: 0px;
		    position: absolute;
		    top: 24px;
		    right: 10px;
		    -webkit-transition: all 0.5s;
		    -moz-transition: all 0.5s;
		    -ms-transition: all 0.5s;
		    transition: all 0.5s;
		}

		.custom-toggle .bar:first-child {
		    -webkit-transform: translateY(-6px);
		    -moz-transform: translateY(-6px);
		    -ms-transform: translateY(-6px);
		    transform: translateY(-6px);
		}

		.custom-toggle.x .bar {
		    -webkit-transform: rotate(45deg);
		    -moz-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		    transform: rotate(45deg);
		}

		.custom-toggle.x .bar:first-child {
		    -webkit-transform: rotate(-45deg);
		    -moz-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		    transform: rotate(-45deg);
		}

		.custom-toggle.x .bar3 {
			display:none;
		}


		/* ... Mobile ... */
		
		
		p.referenzen-liste {display:none;}
		
		@media (max-width: 47.999em) {
			
			.referenzen-logos {display:none;}	
			.referenzen-liste {display:block !important;}
					
			
			.pure-menu-horizontal {display:none;}
		    .custom-menu-3 {text-align: left;}
		    .custom-toggle {display: block;}
		
			.logo {font-size:28px;}
			.unterzeile {font-size:20px;margin-bottom:0px;}
			.custom-wrapper {height: 0.7em;}
			
			.header {padding:60px 20px 0px 20px;}
			.hauptinhalt {padding:40px 20px 60px 20px;}
			
			.hauptinhalt.startseite img {float:none;margin-bottom:0;width:97px !important;}
			.hauptinhalt.startseite img.querformat {width:120px !important;}
			
			.foto img {width:50%;}
			.foto span {text-align:left;}
			
			.footer span.einezeile {display:block;}
			.footer span.nichtmobil {display:none;}
			
		}