@media screen 
{
	/* HTML BODY */
	html
	{
		font:400 100%/1.5em 'open_sansregular',Arial, sans-serif;
		background-color:transparent;
		color:rgb(109,115,122);
	}
		body
		{
			background-color: rgb(245,245,245);
		}

	/* MARK */
	::selection {background: rgb(69,117,212); color:rgb(255,255,255); }
	::-moz-selection {background: rgb(69,117,212); color:rgb(255,255,255); }
	
	/* TYPO */
	hr
	{
		height:.063rem;
		margin-bottom:2rem;
		margin-top: 0;
		border:none;
		border-top:.188rem solid rgb(220,220,220);
		background-color: transparent;
		display:block;
	}
		hr.small
		{
			border-top:.063rem solid rgb(220,220,220);
		}
		hr.short
		{
			border-top: transparent;
			position: relative;
		}
			hr.short:after
			{
				content: "";
				position: absolute;
				left: 30%;
				bottom: 0;
				width: 40%;
				height: .063rem;
				background-color: rgba(255,255,255,.5);
			}
		hr.white
		{
			border-top:.063rem solid rgba(255,255,255,.2);
		}
	a 
	{
		text-decoration:none;
		color:rgb(69,117,212);
		word-wrap: break-word;
		
		transition:all .15s ease-in-out
	}
		a:hover, a:active, a:focus
		{
			color:inherit;
			outline: none;
		}
	em, i
	{
		font-style: normal;
		font-family: 'open_sansitalic';
	}
		em strong, i strong,
		strong em, strong i
		{
			font-style: normal;
			font-weight:400;
			font-family: 'open_sansbold_italic';
		}
		
	strong
	{
		font-weight:400;
		font-family: 'open_sansbold';
	}

		/* TYPO *//* ALL HEADLINES */
		h1, h2, h3, h4, h5, h6, .headline
		{
			font-weight:400;
			margin-bottom: 2rem;
			display: block;
			color: rgb(109,115,122);
			font-family: 'open_sansbold';
			text-rendering: optimizeLegibility;/* optimize text kerning */
		}
			.headline
			{
				font-size: 1.25rem;
				text-transform: none;
			}
			h1
			{
				text-transform: uppercase;
			}
			h1, h2, .headline.border
			{
				font-size:1.5rem;
				color: rgb(69,117,212);

				position: relative;
				padding-bottom: 2rem;
				line-height: 1.5rem;
			}
				h1:after, h2:after, .headline.border:after
				{
					content: "";
					position: absolute;
					bottom: 0;
					left: 0;

					height: .25rem;
					width: 100%;
					background-color: rgb(220,220,220);
				}
			h2
			{
				font-size:1.375rem;
				color: rgb(109,115,122);
				padding-bottom: 1rem;
			}
			h3
			{
				font-size:1.250rem;
			}

			span.h3 {
				font-weight: bold;
			}
			h4
			{
				font-size:1.125rem
			}
			h5
			{
				font-size:1rem
			}
			h6
			{
				font-size:1em
			}
				h1 span, h2 span, h3 span, h4 span, h5 span, h6 span
				{
					display: block;
					color: rgb(109,115,122);
					margin-top: .5rem;
					text-transform: none;
					font-size: 1rem;
					line-height: 1rem;

					font-family: 'open_sansregular';
				}

				p.h3 {
					font-weight: bold;
				}
	
	/* CONTAINER */
	.container
	{
		max-width:60rem;
		margin:0;
	}

	@media screen and (min-width: 1180px) {
		.container {
			margin: 0 auto;
		}
	}

	/* NAVIGATIONS */
	nav
	{
		position: relative;
		overflow: hidden;
	}
		/* NAVIGATIONS *//* STYLES */
		nav ul,	.navi
		{
			list-style:none;
		}
		nav ul a, .navi a
		{
			display:inline-block;
		}
		/* NAVIGATIONS *//* TOGGLE NAV */
		a.toggle-navi
		{
			color:rgba(255,255,255,1);
			background-color: rgba(69,117,212,1);
			display: block;
			font-size: 1rem;
			position: relative;
			z-index: 2;
			text-decoration: none;
			padding: .5rem 1rem;
			text-align: center;
		}
			.toggle-navi[href="#"],
			a.toggle-navi[href="#"]:hover,
			a.toggle-navi[href="#"]:active,
			a.toggle-navi[href="#"]:focus
			{
				color: rgba(255,255,255,.6);
			}
	
	/* HEADER */
	.header
	{
		font-size: 1rem;
		text-align: left;
		position: relative;
		z-index: 1002;
		margin-bottom: 1rem;
		-webkit-box-shadow: 0 .125rem 0 0 rgba(0,0,0,.2);
		box-shadow: 0 .125rem 0 0 rgba(0,0,0,.2);
		background-color: rgba(245,245,245,.9);
	}
		.index .header
		{
			-webkit-box-shadow: none;
			box-shadow: none;
			text-align: center;
		}
		/* HEADER *//* STYLES */
		/* HEADER *//* STYLES *//* CONTAINERCENTER */
		#containerCenter
		{
			padding: 2em ;
		}
		/* HEADER *//* STYLES *//* BRANDING */
		.branding
		{
			display:block;
			text-align: center;
			padding: 1rem 0;
		}
		/* HEADER *//* STYLES *//* NAVIGATION MAIN */

		label[for="Datenschutz"] {
			width:  95% !important;
		    display: inline-block !important;
		    padding-bottom: 35px;
		}

		input#Datenschutz {
			display: inline-block;
			float: right;
			margin-top: 15px;				
		}

		

		#navi {
			max-height:0;
			-webkit-transition: max-height 300ms ease-in-out 200ms;
			-moz-transition: max-height 300ms ease-in-out 200ms;
			-ms-transition: max-height 300ms ease-in-out 200ms;
			-o-transition: max-height 300ms ease-in-out 200ms;
			transition: max-height 300ms ease-in-out 200ms;
    }
			#navi:target {
				max-height:40rem;
			}
			/* HEADER *//* STYLES *//* NAVIGATION MAIN *//* STYLES */
			#navi
			{
				font-size:.688rem;
				width:100%;
				text-transform: uppercase;
				position: relative;
				z-index: 2;
			}
				#navi li a,
				#navi li span
				{
					color: rgb(255,255,255);
					background-color: rgba(69,117,212,.8);

					border-bottom: .063rem solid rgba(255,255,255,.2);
					text-decoration: none;
					display:block;

					padding: .5rem 1rem;
					transition:all .15s ease-in-out
				}
				#navi > li.active > a,
				#navi > li:hover > a,
				#navi > li > a:hover,
				#navi > li > a.active,
				#navi > li.active > span,
				#navi > li:hover > span,
				#navi > li > span:hover,
				#navi > li > span.active
				{
					color: rgb(255,255,255);
					background-color: rgba(69,117,212,1);
				}
					#navi > li > ul
					{ 
						display: inline-block;
						width: 100%;
						font-size: 1em;
					}
						#navi > li > ul > li > a,
						#navi > li > ul > li > span
						{
							color: rgb(255,255,255);
							background-color:rgba(69,117,212,.6);
							padding: .5em 1.25em .5em 2.25em;
						}
						#navi > li > ul > li.active > a,
						#navi > li > ul > li:hover > a,
						#navi > li > ul > li > a.active,
						#navi > li > ul > li > a:hover,
						#navi > li > ul > li.active > span,
						#navi > li > ul > li:hover > span,
						#navi > li > ul > li > span.active,
						#navi > li > ul > li > span:hover
						{
							color: rgb(255,255,255);
							background-color:rgba(69,117,212,.8);
						}
							#navi > li > ul > li > ul > li > a,
							#navi > li > ul > li > ul > li > span
							{
								color: rgb(255,255,255);
								background-color:rgba(69,117,212,.5);
								padding: .5em 1.25em .5em 3.25em;
							}
							#navi > li > ul > li > ul > li.active > a,
							#navi > li > ul > li > ul > li:hover > a,
							#navi > li > ul > li > ul > li > a.active,
							#navi > li > ul > li > ul > li > a:hover,
							#navi > li > ul > li > ul > li.active > span,
							#navi > li > ul > li > ul > li:hover > span,
							#navi > li > ul > li > ul > li > span.active,
							#navi > li > ul > li > ul > li > span:hover
							{
								color: rgb(255,255,255);
								background-color:rgba(69,117,212,.4);
							}
	/* SLIDERCONTAINER */
	.sliderContainer
	{
		/* display: none; */
		position: relative;
		z-index: 2;
		width: 100%;
		background-color: rgba(0,0,0,.1);
		/* padding-top: 2rem; */
	}
		.projektreal-gmbh-index .sliderContainer,
		.strukturplan-ingenieurgesellschaft-mbh-index .sliderContainer
		{
			display: block;
		}
		/* SLIDERCONTAINER *//* STYLES *//* CLAIM */
		.sliderContainer .container
		{
			position: relative;
			z-index: 2;
		}
			.sliderContainer > .claim
			{
				position: absolute;
				width: 100%;
				top: 22%;
			}
			.strukturplan-ingenieurgesellschaft-mbh-index .sliderContainer > .claim
			{
				top: 45%;
			}
			.sliderContainer > .claim .container .content span
			{
				display: none;
				text-align: center;
				color: rgb(245,245,245);
				font-size: 1.5rem;
				text-transform: uppercase;

				text-shadow: 0 .125rem 0 rgba(0,0,0,.3);
			}


		/* SLIDERCONTAINER *//* STYLES *//* TEASER */
		.sliderContainer > .teaser
		{
			position: relative;
			width: 100%;
			bottom: 0;
			z-index: 2;
			font-size: .875rem;
		}
			.sliderContainer > .teaser .content
			{
				position: relative;
			}
			.sliderContainer > .teaser .box
			{
				margin-bottom: 1rem;
			}
			.sliderContainer > .teaser .box > div > div
			{
				background-color: rgba(255,255,255,.9);
				padding: 1.5rem 1rem;
			}
				.sliderContainer > .teaser .box > div > div > .headline
				{
					color: rgb(73,82,91);
					text-transform: uppercase;
					margin-bottom: 1rem;
					line-height: 2rem;
				}
					.sliderContainer > .teaser .box > div > div > .headline i
					{
						color: rgb(69,117,212);
						float: right;
						font-size: 1.3em;
					}
				.sliderContainer > .teaser .box > div > div > p:last-child
				{
					margin-bottom: 0;
				}

				.sliderContainer > .teaser .centerCol {
					margin-left: auto;
					margin-right: auto;
					float: none;
					clear: both;
					display: table;
					margin-bottom: 55px!important;
					height: auto!important;
				}

				.sliderContainer > .teaser .box.heightBox {
					height: auto!important;
				}

				.sliderContainer > .teaser .box.heightBox > div {
					position: relative;
				}

				.sliderContainer > .teaser .box .jobbox {
					background: rgb(69,117,212);
					color: white;
					display: block;
					text-align: center;
					padding:18px;
					border-radius: 50px;
				}

				.sliderContainer > .teaser .box .jobbox:hover {
					color: rgb(255,255,255);
					background-color: rgb(52,95,178);
					text-decoration: none !important;
				}

				.sliderContainer > .teaser .box .jobbox .headline {
					color: white;
					margin-bottom: 10px;
				}

				.sliderContainer > .teaser .box .jobbox .headline i{
					margin-left: 12px;
				}
		/* SLIDESHOW */
		#slideshow
		{
			display: none;
		}

	/* INFOBOX */
	.index .infoBox
	{
		color: inherit;
		font-size: 1rem;
		background-color: rgb(220,220,220);
		padding: 1rem;
		margin-bottom: 2rem;
	}
		.index .content .infoBox p:last-child
		{
			margin-bottom: 0;
		}

	.index .infoBox .jobIndex {
		background: #4575d4;
		color: white;
		width: 150px;
		height: 150px;
		padding: 31px;
		border-radius: 100%;
		margin:0 auto 34px;
		text-align: center;
		display: none;
		justify-content: center;
		align-items: center;
	}

	.index .infoBox .jobIndex:hover {
		color: rgb(255,255,255);
		background-color: rgb(52,95,178);
		text-decoration: none !important;
	}
	/* MAIN */
	.main
	{
		position: relative;
		z-index: 1;
		background-color: rgb(245,245,245);
		padding: 2rem 0;
	}
	@media(max-width:751px) {
		body.projektreal-gmbh-kontakt-formularbestaetigung .main {
			padding: 2rem 0 15rem;
		}
		body.projektreal-gmbh-kontakt-formularfehler .main {
			padding: 2rem 0 15rem;
		}
		body.strukturplan-ingenieurgesellschaft-mbh-kontakt-formularbestaetigung .main {
			padding: 2rem 0 15rem;
		}
		body.strukturplan-ingenieurgesellschaft-mbh-kontakt-formularfehler .main {
			padding: 2rem 0 15rem;
		}
	}
		.index .main
		{
			background-color: transparent;
		}

		/* MAIN *//* CONTENT */
		.content
		{
			width: 100%;
			display: inline-block;
			padding-left: 1rem;
			padding-right: 1rem;
			
		}
		
		
		/* MAIN *//* SIDEBAR */
		.sidebar
		{
			font-size: .875rem;
			text-align: center;
		}
			/* MAIN *//* SIDEBAR *//* STYLES */
			.subHeadline
			{
				display: none;
			}
			.content ul.naviAdd
			{
				display: none;
				font-size: .857em;
			}
			.content ul.naviAdd li
			{
				padding: 0;
				padding-left: .8em;
			}
			.content ul.naviAdd li a
			{
				color: inherit;
				display: inline-block;
			}
				.content ul.naviAdd li a:hover, .content ul.naviAdd li a:active, .content ul.naviAdd li a.active, .content ul.naviAdd li a:focus
				{
					color:rgb(69,117,212);
				}
			/* MAIN *//* CONTENT *//* STYLES *//* IMG *//* FLOATLEFT */
			a[data-rel="lightbox"],
			a[data-group="lightbox"],
			a[rel="lightbox"]
			{
				margin-bottom: 1.5rem;
				float: left;
				width: 100%;
			}
			/* MAIN *//* CONTENT *//* STYLES */
			/* MAIN *//* CONTENT *//* STYLES *//* MAP */
			#map,
			.map iframe
			{
				width:100%;
				height:450px;
				margin-bottom: 2rem;
				border: none;
			}
			/* MAIN *//* CONTENT *//* STYLES *//* STANDARDS */
				/* MAIN *//* CONTENT *//* STYLES *//* STANDARDS *//* FLOATLIST */
				dl.floatList dt {width:40%;}
				dl.floatList dt strong { line-height: 100%; }
				dl.floatList dd {width:60%; vertical-align: top;}
				dl.floatList dt:after{content:""}

				dl.floatList.small dt {width:25%;}
				dl.floatList.small dd {width:73%;}
				
				/* MAIN *//* CONTENT *//* STYLES *//* STANDARDS *//* BACK TO TOP */
				.backToTop
				{
					z-index: 99;
					background:rgb(69,117,212);
					color:rgb(255,255,255);
					line-height: .5rem;
					opacity: .8;
					transition:all .15s ease-in-out
				}
					.backToTop:before
					{
						margin-right:0;
					}
					.backToTop:hover,
					.backToTop:active,
					.backToTop:focus
					{
						opacity: 1;
						color:rgb(255,255,255);
					}
				/* MAIN *//* CONTENT *//* STYLES *//* STANDARDS *//* NOTICE BAR */
				div.noticeBar,
				div.noticeBar.absolute
				{
					position: fixed;
					bottom: 0;
					left: 0;
					top: inherit;
					z-index: 99;
				}

			/* MAIN *//* CONTENT *//* STYLES *//* IMG */
			.content a:not(.noRWD) img
			{
				width: 100%;
				max-width: 100%;
				height: auto;
			}
				.content a.noRWD-40 img
				{
					width: auto;
					max-width: inherit;
					height: auto;
				}
				.content div#ew-deutschland a img
				{
					width: auto;
				}

			/* MAIN *//* CONTENT *//* STYLES *//* NOTIFICATION */
			.notification
			{
				color: inherit;
				font-size: 1rem;
				background-color: rgb(220,220,220);
				padding: 1rem;
				margin-bottom: 2rem;
			}
				.content .notification p:last-child
				{
					margin-bottom: 0;
				}

			/* MAIN *//* CONTENT *//* STYLES *//* BUTTON STYLES */
			.btn
			{
				background-color: rgb(69,117,212);
				color: rgb(255,255,255);
				font-size: 1rem;
				text-transform: uppercase;

				padding: 0 .7rem;
				margin-bottom: 2rem;
				position: relative;
				line-height: 3rem;
				display: block;
			}

			.btn.btnJob{
					background-color: transparent;
					color: rgb(69,117,212);
					border: 1px solid rgb(69,117,212);
					font-size: 1rem;
					text-transform: uppercase;

					padding: 0 .7rem;
					margin-bottom: 2rem;
					position: relative;
					line-height: 3rem;
					display: block;
				}

				.btn.small
				{
					font-size: .875rem;
				}
				.btn.trans
				{
					background-color: transparent;
					color: rgb(112,112,112);
					border: .188rem solid rgb(112,112,112);
				}
				.btn.trans.white
				{
					color: rgb(255,255,255);
					border: .188rem solid rgb(255,255,255);
				}
				.btn.file:before
				{
					font-family: 'FontAwesome';
					content: "\f1c1";
					margin-right: .5em;
				}
			

				/* MAIN *//* CONTENT *//* STYLES *//* BUTTON STYLES *//* HOVER */
				.btn:hover, a.btn:focus
				{
					color: rgb(255,255,255);
					background-color: rgb(52,95,178);
					text-decoration: none !important;
				}

					.btn.trans:hover, a.btn.trans:focus
					{
						color: rgb(112,112,112);
						background-color: rgba(112,112,112,.2);
						border: .188rem solid rgba(112,112,112,.2);
					}
					.btn.trans.white:hover, a.btn.trans.white:focus
					{
						color: rgb(255,255,255);
						background-color: rgba(255,255,255,.2);
						border: .188rem solid rgba(255,255,255,.2);
					}
			/* MAIN *//* CONTENT *//* STYLES *//* BUTTON STYLES */
			.btnCircle
			{
				background-color: rgb(255,255,255);
				color: rgb(69,117,212);

				width: 3.875rem;
				height: 3.875rem;

				font-size: 2.875rem;
				text-align: center;
				margin-bottom: 1rem;

				line-height: 3rem;
				display: inline-block;

				-webkit-border-radius: 3.875rem;
				border-radius: 3.875rem;

				transition:all .15s ease-in-out
			}
				.btnCircle.small
				{
					font-size: 2rem;
				}
				.btnCircle > .fa
				{
					margin-top: .5rem;
				}
					.btnCircle.small > .fa
					{
						margin-top: 1rem;
					}
				/* MAIN *//* CONTENT *//* STYLES *//* BUTTON STYLES *//* HOVER */
				.btnCircle:hover, a.btnCircle:focus
				{
					color: rgb(255,255,255);
					background-color: rgb(69,117,212);
				}
			/* MAIN *//* CONTENT *//* STYLES *//* PUSH STYLES */
			.noPush
			{
				margin-bottom: 0;
			}
			.pushTop
			{
				margin-top: 1rem;
			}
			.pushBottomSmall
			{
				margin-bottom: 1rem;
			}
			.inline
			{
				display: inline-block;
			}
			/* MAIN *//* CONTENT *//* STYLES *//* OBJECT */
			.content object
			{
				width: 100%;
				height: 280px;
			}
			/* MAIN *//* CONTENT *//* STYLES *//* LIST STYLES */
			.content ul,
			.content ol
			{
				width:100%;
				display:inline-block;
			}
				.content ul.small,
				.content ol.small
				{
					font-size: .875rem;
				}
			.content ol
			{
				counter-reset: li-counter;
			}
				.content ul li,
				.content ol li
				{
					text-align:left;
					padding:.375em 0 .313em 1em;
					float:none;
					display:block;
					
					transition:all .15s ease-in-out
				}
				.content ul li
				{
					position: relative;
				}
					.header .content ul li
					{
						text-align:center;
					}
					.content ul.small li,
					.content ol.small li
					{
						padding:0;
						padding-left: 1em;
					}
					.content ul.align-right li
					{
						text-align: right;
						padding-right: 1em;
					}
						.header .content ul.align-right li
						{
							text-align: center;
						}
				.content ul li:before,
				.content ul li:after
				{
					font-family: 'FontAwesome';
					color: rgb(69,117,212);
				}
					.content ul.white li:before,
					.content ul.white li:after
					{
						color: rgb(255,255,255);
					}
					.content ul:not(.align-right) li:before
					{
						content: "\f105";
						position: absolute;
						left: 0;
					}
					.content ul.align-right li:after
					{
						content: "\f104";
						margin-left: .5em;
						position: absolute;
						right: 0;
					}
				.content ol li
				{
					background-image: none;
					display: block;
					position: relative;
					margin-bottom: .5rem;
					padding: .188em 0 .688em 2.5rem;
				}
					.content ol > li:before {
						position: absolute;
						top: 0;
						left: 0;
						width: 2rem;
						height: 2rem;
						font-size: 1rem;
						line-height: 2rem;
						text-align: center;
						color: rgb(255,255,255);
						border-radius: 50%;
						background-color: rgb(69,117,212);
						content: counter(li-counter);
						counter-increment: li-counter;
					}
					.content ul ul
					{
						margin-bottom: 0;
						margin-left: 5%;
						width: 95%;
					}
		
	/* FOOTER */
	.footer
	{
		
		z-index: 1;
		font-size: .875rem;
		padding: 2rem 0 0;
		color: rgb(255,255,255);

		background: url(../images/bg-footer-small.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-attachment: scroll; 
	}

	body.firefox .footer {
		background-color: rgb(109,115,122);
	}
		/* FOOTER *//* STYLES */
		.footer .headline
		{
			margin-left: 1rem;
			font-size: 1rem;
			color: rgb(255,255,255);
		}
		.footer a 
		{
			text-decoration:none;
			color:rgb(255,255,255);
		}
			.footer a:hover, .footer a:active, .footer a.active, .footer a:focus
			{
				text-decoration: underline;
				color:rgb(255,255,255);
			}
		.footer .content ul li:before,
		.footer .content ul li:after
		{
			color: rgb(255,255,255);
		}
		/* FOOTER *//* CHANGECOMPANY */
		.changeCompany
		{
			background-color: rgb(255,255,255);
			padding: 2rem 0 1rem;
			text-align: center;
		}
			.changeCompany .align-right
			{
				text-align: center;
			}
			.changeCompany .btn
			{
				margin-top: 1.25rem;
			}
}
@media only screen and (min-width:28em) {
	/* MAIN *//* CONTENT *//* STYLES *//* IMG */
	/*
	.content a:not(.noRWD) img
	{
		width: auto;
		max-width: inherit;
	}
	*/
	/* MAIN *//* CONTENT *//* STYLES *//* OBJECT */
	.content object
	{
		height: 197px;
	}
}
@media only screen and (min-width:40em) {
	/* HEADER */
	.header
	{
		text-align: inherit;
	}
		.index .header
		{
			text-align: center;
		}
	/* HEADER *//* STYLES *//* BRANDING */
	.branding
	{
		display:block;
		text-align: center;
	}
	/* NAVIGATIONS *//* TOGGLE NAV */
	a.toggle-navi {
		display: none;
	}
	/* HEADER *//* STYLES *//* NAVIGATION MAIN */
	nav 
	{
		overflow: visible;
		display: inline-block;
		width: 100%;
		text-align: center;
		background-color: rgb(69,117,212);
	}
	#navi {
		max-height: inherit;
	}
		/* HEADER *//* STYLES *//* NAVIGATION MAIN *//* STYLES */
		#navi
		{
			display:inline-block;
			font-size:.75rem;
			text-align: center;
			font-family: 'open_sansbold';
		}
			#navi li
			{
				display: inline-block;
				position:relative;
			}
				#navi > li:not(:last-child)
				{
					margin-right: 1rem;
				}
				#navi li a,
				#navi li span
				{
					color: inherit;
					background-color: transparent;
					border: none;
					padding: inherit;
				}
					#navi > li.hasSub > a:after,
					#navi > li.hasSub > span:after
					{
						font-family: 'FontAwesome';
						content: "\f107";
						color: rgb(255,255,255);
						margin-left: .5em;
					}
				#navi > li > a,
				#navi > li > span
				{
					color:rgb(255,255,255);
					display:block;
					text-decoration:none;
					padding: 1rem 0;
					transition:all .15s ease-in-out
				}
				#navi > li.active > a,
				#navi > li:hover > a,
				#navi > li > a:hover,
				#navi > li > a.active,
				#navi > li.active > span,
				#navi > li:hover > span,
				#navi > li > span:hover,
				#navi > li > span.active
				{
					color: rgba(255,255,255,.8);
					background-color: transparent;
				}
				#navi > li > span:hover,
				#navi > li > span.active
				{
					cursor: default;
				}
					/* SUB */
					#navi > li > ul 
					{ 
						position: absolute;
						top: 100%;
						left: -1.563rem;
						background-color:transparent;
						opacity: 0;
						width: 17em;
						font-size:.75rem;
						z-index: 1;

						-webkit-box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.3);
						box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.3);
				
						transition: opacity .25s ease .1s;
					}
						#navi > li:hover > ul
						{
							opacity: 1;
							margin:0;
						}
						#navi > li > ul > li 
						{
							float:left;
							text-align:left;
							height: 0;
							overflow: hidden;
							padding:0;
							width:100%;
							background-color:transparent;
						 
							transition: height .25s ease .1s;
						}
							#navi > li > ul > li.hasSub > a:after,
							#navi > li > ul > li.hasSub > span:after
							{
								font-family: 'FontAwesome';
								content: "\f105";
								color: rgb(109,115,122);
								margin-left: .5em;
							}
						#navi > li > ul > li
						{
							text-transform: none;
						}
						#navi > li:hover > ul > li
						{
							height: 3rem;
							overflow: visible;
							padding:0;
							line-height: 3rem;
						}
						#navi > li > ul > li > a,
						#navi > li > ul > li > span
						{
							padding:0 1.5rem;
							display:block;
							text-decoration:none;
						}
							#navi > li > ul > li > a,
							#navi > li > ul > li > span
							{
								color: rgb(109,115,122);
								background-color: rgba(255,255,255,1);
							}
							#navi > li > ul > li:hover > a
							{
								color: rgb(38,44,49);
								background-color: rgba(245,245,245,1);
							}
						#navi > li > ul > li > a:hover,
						#navi > li > ul > li > a.active,
						#navi > li > ul > li.active > a
						{
							color: rgb(38,44,49);
							background-color: rgba(245,245,245,1);
						}
							/* SUB SUB*/
							#navi > li > ul > li > ul
							{ 
								position: absolute;
								top: 0;
								left: 100%;
								background-color:transparent;
								opacity: 0;
								width: 25em;
								font-size:.75rem;
								z-index: 2;

								-webkit-box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.3);
								box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.3);
						
								transition: opacity .25s ease .1s;
							}
								#navi > li > ul > li:hover > ul
								{
									opacity: 1;
									margin:0;
								}
								#navi > li > ul > li > ul > li
								{
									float:left;
									text-align:left;
									height: 0;
									overflow: hidden;
									padding:0;
									width:100%;
									background-color:transparent;
								 
									transition: height .25s ease .1s;
								}
								#navi > li > ul > li > ul > li
								{
									text-transform: none;
								}
								#navi > li > ul > li:hover > ul > li
								{
									height: 2.65rem;
									overflow: visible;
									padding: 0;
									line-height: 2.65rem;
								}
								#navi > li > ul > li > ul > li > a,
								#navi > li > ul > li > ul > li > span
								{
									padding:0 1.5rem;
									display:block;
									text-decoration:none;
								}
									#navi > li > ul > li > ul > li > a,
									#navi > li > ul > li > ul > li > span,
									#navi > li > ul > li > ul > li:hover > a
									{
										color: rgb(109,115,122);
										background-color: rgba(255,255,255,1);
									}
								#navi > li > ul > li > ul > li > a:hover,
								#navi > li > ul > li > ul > li > a.active
								{
									color: rgb(38,44,49);
									background-color: rgba(245,245,245,1);
								}
		/* MAIN *//* CONTENT *//* STYLES *//* IMG */
		.content a.noRWD-40 img
		{
			width: auto;
			max-width: inherit;
			height: auto;
		}
		/* MAIN *//* CONTENT *//* STYLES *//* IMG *//* FLOATLEFT */
		.noRWD a[data-rel="lightbox"],
		.noRWD a[data-group="lightbox"],
		.noRWD a[rel="lightbox"]
		{
			width: auto;
		}
		/* MAIN *//* CONTENT *//* STYLES *//* IMG *//* FLOATLEFT */
		img.floatLeft
		{
			float: left;
			margin-bottom: 1.5rem;
			margin-right: 1.5rem;
		}
			a img.floatLeft
			{
				margin-bottom: 0;
				margin-right: 0;
			}
		a[data-rel="lightbox"],
		a[data-group="lightbox"],
		a[rel="lightbox"],
			a[data-rel="lightbox"] img,
			a[data-group="lightbox"] img,
			a[rel="lightbox"] img
		{
			float: left;
		}
			a[data-rel="lightbox"],
			a[data-group="lightbox"],
			a[rel="lightbox"]
			{
				margin-bottom: 1.5rem;
				margin-right: 1.5rem;
			}
		/* MAIN *//* CONTENT *//* STYLES *//* IMG *//* FLOATRIGHT */
		img.floatRight
		{
			float: left;
			margin-right: 0;
			margin-left: 1.5rem;
		}
			a img.floatRight
			{
				margin-right: 0;
				margin-left: 0;
			}
		.imgRight a[data-rel="lightbox"],
		.imgRight a[data-group="lightbox"],
		.imgRight a[rel="lightbox"],
			.imgRight a[data-rel="lightbox"] img,
			.imgRight a[data-group="lightbox"] img,
			.imgRight a[rel="lightbox"] img,
		a[data-rel="lightbox"].floatRight,
		a[data-group="lightbox"].floatRight,
		a[rel="lightbox"].floatRight,
			a[data-rel="lightbox"] img.floatRight,
			a[data-group="lightbox"] img.floatRight,
			a[rel="lightbox"] img.floatRight,
		img.floatRight
		{
			float: right;
		}
			.imgRight a[data-rel="lightbox"],
			.imgRight a[data-group="lightbox"],
			.imgRight a[rel="lightbox"],
			a[data-rel="lightbox"].floatRight,
			a[data-group="lightbox"].floatRight,
			a[rel="lightbox"].floatRight
			{
				margin-right: 0;
				margin-left: 1.5rem;
			}
			/* MAIN *//* CONTENT *//* STYLES *//* IMG *//* LAST *//* LEFT */
			a[data-rel="lightbox"].last,
			a[data-group="lightbox"].last,
			a[rel="lightbox"].last
			{
				margin-right: 0rem;
			}
			/* MAIN *//* CONTENT *//* STYLES *//* IMG *//* LAST *//* RIGHT */
			.imgRight a[data-rel="lightbox"].last,
			.imgRight a[data-group="lightbox"].last,
			.imgRight a[rel="lightbox"].last,
			a[data-rel="lightbox"].floatRight.last,
			a[data-group="lightbox"].floatRight.last,
			a[rel="lightbox"].floatRight.last
			{
				margin-left: 0;
			}
	/* MAIN *//* CONTENT *//* STYLES *//* BUTTON STYLES */
	.btn
	{
		display: inline-block;
	}
}
@media only screen and (min-width:47em) {
	/* TYPO *//* ALL HEADLINES */
	h1:after, h2:after, .headline.border:after
	{
		width: 20%;
	}
	html, body.index
	{
		height: 100%;
	}
	/* HEADER */
	.header
	{
	/*	background-image: url(../images/bg-header.gif); 
		background-repeat: repeat-y;
		background-position: top center; */
		background-color: rgb(69,117,212);

		position: fixed;
		top: 0;
		width: 100%;
		margin-bottom: 0;
	}

		.index .header
		{
			background-image: none;
			height: 100%;
			overflow: hidden;
			text-align: left;

			position: relative;
			top: inherit;
			width: inherit;
			z-index: inherit;
			background-color: transparent;
		}
		/* HEADER *//* STYLES *//* CONTAINERCENTER */
		.header #containerCenter
		{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			padding: 0;
			text-align: center;
		}
		.header #containerCenter:before
		{
			content: '';
			display: inline-block;
			height: 100%;
			vertical-align: middle;
		}
			.header #containerCenter > div
			{
				position: relative;
				display: inline-block;
				vertical-align: middle;
				width: 40rem;
			}
		/* HEADER *//* STYLES *//* BRANDING */
		.branding
		{
			background-color: rgb(245,245,245);
			text-align: center;
		}

		.projektreal-gmbh .branding {
			padding: 2rem 0;
		}
		
			.index .branding
			{
				height: 9rem;
				text-align: center;
			}
		/* HEADER *//* STYLES *//* NAVIGATION MAIN */
		nav 
		{
			overflow: visible;
			display: inherit;
			float: right;
			width: 100%;
			text-align: left;
			margin-top: 2.7em;
			background-color: transparent;
		}
			/* HEADER *//* STYLES *//* NAVIGATION MAIN *//* STYLES */
			#navi
			{
				text-align: right;
			}
				#navi > li
				{
					z-index: 1
				}
				#navi > li.taetigkeitsbereiche
				{
					z-index: 2
				}
				#navi > li:not(:last-child)
				{
					margin-right: 3rem;
				}
				#navi > li:nth-child(3)
				{
					margin-right: 0;
				}
				#navi > li:nth-child(4)
				{
					margin-left: 10rem;
				}
			#navi > li > a,
			#navi > li > span
			{
				padding: 0;
			}
			/* SUB */
			#navi > li > ul 
			{ 
				left: inherit;
				right: 0;
			}
					#navi > li > ul > li.hasSub > a:after,
					#navi > li > ul > li.hasSub > span:after
					{
						content: "";
						margin-left: 0;
					}
					#navi > li > ul > li.hasSub > a:before,
					#navi > li > ul > li.hasSub > span:before
					{
						font-family: 'FontAwesome';
						content: "\f104";
						color: rgb(109,115,122);
						margin-right: .5em;
					}
					/* SUB SUB*/
					#navi > li > ul > li > ul
					{ 
						top: 0;
						left: inherit;
						right: 100%;
					}
		/* SLIDERCONTAINER */
		.sliderContainer
	{
		display: block;
		position: relative;
		z-index: 2;
		width: 100%;
		background-color: rgba(0,0,0,.1);
		padding-top: 2rem;
	}

	body:not(.projektreal-gmbh-index) .sliderContainer {
		display: none;
	}
			/* SLIDERCONTAINER *//* STYLES *//* CLAIM */
			.sliderContainer > .claim .container .content span
			{
				display: block;
				line-height: 2.5rem;
				font-size: 2.125rem;
			}
			/* SLIDERCONTAINER *//* STYLES *//* TEASER */
			
				.projektreal-gmbh-index .sliderContainer,
				.strukturplan-ingenieurgesellschaft-mbh-index .sliderContainer
				{
					padding-top: 0;
					padding-bottom: 0;
				}
			.sliderContainer > .teaser
			{
				position: absolute;
				bottom: 150px;
			}
				.projektreal-gmbh-index .sliderContainer > .teaser,
				.strukturplan-ingenieurgesellschaft-mbh-index .sliderContainer > .teaser
				{
					position: absolute;
					bottom: 90px;
				}
				.sliderContainer > .teaser .box
				{
					margin-bottom: 0;
					position: relative;
					height: 22.5rem;
				}

				.sliderContainer > .teaser .box
				{
					margin-bottom: 0;
					position: relative;
					height: 21.5rem;
				}
				.sliderContainer > .teaser .box
				{
					margin-bottom: 0;
					position: relative;
					height: 17.5rem;
				}

				.sliderContainer > .teaser .box > div
				{
					position: absolute;
					width: 100%;
					bottom: 0;
				}
				.sliderContainer > .teaser .box > div > div
				{
					padding: .5rem 1rem 1rem;
				}
				.sliderContainer > .teaser .box > div > div > .headline
				{
					margin-bottom: 0;
				}
				.sliderContainer > .teaser .box > div > div > .headline i
				{
					display: none;
				}
		/* SLIDESHOW */
		#slideshow
		{
			display: block;
		}
		/* MAIN */
		.main
		{
			padding: 5rem 0;
		}
			.strukturplan-ingenieurgesellschaft-mbh .main
			{
				padding: 11rem 0 15rem;
			}
			/* MAIN *//* SIDEBAR *//* STYLES */
			.sidebar
			{
				text-align: left;
			}
			.subHeadline
			{
				display: block;
				text-transform: uppercase;
			}
			.content ul.naviAdd
			{
				display: inline-block;
			}
		/* MAIN *//* CONTENT *//* STYLES */
		.content a.noRWD-40 img
		{
			width: 100%;
			max-width: 100%;
		}
		/* MAIN *//* CONTENT *//* STYLES *//* LIST STYLES */
		.header .content ul li
		{
			text-align:left;
		}
			.header .content ul.align-right li
			{
				text-align:right;
			}
		/* MAIN *//* CONTENT *//* STYLES *//* INFOBOX */
		.index .infoBox
		{
			display: none;
		}
		/* FOOTER */

		.footer
		{
			background: url(../images/bg-footer.jpg) no-repeat center center fixed; 
			background-attachment: scroll; 
		}
		
		body.firefox .footer {
			background-color: rgb(109,115,122);
		}
		/* FOOTER *//* CHANGECOMPANY */
		.changeCompany
		{
			text-align: inherit;
		}
		.changeCompany .align-right {
			text-align: right;
		}

}
@media only screen and (min-width:62em) {
	/* HTML BODY */
	.index
	{
		background-image: url(../images/bg-landingpage-small-body.jpg);
		background-repeat: no-repeat;
		background-position: top center;
	}

	.btn.btnJob {
		display: none;
	}

	.index .infoBox .jobIndex {
		display: flex;
	}
	/* HEADER */
	.header,
	.btn
	{
		font-size: .875rem;
	}
	/* HEADER *//* STYLES *//* CONTAINERCENTER */
	.header #containerCenter > div
	{
		width: 60rem;
	}
	/* HEADER *//* STYLES *//* BRANDING */
	.branding
	{
		height: auto;
	}
	/* HEADER *//* STYLES *//* NAVIGATION MAIN *//* STYLES */
	#navi > li:not(:last-child),
	#navi > li:nth-child(3)
	{
		margin-right: 1.5rem;
	}
	#navi > li:nth-child(4),
	.strukturplan-ingenieurgesellschaft-mbh #navi > li:nth-child(4)
	{
		margin-left: 0;
	}
		#navi > li > a,
		#navi > li > span
		{
			padding: 1rem 0;
		}
		/* SUB */
		#navi > li > ul 
		{ 
			right: inherit;
			left: -1.563rem;
		}
				#navi > li > ul > li.hasSub > a:before,
				#navi > li > ul > li.hasSub > span:before
				{
					content: "";
					margin-right: 0;
				}
				#navi > li > ul > li.hasSub > a:after,
				#navi > li > ul > li.hasSub > span:after
				{
					font-family: 'FontAwesome';
					content: "\f105";
					color: rgb(109,115,122);
					margin-left: .5em;
				}
				/* SUB SUB*/
				#navi > li > ul > li > ul
				{ 
					top: 0;
					right: inherit;
					left: 100%;
				}

	/* MAIN *//* CONTENT *//* STYLES *//* INFOBOX */
	.index .infoBox
	{
		display: block;
		color: rgb(255,255,255);
		background-color: transparent;
		padding: 0;
		margin-bottom: 0;
	}
	/* SLIDERCONTAINER *//* STYLES *//* TEASER */
	.sliderContainer > .teaser .box > div > div
	{
		padding: 1.5rem 1rem;
	}
		.sliderContainer > .teaser .box > div > div > .headline
		{
			margin-bottom: 1rem;
		}
		.sliderContainer > .teaser .box > div > div > .headline i
		{
			display: inline-block;
		}
}
@media only screen and (min-width:76em) {
	/* HTML BODY */
	.index
	{
		background-image: url(../images/bg-landingpage-body.jpg);
	}	
	/* HEADER */
	.header,
	.btn
	{
		font-size: 1rem;
	}
	/* HEADER *//* STYLES *//* CONTAINERCENTER */
	.header #containerCenter > div
	{
		width: 75rem;
	}
	.branding img {
		width: 300px;
	}
	/* HEADER *//* STYLES *//* NAVIGATION MAIN *//* STYLES */
	nav
	{
		margin-top: 2.6em;
	}
	#navi
	{
		font-size: .875rem;
	}
		#navi > li:not(:last-child),
		#navi > li:nth-child(3)
		{
			margin-right: 2.25rem;
		}

		/* SLIDERCONTAINER *//* STYLES *//* CLAIM */
		.sliderContainer > .claim
		{
			top: 28%;
		}
			.strukturplan-ingenieurgesellschaft-mbh-index .sliderContainer > .claim
			{
				top: 50%;
			}
	/* CONTAINER */
	.container
	{
		max-width:75rem;

	}
	/* MAIN *//* CONTENT *//* STYLES *//* OBJECT */
	.content object
	{
		height: 280px;
	}
	/* FOOTER *//* STYLES */
	.projektreal > .footer > .container > .content > div > div:last-child
	{
		padding-top: 5rem;
	}
}

.strukturplan-ingenieurgesellschaft-mbh .infoOnIndex {
	display: none;
}

.floatRight {
	float: right;
}

.strukturplan-ingenieurgesellschaft-mbh-index {
	word-break: break-all;
}

.noMarginLeft {
	margin-left: 0 !important;
}

@media screen and (min-width: 752px) and (max-width: 1215px) {
	img.logo {
		width: 90%;
		margin-left: 15px;
	}
}

@media screen and (min-width: 0px) and (max-width: 419px) {
	img.logo {
		width: 90%;
		margin-left: 15px;
	}
}


@media only screen and (min-width:760px) {
	body:not(.projektreal-gmbh-index) .content {
		padding-top: 100px;
	}

}
.notificationArea,
.privacyControlBadge {
	z-index: 9999999 !important;
}

.telLink {
	color: unset;
}
.telLink:hover {
	color: #4575d4;
	opacity: 0.8;
}
.underline {
	text-decoration: underline;
}