html, body {
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: #1D2935;
}

/*-- entfernen weißer rechter rand --*/
.img-fluid {
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.wrapper {
  height: 100%;
  margin: 0 25px;
}

/*-- Navigationsleiste --*/
.box {
	padding-right: 4px;
}

@font-face {
  font-family:"DINCondensedBold";
  src: url("font/DINCondensed-Bold/fonts/DINCondensedBold.eot"); /* IE9 Compat Modes */
  src: url("font/DINCondensed-Bold/fonts/DINCondensedBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/DINCondensed-Bold/fonts/DINCondensedBold.otf") format("opentype"), /* Open Type Font */
    url("font/DINCondensed-Bold/fonts/DINCondensedBold.svg") format("svg"), /* Legacy iOS */
    url("font/DINCondensed-Bold/fonts/DINCondensedBold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("font/DINCondensed-Bold/fonts/DINCondensedBold.woff") format("woff"), /* Modern Browsers */
    url("font/DINCondensed-Bold/fonts/DINCondensedBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/*-- HEADER Navigationsleiste --*/
.MRS {width: 6em;height: 4em;margin-left: 50px;}
.MRS img {object-fit: cover;width: 100%;height: 100%;}
.navbar {  	width: 100%;	height: auto;	background-color: #1D2935;}
.nav-link {	margin-right: 2.5em !important;	margin-left: em;width: auto;color: #FFF;font-family: 'DINCondensedBold';letter-spacing: 0.03em;	line-height: 150%;}
.nav-link:hover,
.navbar-brand:hover {color: white; text-decoration: underline;}
.navbar-collapse {justify-content: flex-end;margin-left: 50px;padding-top: 5vh;}
#navbarSupportedContent1 .nav-link {color: black;}
.navbar-default .navbar-nav li a {color: #D5D5D5;}
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a.active {color: #FFF;}

/*-- TABELLE Felder Kontaktformular Kontakt  --*/
#tabelleko 		{height: 100%;font-family: 'DINCondensedBold';letter-spacing: 0.03em;line-height: 150%;}
#tabelleko h2 	{text-align: center;margin-top: 2%;color: #FFF;padding-bottom: 4%;margin-left: 5%;}

/*-- TABELLE Keyfacts Projektunterseite  --*/
#tabellekf 		{height: 100%;margin-top: 10%;font-family: 'DINCondensedBold';letter-spacing: 0.03em;line-height: 150%;}
#tabellekf h2 	{text-align: center;margin-top: 1%;color: #FFF;padding-bottom: 4%;}
#tabellekf hr 	{margin-top: -45px;}
#tabellekf td  	{padding-left: 0px;padding-right: 0px;}

/*-- TABELLE Ankaufsprofil  --*/
#tabelleak  	{height: 100%;padding-top: 5%;font-family: 'DINCondensedBold';letter-spacing: 0.03em;line-height: 150%;}
#tabelleak h2 	{text-align: center;margin-top: 2%;color: #FFF;padding-bottom: 2%;letter-spacing: 0.03em;line-height: 150%;}
#tabelleak hr 	{margin-top: -45px;	}
#tabelleak td  	{padding-left: 0px;padding-right: 0px;}
#tabelleak .btn {text-align: center  ;color: #fff;padding: 12px 50px;margin-top: 3%;   font-size: 18px;border-radius: 4px;background-color: #B99C66;	position: relative;border-bottom: 1px solid #B99C66;margin-left: auto;margin-right: auto;}
#tabelleak .btn a {color: #FFF;text-decoration: none;font-family: 'DINCONDENSEDBold';letter-spacing: 0.03em;}

/*-- TABELLE Partner  --*/
#tabellejv 		{height: 100%;padding-top: 15%;font-family: 'DINCondensedBold';letter-spacing: 0.03em;line-height: 150%;}
#tabellejv h2 	{text-align: center;margin-top: 2%;color: #FFF;padding-bottom: 4%;letter-spacing: 0.03em;line-height: 150%;}
#tabellejv hr 	{margin-top: -45px;}
#tabellejv td  	{padding-left: 0px;padding-right: 0px;}

/*-- Mapbox Projektunterseiten --*/
.idbox 		{display: table;height: 100%;position: relative;width: 100%;padding-top: 90px;padding: 0 25px;font-family: 'DINCondensedBold'}
.idbox h2 	{margin-top: 22%;color: #FFF;text-align: center;margin-left: 10%;margin-right: 10%;letter-spacing: 0.03em;font-size: 40px;width: auto;padding-bottom: 2%;}             
.idbox p 	{text-align: left;margin-left: 20%;margin-right: 20%;color: #A5B0C1;letter-spacing: 0.03em;line-height: 150%;margin-top: 0; margin-bottom: 0;}
.iframe 				{max-width: auto;height: 750px;margin-top: 0%;display: block;position: absolute;}
.embed-container 		{position: relative; padding-bottom: 98%; /* ratio 16x9 */overflow: hidden; width: 100%;height: auto;}
.embed-container iframe {position: absolute; top: 0.6%; left: 0;right: 0;width: 100%; height: 100%; }
.embed-container.ratio4x3 {padding-bottom: 75%;} /* ratio 4x3 */

/*-- Container Mapbox Projektunterseiten --*/
#picboxh1 		{margin-top: 0px;font-family: 'DINCondensedBold';margin-left: 24px;margin-right: 20px;height: 100%;}
#picboxh1 h1 	{margin-left: 12px;font-size: 80px;color: #FFF;text-align: left;}
#picboxh1 hr 	{background-color: #A5B0C1;height: 0.3px;width: 98%;margin-left: 1%;}
#picboxh1 .Pic12 img {object-fit: cover; max-width: 100%;float: right;padding: px;margin-top: 0px;}

/*-- Sartseite, Projekte, Projektunterseiten, Management --*/
.picbox  	{display: table;height: 100%;position: relative;width: 100%;padding: 0 25px;}
.picbox h1 	{margin-left: 12px;font-size: 80px;color: #FFF;text-align: left;}
.picbox hr 	{background-color: #A5B0C1;height: 0.3px;width: 98%;margin-left: 0.8%;}

/*-- Startseite Carousel --*/
.carousel-item {height: 90vh;min-height: 250px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.carousel-item h2 {font-family: 'DINCondensedBold';letter-spacing: 0.03em;line-height: 150%;}
.container-xl .carousel {margin: 0 auto;padding: 0 68px;}
.container-xl .carousel .carousel-item {text-align: center;overflow: hidden;height: 260px;}
.container-xl.carousel .carousel-item .img-box {background: #fff;box-shadow: 0 0px 0px 0px rgba(0,0,0,0.4);}
.container-xl .carousel .carousel-item img {margin: 0 auto;}
.container-xl .carousel-control-prev, .carousel-control-next {width: 68px;background: none;}
.container-xl .carousel-control-prev i, .carousel-control-next i {font-size: 28px;position: absolute;top: 50%;display: inline-block;margin-top: -36px;z-index: 5;left: 0;right: 0;color: #B99C66;}
.container-xl .carousel-indicators {bottom: -40px;}
.container-xl .carousel-indicators li, .carousel-indicators li.active {	width: 20px;height: 20px;border: none;border-radius: 50%;margin: 1px 4px;box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);}
.container-xl .carousel-indicators li {background: #999;border-color: transparent;}
.container-xl .carousel-indicators li.active {background: #555;}
.container-xl {padding-top: 50px;}
.container-xl h2 {width: auto;text-align: center;font-family: 'DINCondensedBold';font-size: 16px;}

/*-- Projekte, Projektunterseiten, Management, Portfolio, Partner, Kontakt, Datenschutz, Disclaimer, Impressum --*/
.teaser {position: relative;padding: 0 25px;background-color: #1D2935;}

/*-- Startseite, Projekte, Projektunterseiten, Management, Portfolio, Datenschutz, Disclaimer, Impressum --*/
.textbox {display: table;height: 100%;position: relative;width: 100%;padding: 80px 0;padding: 0 25px;}
.textbox .btn {text-align: center;color: #fff;padding: 12px 50px;margin-top: 5%;font-size: 18px;border-radius: 4px;background-color: #B99C66;position: relative;display: inline-block;font-family: 'DINCONDENSEDBold';margin-left: auto;margin-right: auto;}
.textbox .btn a {color: #FFF;text-decoration: none;font-family: 'DINCONDENSEDBold';letter-spacing: 0.03em;}
.textbox h2 {margin-top: 18%;color: #FFF;text-align: center;font-family: 'DINCondensedBold';text-align: center;margin-left: 10%;margin-right: 10%;letter-spacing: 0.03em;font-size: 40px;width: auto;}             
.textbox p {text-align: left;margin-left: 20%;margin-right: 20%;font-family: 'DINCondensedBold';color: #A5B0C1;letter-spacing: 0.03em;line-height: 150%;margin-top: 0; margin-bottom: 0;}

/*-- Startseite --*/
#hierarchie img {margin-top: -10%;font-family: 'DINCondensedBold';letter-spacing: 0.03em;}
#hierarchie p {text-align: left;margin-left: 20%;margin-right: 20%;	font-family: 'DINCondensedBold';color: #A5B0C1;letter-spacing: 0.03em;line-height: 150%;margin-top: 0; margin-bottom: 0;position: relative;}
#hierarchie h2 {margin-top: 22%;color: #B99C66;text-align: center;font-family: 'DINCondensedBold';text-align: center;margin-left: 10%;margin-right: 10%;letter-spacing: 0.03em;font-size: 40px;width: auto;position: relative;}             

/*-- Startseite, Projekte, Projektunterseiten, Management --*/
.Pic12 	  {width: 100%; height: auto;margin-top: 5px; margin-left: auto;margin-right: auto;position: relative;}
.Pic12 img {object-fit: cover; max-width: 100%;float: right;padding: px;margin-top: 14px;}
.Pic12 img {object-fit: cover; max-width: 100%;float: left;}
.Pic12 .after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;color: #FFF;}
.Pic12:hover .after {display: block;background: rgba(0, 0, 0, .6);}
.textpic1 {width: 100%;font-family:'DINCondensedBold';float: left;margin-top: 3%;color: #1D2935;}
.textpic1 h3 {text-align: center;font-size: 20px; color: #A5B0C1;letter-spacing: 0.03em;line-height: 150%;}

/*-- FOOTER --*/
/*-- position auf fixed wenn footer am Seitenende  --*/
footer {width: 100%;height: 50px;bottom: 0px;padding-top: 16px;font-family: 'DINCondensedBold';}
footer {background-color: #1D2935;}
footer .row {margin-left: 35px;letter-spacing: 0.03em;margin-bottom: 0px;margin-top: 0.5%}
footer .col-sm-1 img {width: 2vh;height: 2vh;}

/*-- FOOTER left--*/
footer .left {float: left;width: 300px;}
#language-picker {color: #FFF;}
#language-picker a {padding-left: 5%;}
.col-12 #language-picker  {text-align: left;margin-top: 5%;}
.footer-bound {position: relative;max-width: 1000px;margin: 0 auto;max-width: calc(100% - 60px);}
a:link, a:visited {text-decoration: none;}

/*-- FOOTER right--*/
footer .right {float: right;width: 20px;}
footer .notice {float: right;width: 150px;margin-top: px;padding-left: 325%;line-height: 20px;font-size: 9px;padding-right: px;letter-spacing: 1px;}
footer .notice img {width: 20px;height: 20px;} 


/*-- MEDIA QUERIES 1200px --*/
@media (max-width: 1200px) {
	    footer img {width: 30px;}
		.content-bound {position: relative;max-width: 1000px;margin: 0 auto;}
		.navbar-toggler {padding-right: 80%;}
		#tabelleak {margin-left: 5%;margin-right: 5%;height: 100%;margin-bottom: 0%;}
		#tabelleak h2 {text-align: center;font-size: 4vh;margin-left: 5%;margin-right: 5%;}
		.teaser {height: 100%;}
		.textbox {height: auto;padding-bottom: 15%;}
		.picbox {height: auto;padding-bottom: 15%;}}

@media (max-width: 991px) {
		.textbox .text-center {padding-bottom: 20%;}
		.picbox .col-sm-12 .text-center {height: auto;margin-top: -20%;}}

/*-- MEDIA QUERIES up 768px --*/
@media (min-width:768px) {
		.sp3 {background-image: url(images/lp/section_1/blue_form.png);background-repeat: no-repeat;background-size: auto;background-position: 0px 0px;}
		.sp3 .whitebox {width: 900px;position: absolute; height: 550px;background-color: #FFF;margin: 2% 25%;}}
		
	

/*-- MEDIA QUERIES bis 768px --*/
@media (max-width: 768px) {
		.teaser 		{height: auto;}
		.teaser img 	{height: auto;}		

		.textbox 		{height: auto;}
		.textbox .row 	{height: auto; margin-top: 20%;}
		.textbox p 		{height: auto;}
		.textbox h2 	{height: auto;}

		.picbox 		{height: auto;}
		.picbox h1 		{font-size: 20px;height: auto;}
		#picboxh1 		{margin: 0 0;} /*-- pic 1k & mapbox --*/
		#picboxh1 h1 	{font-size: 20px;}
	 	 
		#tabelleko 		{margin-left: 5%;margin-right: 5%;height: 100%;margin-bottom: 0%;}
		#tabelleko h2 	{text-align: center;font-size: 4vh;margin-left: 5%;margin-right: 5%;}

		#tabellejv 		{margin-left: 5%;margin-right: 5%;height: 100%;margin-bottom: 0%;}
		#tabellejv h2 	{text-align: center;font-size: 4vh;margin-left: 5%;margin-right: 5%;}

		#tabelleak 		{margin-left: 5%;margin-right: 5%;height: 100%;margin-bottom: 0%;}
		#tabelleak h2 	{text-align: center;font-size: 4vh;margin-left: 5%;margin-right: 5%;}

		#tabellekf 		{margin-left: 5%;margin-right: 5%;height: 100%;margin-bottom: 0%;}
		#tabellekf h2 	{text-align: center;font-size: 4vh;margin-left: 5%;margin-right: 5%;}

		footer 			{height: auto;}
		footer img 		{width: 30px;}
	
	    footer 			{height: auto;}
	    footer img 		{width: 30px;}}


/*-- MEDIA QUERIES bis 576px --*/
@media (max-width: 576px) {
		.container-xl h2 {width: auto;text-align: center;font-size: 16px;}/*-- carousel --*/	
		.carousel-item {margin-top: 4%; margin-right: -20%; height: 60%;}

		.MRS {width: 60px;height: 40px;margin-left: 25px;}/*-- Logo --*/

		.teaser {height: auto;}		
		.teaser img {height: auto;}		
		.teaser {padding: 0 0;}

		#hierarchie h2 {font-size: 20px;margin-top: 25%;}/*-- Startseite --*/

		.textbox {height: auto;}
		.textbox h2 {margin-left: 5%;margin-right: 5%;}	
		.textbox p {margin-left: 5%;margin-right: 5%;}	
		.textbox .btn {margin-top: -10%;font-size: 18px;padding: 16px 0px}
		.textbox .row {margin-top: 20%;margin-bottom: 1%;height: auto;}	
		.textbox h2 {margin-left: 5%;margin-right: 5%;text-align: left;font-size: 4vh;}
		.text-center h2 {text-align: left;font-size: 4vh;}

		.picbox {padding-top: 6%;height: auto;}
		.picbox {padding: 0 0;height: auto;}

		#picboxh1 {margin: 0 0;} /*-- pic 1k & mapbox --*/
		#picboxh1 {margin-left: auto;margin-right: auto;height: auto;}		
		#picboxh1 hr {margin-left: 3.6%;margin-right: 3.6%;width: auto;}
		#picboxh1 h1 {font-size: 6vh;padding-left: 1%;}
		iframe {width: 100%;height: 400px;margin-top: 2%;}
		.idbox {padding-top: 22%;}

		.btn {margin-left: auto; margin-top: 20%; width: 55%; height: 30%;}

		footer {height: 10%;}
	    footer img {width: 30px;}
		#language-picker a {padding-left: 1%;width: 400px;text-align: left;word-spacing: 0.5em;}
		#language-picker {padding-left: 8%;text-align: left;word-spacing: 0.5em;}
		footer .right .notice img {float: right;padding-right: 6%;width: 25px;height: 25px;}
		footer .notice {margin-top: -14%;margin-right: 81%;}

		#tabellejv {margin-left: 6%;margin-right: 6%;height: auto;padding-bottom: 20%;}
		#tabellejv h2 {text-align: left;font-size: 4vh;margin-left: 5%;margin-right: 5%;}
	
		#tabelleak {margin-left: 6%;margin-right: 6%;margin-top:15%;height: auto;padding-bottom: 20%;}
		#tabelleak h2 {text-align: left;font-size: 4vh;margin-left: 5%;margin-right: 5%;}
		#tabelleak .btn {margin-top: 10%;font-size: 18px;padding: 16px 0px}

		#tabellekf {margin-left: 6%;margin-right: 6%;height: 100%;margin-bottom: 10%;margin-top: 30%;}
		#tabellekf h2 {text-align: left;font-size: 4vh;margin-left: 5%;margin-right: 5%;}	
	
		#tabelleko {margin-left: 5%;margin-right: 2%;height: auto;margin-bottom: 10%;}
		#tabelleko h2 {text-align: center;font-size: 4vh;margin-left: 5%;margin-right: 5%;width: 90%;}
		#tabelleko .wrapperko {margin-right: -5%;margin-left: 9%;}
		

		#tabelleco {margin-left: 4%;margin-right: 2%;height: 100%;margin-bottom: 30%;font-size: 10px;padding-top:28%;}
		#tabelleco h2 {margin-top: 15%;text-align: left;font-size: 4vh;margin-left: 1%;margin-right: 5%;}
		#tabelleco p {margin-left: 5%;margin-right: 5%;}}
	
		
	 
	 
	
		

/*--- iOS Landing Page Fix
section {
 	position: relative;
 	width: 100%;
 	height: 100%;
 	display: table;
}
.home-wrap {
 	clip: rect(0, auto, auto, 0);
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
}

--*/

/*--- iOS Fixed Image Fix
figure {
	position: relative;
	width: 100%;
	height: 60%;
}
.fixed-wrap {
	clip: rect(0, auto, auto, 0);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

--*/