/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-slab-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Light'), local('RobotoSlab-Light'),
       url('../fonts/roboto-slab-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v7-latin-300.svg#RobotoSlab') 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-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
       url('../fonts/roboto-slab-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v7-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-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'),
       url('../fonts/roboto-slab-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v7-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* slabo-27px-regular - latin */
@font-face {
  font-family: 'Slabo 27px';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/slabo-27px-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Slabo 27px'), local('Slabo27px-Regular'),
       url('../fonts/slabo-27px-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/slabo-27px-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/slabo-27px-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/slabo-27px-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/slabo-27px-v4-latin-regular.svg#Slabo27px') format('svg'); /* Legacy iOS */
}

/* ////////////////////// General */
	html { height: 100% !important; }
	body { height: 100%;font-family:"Roboto Slab",serif, Times New Roman;font-weight: 400;font-size:14px;color:#1a1a1a;overflow-x:hidden;position:relative; }	
	a {color:#003258; text-decoration:none;-webkit-transition: all ease 0.25s;-moz-transition: all ease 0.25s;-ms-transition: all ease 0.25s;-o-transition: all ease 0.25s;transition: all ease 0.25s; }
	a span { -webkit-transition: border ease 0.25s;-moz-transition: border ease 0.25s;-ms-transition: border ease 0.25s;-o-transition: border ease 0.25s;transition: border ease 0.25s; }
	a:focus, a:hover { text-decoration: none;outline:0;color:#485956; }
	img { max-width:100%;height:auto; }
	.container { position: relative; }
	h1 { font-family:"Slabo 27px",serif, Times New Roman;font-size:26px;line-height:40px;font-weight:400; color: #00497f; }
	h2 { font-family: "Slabo 27px",serif, Times New Roman;font-size:40px;position:relative;font-weight:400;margin-bottom:20px;padding-bottom:20px; color: #00497f;  }
	#datenschutz h1 { font-family: "Slabo 27px",serif, Times New Roman;font-size:30px;position:relative;font-weight:400;margin: 25px 0 0 0 ; padding-bottom:0; color: #00497f;  }
	#datenschutz h2 { font-family: "Slabo 27px",serif, Times New Roman;font-size:20px;position:relative;font-weight:400;margin: 25px 0 0 0 ; line-height:28px; padding-bottom:0; color: #00497f;  }

	h2 span { position:absolute;left:-15px;top:2px;font-size:12px; }
	h3 { font-family:"Slabo 27px",serif, Times New Roman;font-size:19px;line-height:30px; text-transform: uppercase;}
	#impressum h3, #datenschutz h3 { margin: 25px 0 0 0 ; font-family:"Slabo 27px",serif, Times New Roman;font-size:20px;line-height:28px;color:#00497f; text-transform: uppercase;}
	strong, b, h4 {font-weight:700;color: #003258; font-size: 14px;
line-height: 1.42857143;}
	b { color:#003258; }
	p {font-size: 14px;}
	.white {color:#fff; margin-bottom: 30px;}
	.right {text-align: right;}	
	.center {text-align: center;}
	ul, li {padding-left: 0; list-style-type:none;}
	#datenschutz li {list-style-type: circle; margin-left: 20px;}
	#leistungen li {font-weight: 700; margin-bottom:10px;color:#00497f;}
	.blau {color:#00497f;}
	hr { margin-top: 10px; border-top: 1px solid #00497f;}
	.iconbox {
	width: 70px;
    height: 70px;
    padding: 15px 10px 10px 10px;
    border-radius: 80px;
    margin: 30px auto;
    text-align: center;
    border: 1px solid #7fa4bf;
	background-color: #7fa4bf;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    box-shadow: 1px 1px 2px #444;
	}
	#kontakt .iconbox:hover {
    border: 1px solid #003258;
	background-color: #003258;
	}
	.real-estate .iconbox img {width: 50%;margin-top: 3px;}
	.retail .iconbox img {width: 60%;margin-top:10px; margin-right: 3px;}	
	.redevelopment .iconbox img {width: 28%;margin-top: 6px;}		
	.webform .iconbox img {width: 45%;margin-top: 3px;}
	.phone .iconbox img {width: 40%;margin-top:4px;}	
	.email .iconbox img {width: 65%;margin-top: 10px;}		
	.line-bottom {border-bottom: 1px solid #00497f; }
	.txt-box1 {min-height: 510px;}
	.txt-box2  {min-height: 510px;}

/** ////////////////////// Navigation **/
	 header { -webkit-box-shadow: 0px 5px 5px 0px rgba(36,37,37,0.25);-moz-box-shadow: 0px 5px 5px 0px rgba(36,37,37,0.25);box-shadow: 0px 5px 5px 0px rgba(36,37,37,0.25); }
	.navbar-default {background-color: #fff;height:180px;margin-bottom:0; border:0; }
	.navbar-default .navbar-nav > li {padding: 0 20px;}
	.navbar-default .navbar-nav > li > a { font-family:"Slabo 27px",serif, Times New Roman;text-transform:uppercase;color:#00497e;background-color:transparent;font-size:13px; padding: 30px 0 0 0;border-top: 5px solid #fff; transition: all 0.6s ease-in-out;}
	.navbar-default .navbar-nav > li:last-child a {margin-right:0;}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { padding-top:30px;  background-color:transparent;color:#000; border-top: 5px solid #00497e; transition: all 0.6s ease-in-out;}
	.navbar-default .navbar-nav > li.active > a { font-weight:normal; }
	.navbar-default .navbar-nav > li > a:focus span, .navbar-default .navbar-nav > li > a:hover span, .navbar-default .navbar-nav > li.active > a span { border-color:#8e7f75; }
	.nav-pat { left: 3px; position: absolute;top: 14px;z-index: 300;}
	.navbar-logo { margin:35px 0 0 0; }
	.navbar-brand { padding-top:0;padding-bottom:0; width: 400px; }
	@-o-keyframes hide_show {
				0%   {opacity:0; }
				50% {opacity:0.5; }
				100% {opacity:1; }
			}
@-ms-keyframes hide_show {
				0%   {opacity:0; }
				50% {opacity:0.5; }
				100% {opacity:1; }
			}
@-moz-keyframes hide_show {
				0%   {opacity:0; }
				50% {opacity:0.5; }
				100% {opacity:1; }
			}
@-webkit-keyframes hide_show {
				0%   {opacity:0; }
				50% {opacity:0.5; }
				100% {opacity:1; }
			}
@keyframes hide_show {
				0%   {opacity:0; }
				50% {opacity:0.5; }
				100% {opacity:1; }
			}
			
#navigation	{	
	-webkit-animation-delay: 10000ms;
    animation-delay: 10000ms;
				animation: hide_show 2s;
				-o-animation: hide_show 2s;
				-ms-animation: hide_show 2s;
				-moz-animation: hide_show 2s;
				-webkit-animation: hide_show 2s;
}
			
	
	
/* ////////////////////// Mobile Navigation */
#mobilemenu { display:none;position:fixed;top:0;right:0;width:64px;height:64px;padding:5px 10px;cursor:pointer;z-index:10000; }
.navbar-toggle { background-color: transparent;background-image: none;border: medium none;border-radius: 1px;float: right;margin-bottom: 8px;margin-right: 15px;margin-top: 8px;padding: 9px 10px;position: relative;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: transparent;}
.navbar-default .navbar-toggle .icon-bar {background-color: #7fa4bf;}
.navbar-toggle .icon-bar {width: 25px; height: 3px;}
.navbar-default .navbar-toggle .icon-bar:hover {color:#fff;}
.navbar-toggle .icon-bar:nth-of-type(2) {top: 1px;}
.navbar-toggle .icon-bar:nth-of-type(3) {top: 2px;}
.navbar-toggle .icon-bar {position: relative;transition: all 500ms ease-in-out 0s;}
.navbar-toggle.active .icon-bar:nth-of-type(1) {top: 8px;transform: rotate(45deg);}
.navbar-toggle.active .icon-bar:nth-of-type(2) {background-color: transparent;}
.navbar-toggle.active .icon-bar:nth-of-type(3) {top: -6px;transform: rotate(-45deg);}
.navbar-default .navbar-toggle {border-color: #009fe3;}

.navbar-brand {
	    transition: width 0.6s ease-in-out;
}
.navbar-default{
   transition: height 0.6s ease-in-out;
}


/** ////////////////////// Form**/	
.frmContact {
	margin: 60px 11% 30px 11%;
}

#frmContact {
padding: 30px 11% 120px 11%;
}

.alert {
margin: 0 11% 0 11%;
}

.alert ul li {
list-style-type: disc;
    margin-left: 15px;
    padding-left: 0;
}

.alert-success, .alert-danger {
	margin-top:20px;
	background-color:#eef4f9;
	border-radius:0;
}

.alert-danger  {
border-color: #ef0e0e;
color: #ef0e0e;
}

.text-danger {
	color: #ef0e0e;
}

.alert-success {
margin-bottom: 40px;
border-color: #08860a;
color: #08860a;
}


.btn-primary {
    color: #fff;
    background-color: #7fa4bf;
    border-color: #7fa4bf;
	transition: all 0.6s ease-in-out;
}

.btn-lg {
    border-radius: 0;
	margin-top:15px;
	}

#OK {color: red; font-weight:700; }
.control-label {margin-top: 20px;}

.zustimmung {margin-top: 20px;}
.cb {max-width:90%; font-weight: 400;}
.pflicht {margin-top: 10px; padding-left: 4%; }

.url-textfield { display:none !important;}

p.Meldung {    
    padding: 0 11% 0 11%;}

input[type="checkbox"] {
width: 20px;
background: #fff none repeat scroll 0 0;
border: 1px solid #c4c4c2;
border-radius: 0;
float: left;
height: 20px;
font-family: 'Libre Franklin', sans-serif;
font-weight: 400;
font-size: 15px;
margin-right:5px;
}

/** ////////////////////// DOWN **/
.down {
text-align: center;
margin-top: 80px;
margin-bottom:10px;
}

.down img {
width: 40px;
height: 55px;
}

.boxgrey {
	padding: 20px;
	background: #f1f1f1;
	border: 1px dotted #ccc;
}

#datenschutz .boxgrey  h3{
	margin: 0;
}

/** ////////////////////// SECTIONS **/

#leistungen:before, #unternehmen:before, #team:before, #kontakt:before  {
	display: block;
    content: "";
    height: 200px;
    margin: -200px 0 0;
	}


/** ////////////////////// Start **/
    


	#start { margin-top: 200px;}
	#start .headerbild { position: relative; min-height: 430px; text-align:center;}
	#start h1 {position: absolute; top: 2%; width: 100%; text-align: center;font-family:"Slabo 27px",serif, Times New Roman;color:#fff; font-weight:400;background-color:transparent;font-size:44px; line-height:52px; margin-top: 13%; margin-bottom: 0;}
	#start p {position: absolute; bottom: 29%; width: 100%; text-align: center; font-family:"Slabo 27px",serif, Times New Roman;color:#fff;background-color:transparent;font-size:14px;}

/** //////////////////////  Unternehmen**/
	#unternehmen { text-align: center; }
	#unternehmen .txt {padding:0 15%;}


/** /////////////////////// Leistungen */

	#leistungen:before {
	display: block;
    content: "";
    height: 200px;
    margin: -200px 0 0;
	}
	#leistungen .image {margin-top:20px;}
	#leistungen .txt-box1 .center, 
	#leistungen .txt-box2 .center,
	#leistungen .txt-box3 .center {margin-bottom:20px; margin-top: 30px;}
	

/** //////////////////////  Team */

	.image.partner {margin-bottom:50px; }
	
	.line.col-lg-12.col-md-12.col-xs-12 {
		padding-left: 0;
		padding-right: 0;
	}


/** //////////////////////  Impressum / Datenschutz */

	#impressum, #datenschutz { padding:20px 0 0;background:#fff;margin-bottom:80px; }
	
	
/** //////////////////////  Footer */	
    footer .link { }
	footer {padding-bottom: 92px;}
	.logo-iws {height:100px;}
	
/* Media Queries */



@media (max-width: 1200px) {
	.navbar-logo { margin:35px 0 0 0;width: 300px; }
		.txt-box1 {min-height: 590px;}
	.txt-box2  {min-height: 590px;}

}
	
@media (max-width: 992px) {
	.navbar-default .navbar-nav > li > a { margin-right:0;}	
	.navbar-logo { width: 200px;}
	#start .headerbild { position: relative; min-height: 260px; text-align:center;}
	#start h1 {position: absolute; top: 0; width: 90%; text-align: center;font-family:"Slabo 27px",serif, Times New Roman;color:#fff; font-weight:400;background-color:transparent;font-size:30px; line-height:38px;}
	#start p {position: absolute; bottom: 22%; width: 90%; text-align: center; font-family:"Slabo 27px",serif, Times New Roman;color:#fff;background-color:transparent;font-size:13px;}
	
	p {margin-left: 0;}
	h3 {margin-left: 0; }
.right {margin-left: 10px; margin-right: 20px;}
.down {margin-top: 40px;}
.partner1 {margin-bottom: 20px;}

#frmContact { margin-top:0;padding: 0;margin-bottom: 60px;}
.alert {margin: 0 0 30px 0;}
.frmContact { margin: 30px 0 30px 0;}
	
footer .right {text-align: left;}
footer .link{text-align: right;}
		.txt-box1 {min-height: 790px;}
	.txt-box2  {min-height: 790px;}

}

@media (max-width: 768px) {
	p { -webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto; }
	h2 { font-size:26px; }

	header .container { position:initial; } 
	
	#mobilemenu { display:block; }
	
	.navbar-default { height:100px; }
	.navbar-brand { height:30px; }
	.navbar-logo { margin:20px 0 0 0;}
	.move { -o-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease; }
	
	.navbar-nav { position:fixed;top:0px;right:-60%;width:60%;height:100%;overflow:auto;margin:0;background:#003258;z-index:10000;display:block; }
	.navbar-nav br { display:none;visibility:hidden; }
	#navigation.collapsing { position:initial; } 
	.navbar-default .navbar-nav { padding-top: 64px;	}
	
	.navbar-default .navbar-nav > li > a:last-child {margin-right: 0;}
	.navbar-default .navbar-nav > li > a {
    color: #7fa4bf;
    background-color: transparent;
    font-size: 15px;
    padding: 15px 0 10px 0;
    border-top: 0;
    transition: all 0.6s ease-in-out;
}
	.navbar-default .navbar-nav > li { width:auto !important;overflow:hidden; border-bottom: 1px solid #fff }
	.navbar-default .navbar-nav > li > a span { border:0;width:15px; }
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.active > a { color:#fff; }
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {border-top: 0;color:#fff;}
	
	.nav-pat { display: none;}
	
	#start { margin-top:120px; }
	
	.txt-box1 {min-height: auto;}
	.txt-box2  {min-height: auto;}


	body.open { height:100%;overflow:hidden;max-height:100%; }
	body.open .navbar-nav { right:0; }
	body.open #navigation { position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background-color:rgba(36, 37, 37, 0.5);z-index:9999; }
	body.open #mobilemenu { background-color:#003258;background-position:-64px -64px; }
	
	.right {margin: 0 0 30px 0;}
	.floor-description { margin:0 0 30px 35px; }	
}

@media (max-width: 680px) {
	#start .headerbild { position: relative; min-height: auto; text-align:center;}
	#start h1 {position: absolute; top: 0; width: 100%; text-align: center;font-size:24px; line-height:30px;}
	#start p {position: absolute; bottom: 20%; width: 100%; font-size:13px;}
	#unternehmen .txt {padding: 0;}
}


@media (max-width: 560px) {
	#start h1 {position: relative; top: 0; width: 100%; text-align: center;font-size:24px; line-height:30px;color:#003258; margin-top:40px;}
	#start p {position: relative; bottom: 20%; width: 100%; font-size:13px; color:#003258; }
}

@media (max-width: 480px) {


}