/* CSS by dyersmith-frey.com */

/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: 0px; vertical-align: bottom;}

/* start general styles */
html { overflow-y: scroll; }
.mobile {display:none;}
.delayContent {display:none;}
body { 
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust:none;
	height: auto;
	color:#303030;
	font-family:'Roboto',Arial,sans-serif; font-weight: 100; font-style: normal;
	}

/* start sitebuild styles */
html,body {
    height:100%;
}

p {font-size:26px; line-height:34px; margin-top:25px; color:#303030;}

h1 {font-family:'Open Sans',Arial,sans-serif; font-weight: 600; font-style: normal; color:#757472; font-size:60px; line-height:70px; margin:0; padding:30px 0 0;}
h2 {font-family:'Open Sans',Arial,sans-serif; font-weight: normal; font-style: normal; color:#757472; font-size:20px; line-height:20px; margin:0; padding:0 0 0; letter-spacing:1px;}
h3 {font-family:'Open Sans',Arial,sans-serif; font-weight: 300; font-style: normal; color:#757472; font-size:60px; line-height:80px; margin:0; padding:60px 0 0;}
h4 {font-family:'Open Sans',Arial,sans-serif; font-weight: 600; font-style: normal; color:#FFF; font-size:70px; line-height:70px; margin:0; padding:0 0 0;}

.trans {-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
.trans:hover {-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
/* end general styles */

/* start link styles */
a:link, a:visited {
	font-style:normal;
	text-decoration:none;
	color:#757472;
	-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;
	}
a:hover {
	text-decoration:underline;
	-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;
	}
/* end link styles */

.headerbanner {background:#FFF; height:50px; width:100%; position:fixed; z-index:94; text-align:center;} .headerbanner img {width:13.8%; padding:15px 0 0;}

.home-text-wrapper {position:absolute; top:50%; width:100%; z-index:8; text-align:center;}

video{height:auto;position:relative;width:100%}
.home-video-wrapper {position:relative; width:100%; z-index:1; overflow:hidden;}
.home-image-wrapper {position:relative; overflow:hidden; top:0; left:0; width:100%; z-index:1;} .home-image-wrapper img {width:100%;}
.home-video-wrapper img {width:100%;}
.home-video-overlay {position:absolute; top:0; left:0; width:20%; z-index:95;} .home-video-overlay img {width:100%;}

.toplogowrapper {position:absolute; width:30%; top:0px; left:50%; margin-left:-15%; padding:80px 0 3.3%; background:#FFF; z-index:99; text-align:center;} .toplogowrapper img {width:46%;}

#navi {position:fixed; right:100px; top:90px; z-index:94; width:44px;} #navi img {width:100%;}
.closeicon {position:fixed; right:102px; top:80px; z-index:2; width:38px; } .closeicon img {width:100%;}

/* navigation */
#navigation {position:fixed; left:50%; right:0px; top:0; bottom:0; width:50%; box-sizing:border-box; padding:15% 20px 5% 15%; background:#A9C0B3; display:none; z-index:95;}
#navigation ul li {margin:40px 0; display:block; list-style:none; position:relative; text-align:left;}
#navigation ul li a {color:#fff; padding:0px; text-decoration:none; font-family:'Open Sans',Arial,sans-serif; font-weight:600; font-style:normal; font-size:60px; line-height:60px; letter-spacing:2px;}
#navigation ul li a:hover {color:#747570; text-decoration:none;}
#navigation ul li a.active {color:#747570; text-decoration:none;}

.mobile {display:none !important;}

/* HOME NEWS BOX */
#contentcontainer {position:relative; z-index:5; padding:50px 0 0; margin:0px 50px 0; box-sizing:border-box; text-align:center; background:#FDFCFA;}
.contentlimiter {max-width:900px; margin:auto; padding:0 100px; position:relative; z-index:6;}

.block404 {font-size:40px; line-height:50px; padding:100px 0;}

.block1 {box-sizing:border-box; background:#FDFCFA; margin:0; padding:0; z-index:20; position:relative;}
.block1green {background:#A9C0B3;}
.block1textleft {width:50%; float:left; box-sizing:border-box; margin:0; padding:90px 8% 10px 6%; text-align:right;}
.block1textright {width:50%; float:left; box-sizing:border-box; margin:0; padding:90px 6% 10px 8%; text-align:left;}
.block1image {width:50%; float:left;} .block1image img {width:100%;}
.block1big {padding:60px 8% 20px 6%;}

.block1textleft .blockspacer1 {width:70%; height:0px; border-top:2px solid #F5C68D; margin:20px 0 0px 68%; padding:0 0 0px; position:relative; text-align:right; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
.block1textleft:hover .blockspacer1 {width:75%; margin:20px 0 0px 65%; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}

.block1textright .blockspacer1 {width:70%; height:0px; border-top:2px solid #F5C68D; margin:20px 68% 0px -38%; padding:0 0 0px; position:relative; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
.block1textright:hover .blockspacer1 {width:75%; margin:20px 65% 0px -40%; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}

.block1textspecial {width:50%; float:left; box-sizing:border-box; margin:0; padding:100px 8% 60px; text-align:center;}
.block1textspecial p {font-size:46px; line-height:54px; color:#757472;}

a.block1button {display:inline-block; background:url(../data/files/icon-link.png) right no-repeat; font-family:'Open Sans',Arial,sans-serif; font-weight:600; font-style:normal; background-size:10px 19px; font-size:16px; letter-spacing:1px; padding:0 20px 0 0; margin:20px 0 0 0;}
a.block1button:hover {text-decoration:none; padding:0 25px 0 0; margin:20px -5px 0 0;}

.block2 {box-sizing:border-box; background:#FCE8A6; margin:0; padding:0; z-index:20; position:relative;}
.block2textleft {width:50%; float:left; box-sizing:border-box; margin:0; padding:160px 7% 60px; text-align:center;}
.block2image {width:50%; float:left;} .block2image img {width:100%;}
.block2textleft .blockspacer1 {width:15%; height:0px; border-top:2px solid #F5C68D; margin:0px auto 0; padding:0 0 0px; position:relative; text-align:right; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
.block2textleft:hover .blockspacer1 {width:20%; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}

.block3 {padding:90px 0 90px;}
.block3 .blockspacer1 {width:24%; height:0px; border-top:2px solid #F5C68D; margin:40px auto 40px; padding:0 0 0px; position:relative; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
.block3:hover .blockspacer1 {width:30%; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}

.block4 {} .block4 img {width:100%;}

.block5 {margin:0px 0 0; box-sizing:border-box; padding:0 0px;} .block5 img {width:100%;}

.block6 {box-sizing:border-box; margin:0px 0 0 0; padding:80px 0px 100px; text-align:center; color:#FFF; z-index:20;}
.block6_2 {padding:80px 0px 20px;}

.downloadbox {width:280px; display:inline-block; background:#FFC47C url(../data/files/download-white.png) right no-repeat; background-size:20px 21px; background-origin:content-box; color:#fff; padding:18px 20px; box-sizing:border-box; text-align:left; margin:30px 15px 0; font-family:'Open Sans',Arial,sans-serif; font-weight: normal; font-style: normal;}
.downloadbox:hover {background:#A9C0B3 url(../data/files/download-white.png) right no-repeat; background-size:20px 21px; background-origin:content-box; color:#FFF;}

/* Text Form */
.formwrapper {max-width:500px; margin:0 auto 0;}
fieldset {margin-top:0px; text-align:left;}
fieldset input {border:1px solid #FFC47C; background:#fff; margin:15px 0 0 0; padding:15px 20px 14px; width:100%; box-sizing:border-box; font-family:'Open Sans',Arial,sans-serif; font-weight: normal; font-style: normal; color:#757472; font-size:16px;}
textarea {border:1px solid #FFC47C; background:#fff; margin:15px 0 0 0; padding:15px 20px 14px; width:100%; box-sizing:border-box; font-family:'Open Sans',Arial,sans-serif; font-weight: normal; font-style: normal; color:#757472; min-height:100px; font-size:16px;}
.btn {border:0; background:#FFC47C; width:auto; color:#fff; padding:15px 30px 14px; margin:15px 0 0 0px; font-family:'Open Sans',Arial,sans-serif; font-weight: normal; font-style: normal; text-align:right; font-size:16px;}
.btn:hover {background:#A9C0B3; color:#fff; cursor:pointer;}
#response {display:block; color:#900; font-size:18px; margin-top:20px;}

.infobox {color:#F00; padding:10px 0 0; line-height:20px;}

.styled-select select {
   background: transparent;
   width: 258px;
   padding:15px 15px 14px;
   font-size:16px; font-family:'Open Sans',Arial,sans-serif; font-weight: normal; font-style: normal; color:#757472;
   line-height: 1;
   border:1px solid #FFC47C;
   border-radius: 0;
   -webkit-appearance: none;
   }
   
.styled-select {
   width: 230px; border-right:1px solid #FFC47C;
   overflow: hidden;
   background: url(../data/files/down_arrow_select.png) no-repeat right #fff;
   }
   
/* ZOOM */   
.zoomimg {-webkit-transition: all 10s ease-in-out;
    -moz-transition: all 10s ease-in-out;
    -o-transition: all 10s ease-in-out;
    -ms-transition: all 10s ease-in-out;}
	
.zoomtransition {-webkit-transform: scale(1.18);
    -moz-transform: scale(1.18);
    -o-transform: scale(1.18);
    transform: scale(1.18);}   
   
   
/* NAVIGATOR */
.navigator-detail-spacer {padding:0 100px 120px;}
.navigator-detail-wrapper {margin:16% auto 0px; padding:0; background:#FFF; max-width:1500px; border:2px solid #A9C0B3; color:#757472;}
.navigator-detail-left {width:30%; float:left; box-sizing:border-box; text-align:left; font-size:18px; line-height:32px; padding:60px 20px 60px 60px;}
.navigator-detail-left span {font-family:'Open Sans',Arial,sans-serif; font-weight: 600; font-style: normal; color:#757472;}
.navigator-detail-right {width:70%; float:left; box-sizing:border-box; background:#FFF; padding:5% 0px 20px; position:relative;} .navigator-detail-right img {width:100%;}
.navigator-detail-overview {width:60%; padding:20px 0;} .navigator-detail-overview img {width:100%;}

.navigator-detail-left table {width:100%;}
.navigator-detail-left table tr {border-bottom:1px solid #A7A6A4;}
.navigator-detail-left table td {padding:7px 1px;}
.navigator-detail-left a:hover {text-decoration:none;}

.navigator-detail-close {position:absolute; width:30px; top:-60px; right:2px;} .navigator-detail-close img {width:100%;}
.navigator-detail-close-mobile {display:none; font-size:14px; background:#FFF; position:relative; width:100px; padding:4px 2px; margin:10px 0 0;}

.downloadbox2 {width:100%; display:inline-block; background:#A9C0B3 url(../data/files/download-white.png) right no-repeat; background-size:20px 21px; background-origin:content-box; color:#fff; padding:10px 20px; box-sizing:border-box; text-align:left; margin:0px 0px 20px;}
.downloadbox2:hover {background:#FFC47C url(../data/files/download-white.png) right no-repeat; background-size:20px 21px; background-origin:content-box; color:#FFF;}

.navigator-header {width:100%; padding:14% 0 0; background:url(../data/files/navigator-header.jpg) repeat-x; background-size:100% 100%;}
.navigator-main-bg {position:absolute; width:100%; z-index:98;} .navigator-main-bg img {width:100%;}
.navigator-wrapper {position:relative; margin:14% auto 40px; max-width:1500px; padding:0 100px 100px;}
.navigator-building {position:relative; margin-left:500px;}
.navigator-list-header {width:440px; position:absolute; top:0; left:100px; z-index:99; padding:0 0px; background:#FFF;}
.navigator-list {width:440px; bottom:0px; overflow-y:auto; position:absolute; top:54px; left:100px; z-index:99; padding:0 0px; background:#FFF;}

.navigator-list-header-mobile {width:500px; position:relative; top:inherit; left:inherit; z-index:99; padding:20px 0px 0; background:#FFF; margin:0 0 0 30px; display:none;}
.navigator-list-mobile {width:500px; height:300px; overflow:scroll; position:relative; left:inherit; z-index:99; padding:0 0px; background:#FFF; margin:0 0 0 30px; display:none;}

.navigator-filter {position:absolute; width:750px; left:600px; bottom:0px; z-index:99;}
.navigator-filter-box {float:left; text-align:left; margin:0 40px 0 0;}
.navigator-filter-box h2 {font-size:16px; letter-spacing:1px; color:#A9C0B3; padding:0 0 16px;}

#wohnen_main_img {position:relative; z-index:99;}

.buildingimg {position:relative; z-index:99;}
.buildingtabletop {margin:0px 0 0 0; background:#A9C0B3; padding:2px 0px; font-family:'Open Sans',Arial,sans-serif; font-weight: normal; font-style: normal; color:#73878E; border-bottom:1px solid #DFE1E0;}
.buildingtable {margin:0px 0 0 0; font-family:'Open Sans',Arial,sans-serif; font-weight:normal; font-style: normal;}

.buildingmobile {display:none; margin:10px 0 10px;}
.buildingmobile img {width:100%;}

.flatstatus {width:10px;}
.flatstatus img {width:100%;}

.house_switch_hide {display:none;}
.navigator-wrapper table {width:100%;}
.navigator-wrapper table td p { margin-bottom:0px !important; }
.navigator-wrapper table td { padding:18px 0px; color:#303030; font-size:16px; vertical-align:top; }
.navigator-wrapper table thead td {padding:18px 0px;}
.navigator-wrapper table tbody tr {border-bottom:1px solid #DFE1E0; -webkit-transition:all 0.2s ease 0.1s; transition:all 0.2s ease 0.1s; -moz-transition:all 0.2s ease 0.1s; -o-transition:all 0.2s ease 0.1s; -ms-transition:all 0.2s ease 0.1s; }
.navigator-wrapper table tbody tr:hover { background:#F1F1F1; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; cursor:pointer; }
.navigator-list-inactive:hover {background:none !important; cursor:inherit !important; color:#CCC !important;}
.navigator-list-inactive-td {color:#CCC !important;}

.navigator-list-inactive2:hover {background:none !important; cursor:inherit !important; color:#000 !important;}
.navigator-list-inactive2-td {color:#000 !important;}
/* END NAVIGATOR */


#footer {background:#FFC47C; padding:40px 50px 40px; font-size:16px; color:#fff; box-sizing:border-box; margin:0px 50px 50px; font-family:'Open Sans',Arial,sans-serif; font-weight: normal; font-style: normal;}
#footer a {color:#fff;}
.footerleft {width:70%; float:left; text-align:left;}
.footerright {width:30%; float:left; text-align:right;}

.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top:0px; margin:0px 0 0px 0; height:0; max-width:3000px;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}	


/* --Mobile */
#mobile {display:none;}
/* Image Overlay */
.tintimg {display:block;}
.tint {position: relative; cursor: pointer; -webkit-shadow: rgba(0,0,0,.2) ; -moz-shadow: rgba(0,0,0,.2); box-shadow: rgba(0,0,0,.2);}
.tint:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}
.tint:hover:before {background: rgba(0,0,0, 0.5);}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clear {clear:both;}

/* Media Queries
***********************/
@media screen and (max-width: 2000px) {
	.block2textleft {width:50%; float:left; padding:90px 8% 60px; text-align:center;}
}

@media screen and (max-width: 1800px) {
	p {font-size:22px; line-height:30px; margin-top:21px;}
	h1 {font-size:50px; line-height:60px; padding:20px 0 0;}
	h2 {font-size:17px; line-height:17px; letter-spacing:1px;}
	h3 {font-size:50px; line-height:70px; padding:60px 0 0;}
	h4 {font-size:50px; line-height:50px;}
	
	.headerbanner {height:50px; text-align:center;} .headerbanner img {width:13.8%; padding:15px 0 0;}
	.home-text-wrapper {top:50%; width:100%;}
	
	.toplogowrapper {width:30%; top:0px; left:50%; margin-left:-15%; padding:80px 0 3.3%;} .toplogowrapper img {width:46%;}
	
	#navi {right:100px; top:90px; width:44px;} 
	.closeicon {right:102px; top:80px; width:38px;}
	
	/* navigation */
	#navigation {position:fixed; left:50%; right:0px; top:0; bottom:0; width:50%; padding:15% 20px 5% 15%;}
	#navigation ul li {margin:40px 0; text-align:left;}
	#navigation ul li a {font-size:60px; line-height:60px; letter-spacing:2px;}
	
	#contentcontainer {padding:50px 0 0; margin:0px 50px 0;}
	.contentlimiter {max-width:900px; margin:auto; padding:0 100px;}
	
	.block404 {font-size:40px; line-height:50px; padding:100px 0;}
	
	.block1textleft {width:50%; float:left; padding:70px 8% 10px 6%; text-align:right;}
	.block1textright {width:50%; float:left; padding:70px 6% 10px 8%; text-align:left;}
	.block1image {width:50%; float:left;}
	.block1big {padding:60px 8% 20px 6%;}
	.block1textleft .blockspacer1 {width:75%; height:0px; border-top:2px solid #F5C68D; margin:20px 0 0px 65%; padding:0 0 0px; position:relative; text-align:right;}
	.block1textright .blockspacer1 {width:75%; height:0px; border-top:2px solid #F5C68D; margin:20px 65% 0px -40%; padding:0 0 0px; position:relative;}
	.block1textspecial {width:50%; float:left; padding:100px 8% 60px; text-align:center;}
	.block1textspecial p {font-size:46px; line-height:54px; }
	
	.block2textleft {width:50%; float:left; padding:90px 8% 60px; text-align:center;}
	.block2image {width:50%; float:left;}
	.block2textleft .blockspacer1 {width:15%; height:0px; border-top:2px solid #F5C68D; margin:0px auto 0; padding:0 0 0px; position:relative; text-align:right;}
	
	.block3 {padding:90px 0 90px;}
	.block3 .blockspacer1 {width:24%; height:0px; border-top:2px solid #F5C68D; margin:30px auto 30px; padding:0 0 0px; position:relative;}
	
}

@media screen and (max-width: 1600px) {
	p {font-size:20px; line-height:27px; margin-top:21px;}
	h1 {font-size:40px; line-height:50px; padding:15px 0 0;}
	h2 {font-size:15px; line-height:15px; letter-spacing:1px;}
	h3 {font-size:40px; line-height:60px; padding:60px 0 0;}
	h4 {font-size:50px; line-height:50px;}
	
	.headerbanner {height:50px; text-align:center;} .headerbanner img {width:13.8%; padding:15px 0 0;}
	.home-text-wrapper {top:50%; width:100%;}
	
	.toplogowrapper {width:30%; top:0px; left:50%; margin-left:-15%; padding:80px 0 3.3%;} .toplogowrapper img {width:46%;}
	
	#navi {right:100px; top:90px; width:44px;} 
	.closeicon {right:102px; top:80px; width:38px;}
	
	/* navigation */
	#navigation {position:fixed; left:50%; right:0px; top:0; bottom:0; width:50%; padding:15% 20px 5% 15%;}
	#navigation ul li {margin:40px 0; text-align:left;}
	#navigation ul li a {font-size:60px; line-height:60px; letter-spacing:2px;}
	
	#contentcontainer {padding:50px 0 0; margin:0px 50px 0;}
	.contentlimiter {max-width:900px; margin:auto; padding:0 100px;}
	
	.block404 {font-size:40px; line-height:50px; padding:100px 0;}
	
	.block1textleft {width:50%; float:left; padding:50px 6% 10px 6%; text-align:right;}
	.block1textright {width:50%; float:left; padding:50px 6% 10px 6%; text-align:left;}
	.block1image {width:50%; float:left;}
	.block1big {padding:60px 8% 20px 6%;}
	.block1textleft .blockspacer1 {width:75%; height:0px; border-top:2px solid #F5C68D; margin:20px 0 0px 65%; padding:0 0 0px; position:relative; text-align:right;}
	.block1textright .blockspacer1 {width:75%; height:0px; border-top:2px solid #F5C68D; margin:20px 65% 0px -40%; padding:0 0 0px; position:relative;}
	.block1textspecial {width:50%; float:left; padding:100px 8% 60px; text-align:center;}
	.block1textspecial p {font-size:40px; line-height:47px; }
	
	.block2textleft {width:50%; float:left; padding:90px 8% 60px; text-align:center;}
	.block2image {width:50%; float:left;}
	.block2textleft .blockspacer1 {width:15%; height:0px; border-top:2px solid #F5C68D; margin:0px auto 0; padding:0 0 0px; position:relative; text-align:right;}
	
	.block3 {padding:90px 0 90px;}
	.block3 .blockspacer1 {width:24%; height:0px; border-top:2px solid #F5C68D; margin:30px auto 30px; padding:0 0 0px; position:relative;}
	
	/* NAVIGATOR */
	.navigator-detail-spacer {padding:0 80px 100px;}
	.navigator-detail-wrapper {margin:16% auto 0px; padding:0; border:2px solid #A9C0B3;}
	.navigator-detail-left {width:40%; float:left; text-align:left; font-size:18px; line-height:32px; padding:60px 20px 60px 60px;}
	.navigator-detail-right {width:60%; float:left; padding:5% 0px 20px;}
	.navigator-detail-overview {width:60%; padding:20px 0;}
	
	.navigator-detail-left table {width:100%;}
	.navigator-detail-left table td {padding:7px 1px;}
	
	.navigator-detail-close {width:30px; top:-60px; right:2px;}
	
	.downloadbox2 {width:100%; display:inline-block; background:#A9C0B3 url(../data/files/download-white.png) right no-repeat; background-size:20px 21px; background-origin:content-box; color:#fff; padding:10px 20px; box-sizing:border-box; text-align:left; margin:0px 0px 20px;}
	.downloadbox2:hover {background:#FFC47C url(../data/files/download-white.png) right no-repeat; background-size:20px 21px; background-origin:content-box; color:#FFF;}

}

@media screen and (max-width: 1400px) {
	p {font-size:18px; line-height:24px; margin-top:14px;}
	h1 {font-size:30px; line-height:40px; padding:12px 0 0;}
	h2 {font-size:14px; line-height:14px; letter-spacing:1px;}
	h3 {font-size:32px; line-height:48px; padding:40px 0 0;}
	h4 {font-size:50px; line-height:50px;}
	
	.headerbanner {height:40px; text-align:center;} .headerbanner img {width:13.8%; padding:13px 0 0;}
	.home-text-wrapper {top:50%; width:100%;}
	
	.toplogowrapper {width:30%; top:0px; left:50%; margin-left:-15%; padding:60px 0 3.3%;} .toplogowrapper img {width:46%;}
	
	#navi {right:100px; top:90px; width:44px;} 
	.closeicon {right:102px; top:80px; width:38px;}
	
	/* navigation */
	#navigation {position:fixed; left:50%; right:0px; top:0; bottom:0; width:50%; padding:15% 20px 5% 15%;}
	#navigation ul li {margin:40px 0; text-align:left;}
	#navigation ul li a {font-size:60px; line-height:60px; letter-spacing:2px;}
	
	#contentcontainer {padding:40px 0 0; margin:0px 40px 0;}
	.contentlimiter {max-width:900px; margin:auto; padding:0 100px;}
	
	.block404 {font-size:40px; line-height:50px; padding:100px 0;}
	
	.block1textleft {width:50%; float:left; padding:50px 6% 10px 6%; text-align:right;}
	.block1textright {width:50%; float:left; padding:50px 6% 10px 6%; text-align:left;}
	.block1image {width:50%; float:left;}
	.block1big {padding:40px 8% 20px 6%;}
	.block1textleft .blockspacer1 {width:75%; height:0px; border-top:2px solid #F5C68D; margin:20px 0 0px 65%; padding:0 0 0px; position:relative; text-align:right;}
	.block1textright .blockspacer1 {width:75%; height:0px; border-top:2px solid #F5C68D; margin:20px 65% 0px -40%; padding:0 0 0px; position:relative;}
	.block1textspecial {width:50%; float:left; padding:100px 8% 60px; text-align:center;}
	.block1textspecial p {font-size:32px; line-height:38px; }
	
	a.block1button {background-size:10px 19px; font-size:14px; padding:0 20px 0 0; margin:15px 0 0 0;}
	a.block1button:hover {padding:0 25px 0 0; margin:15px -5px 0 0;}
	
	.block2textleft {width:50%; float:left; padding:50px 6% 50px; text-align:center;}
	.block2image {width:50%; float:left;}
	.block2textleft .blockspacer1 {width:15%; height:0px; border-top:2px solid #F5C68D; margin:0px auto 0; padding:0 0 0px; position:relative; text-align:right;}
	
	.block3 {padding:60px 0 70px;}
	.block3 .blockspacer1 {width:24%; height:0px; border-top:2px solid #F5C68D; margin:30px auto 30px; padding:0 0 0px; position:relative;}
	
	#footer {padding:30px 50px 30px; font-size:16px; margin:0px 40px 40px;}
	
	/* NAVIGATOR */
	.navigator-header {width:100%; padding:14% 0 0; background:url(../data/files/navigator-header.jpg) repeat-x; background-size:100% 100%;}
	.navigator-main-bg {position:absolute; width:100%; z-index:98;} .navigator-main-bg img {width:100%;}
	.navigator-wrapper {position:relative; margin:14% auto 40px; max-width:1500px; padding:0 40px 90px;}
	.navigator-building {position:relative; margin-left:380px;}
	.navigator-list-header {width:340px; position:absolute; top:0; left:40px; z-index:99; padding:0 0px; background:#FFF;}
	.navigator-list {width:340px; bottom:0px; overflow-y:auto; position:absolute; top:44px; left:40px; z-index:99; padding:0 0px; background:#FFF;}
	
	.navigator-list-header-mobile {width:500px; position:relative; top:inherit; left:inherit; z-index:99; padding:20px 0px 0; background:#FFF; margin:0 0 0 30px; display:none;}
	.navigator-list-mobile {width:500px; height:300px; overflow:scroll; position:relative; left:inherit; z-index:99; padding:0 0px; background:#FFF; margin:0 0 0 30px; display:none;}
	
	.navigator-filter {position:absolute; width:720px; left:420px; bottom:0px; z-index:99;}
	.navigator-filter-box {float:left; text-align:left; margin:0 30px 0 0;}
	.navigator-filter-box h2 {font-size:16px; letter-spacing:1px; color:#A9C0B3; padding:0 0 16px;}
	
	#wohnen_main_img {position:relative; z-index:99;}
	
	.buildingimg {position:relative; z-index:99;}
	.buildingtabletop {margin:0px 0 0 0; background:#A9C0B3; padding:2px 0px; font-family:'Open Sans',Arial,sans-serif; font-weight: normal; font-style: normal; color:#73878E; border-bottom:1px solid #DFE1E0;}
	.buildingtable {margin:0px 0 0 0; font-family:'Open Sans',Arial,sans-serif; font-weight:normal; font-style: normal;}
	
	.buildingmobile {display:none; margin:10px 0 10px;}
	.buildingmobile img {width:100%;}
	
	.flatstatus {width:10px;}
	.flatstatus img {width:100%;}
	
	.house_switch_hide {display:none;}
	.navigator-wrapper table {width:100%;}
	.navigator-wrapper table td p { margin-bottom:0px !important; }
	.navigator-wrapper table td { padding:12px 0px; color:#303030; font-size:14px; vertical-align:top; }
	.navigator-wrapper table thead td {padding:12px 0px;}
	.navigator-wrapper table tbody tr {border-bottom:1px solid #DFE1E0; -webkit-transition:all 0.2s ease 0.1s; transition:all 0.2s ease 0.1s; -moz-transition:all 0.2s ease 0.1s; -o-transition:all 0.2s ease 0.1s; -ms-transition:all 0.2s ease 0.1s; }
	.navigator-wrapper table tbody tr:hover { background:#F1F1F1; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; cursor:pointer; }
	.navigator-list-inactive:hover {background:none !important; cursor:inherit !important; color:#CCC !important;}
	.navigator-list-inactive-td {color:#CCC !important;}
	/* NAVIGATOR */
}

@media screen and (max-width: 1200px) {
	p {font-size:16px; line-height:22px; margin-top:12px;}
	h1 {font-size:24px; line-height:30px; padding:12px 0 0;}
	h2 {font-size:12px; line-height:12px; letter-spacing:1px;}
	h3 {font-size:32px; line-height:44px; padding:40px 0 0;}
	h4 {font-size:40px; line-height:40px;}
	
	.headerbanner {height:30px; text-align:center;} .headerbanner img {width:13.8%; padding:10px 0 0;}
	.home-text-wrapper {top:50%; width:100%;}
	
	.toplogowrapper {width:30%; top:0px; left:50%; margin-left:-15%; padding:50px 0 2.6%;} .toplogowrapper img {width:46%;}
	
	#navi {right:80px; top:70px; width:44px;} 
	.closeicon {right:85px; top:64px; width:34px;}
	
	/* navigation */
	#navigation {position:fixed; left:50%; right:0px; top:0; bottom:0; width:50%; padding:16% 20px 5% 10%;}
	#navigation ul li {margin:30px 0; text-align:left;}
	#navigation ul li a {font-size:32px; line-height:32px; letter-spacing:2px;}
	
	#contentcontainer {padding:30px 0 0; margin:0px 30px 0;}
	.contentlimiter {max-width:900px; margin:auto; padding:0 100px;}
	
	.block404 {font-size:40px; line-height:50px; padding:100px 0;}
	
	.block1textleft {width:50%; float:left; padding:40px 4% 10px 4%; text-align:right;}
	.block1textright {width:50%; float:left; padding:40px 4% 10px 4%; text-align:left;}
	.block1image {width:50%; float:left;}
	.block1big {padding:20px 8% 20px 6%;}
	.block1textleft .blockspacer1 {width:75%; height:0px; border-top:2px solid #F5C68D; margin:20px 0 0px 65%; padding:0 0 0px; position:relative; text-align:right;}
	.block1textright .blockspacer1 {width:75%; height:0px; border-top:2px solid #F5C68D; margin:20px 65% 0px -40%; padding:0 0 0px; position:relative;}
	.block1textspecial {width:50%; float:left; padding:100px 8% 60px; text-align:center;}
	.block1textspecial p {font-size:26px; line-height:34px; }
	
	.block2textleft {width:50%; float:left; padding:50px 6% 50px; text-align:center;}
	.block2image {width:50%; float:left;}
	.block2textleft .blockspacer1 {width:15%; height:0px; border-top:2px solid #F5C68D; margin:0px auto 0; padding:0 0 0px; position:relative; text-align:right;}
	
	.block3 {padding:30px 0 40px;}
	.block3 .blockspacer1 {width:24%; height:0px; border-top:2px solid #F5C68D; margin:20px auto 24px; padding:0 0 0px; position:relative;}
	
	#footer {padding:30px 50px 30px; font-size:16px; margin:0px 30px 30px;}
	
	/* NAVIGATOR */
	.navigator-detail-spacer {padding:0 30px 100px;}
	.navigator-detail-wrapper {margin:16% auto 0px; padding:0; border:2px solid #A9C0B3;}
	.navigator-detail-left {width:40%; float:left; text-align:left; font-size:16px; line-height:26px; padding:30px 20px 30px 30px;}
	.navigator-detail-right {width:60%; float:left; padding:5% 0px 20px;}
	.navigator-detail-overview {width:50%; padding:20px 0;}
	
	.navigator-detail-left table {width:100%;}
	.navigator-detail-left table td {padding:3px 1px;}
	
	.navigator-detail-close {width:30px; top:-60px; right:2px;}
	
	.downloadbox2 {width:100%; display:inline-block; background:#A9C0B3 url(../data/files/download-white.png) right no-repeat; background-size:20px 21px; background-origin:content-box; color:#fff; padding:10px 20px; box-sizing:border-box; text-align:left; margin:0px 0px 20px;}
	.downloadbox2:hover {background:#FFC47C url(../data/files/download-white.png) right no-repeat; background-size:20px 21px; background-origin:content-box; color:#FFF;}

	.navigator-filter {position:absolute; width:720px; left:420px; bottom:0px; z-index:99;}
	.navigator-filter-box {float:left; text-align:left; margin:0 15px 0 0;}
	.navigator-filter-box h2 {font-size:14px; letter-spacing:1px; color:#A9C0B3; padding:0 0 16px;}
	
}


@media screen and (max-width: 900px) {
	.desktop {display:none;}
	.mobile {display:inherit !important;}
	
	p {font-size:16px; line-height:22px; margin-top:12px;}
	h1 {font-size:24px; line-height:30px; padding:12px 0 0;}
	h2 {font-size:12px; line-height:12px; letter-spacing:1px;}
	h3 {font-size:32px; line-height:44px; padding:40px 0 0;}
	h4 {font-size:30px; line-height:30px;}
	
	.headerbanner {height:30px; text-align:center;} .headerbanner img {width:13.8%; padding:12px 0 0;}
	.home-text-wrapper {top:50%; width:100%;}
	
	.toplogowrapper {width:30%; top:0px; left:50%; margin-left:-15%; padding:50px 0 2.6%;} .toplogowrapper img {width:46%;}
	
	#navi {right:80px; top:70px; width:44px;} 
	.closeicon {right:85px; top:64px; width:34px;}
	
	/* navigation */
	#navigation {position:fixed; left:50%; right:0px; top:0; bottom:0; width:50%; padding:16% 20px 5% 10%;}
	#navigation ul li {margin:30px 0; text-align:left;}
	#navigation ul li a {font-size:32px; line-height:32px; letter-spacing:2px;}
	
	#contentcontainer {padding:30px 0 0; margin:0px 30px 0;}
	.contentlimiter {max-width:900px; margin:auto; padding:0 4%;}
	
	.block404 {font-size:40px; line-height:50px; padding:100px 0;}
	
	.block1textleft {width:100%; float:left; padding:40px 4% 40px 4%; text-align:left;}
	.block1textright {width:100%; float:left; padding:40px 4% 40px 4%; text-align:left;}
	.block1image {width:100%; float:left;}
	.block1big {padding:30px 4% 40px 4%;}
	.block1textleft .blockspacer1 {width:10%; height:0px; border-top:2px solid #F5C68D; margin:20px 0 0px 0%; padding:0 0 0px; position:relative; text-align:right;}
	.block1textright .blockspacer1 {width:10%; height:0px; border-top:2px solid #F5C68D; margin:20px 0 0px 0%; padding:0 0 0px; position:relative;}
	.block1textspecial {width:100%; float:left; padding:40px 4% 40px; text-align:center;}
	.block1textspecial p {font-size:26px; line-height:34px; }
	
	a.block1button {background-size:8px 15px; font-size:12px; padding:0 15px 0 0; margin:10px 0 0 0;}
	a.block1button:hover {padding:0 20px 0 0; margin:10px -5px 0 0;}
	
	.block2textleft {width:100%; float:left; padding:50px 6% 50px; text-align:center;}
	.block2image {width:100%; float:left;}
	.block2textleft .blockspacer1 {width:15%; height:0px; border-top:2px solid #F5C68D; margin:0px auto 0; padding:0 0 0px; position:relative; text-align:right;}
	
	.block3 {padding:40px 0 40px; text-align:left;}
	.block3 .blockspacer1 {width:10%; height:0px; border-top:2px solid #F5C68D; margin:20px 0 0 0; padding:0 0 0px; position:relative;}
	
	.downloadbox {width:220px; background-size:20px 21px; padding:14px 16px; margin:20px 10px 0;}
	.downloadbox:hover {background-size:20px 21px;}
	
	#footer {padding:10px 30px 10px; font-size:14px; margin:0px 30px 30px !important;}
	.bottomspacer {height:1px; width:100%;}
	
	
	/* NAVIGATOR */
	.navigator-detail-spacer {padding:0 30px 100px;}
	.navigator-detail-wrapper {margin:16% auto 0px; padding:0; border:2px solid #A9C0B3;}
	.navigator-detail-left {width:40%; float:left; text-align:left; font-size:14px; line-height:21px; padding:30px 5px 15px 30px;}
	.navigator-detail-right {width:60%; float:left; padding:5% 0px 20px;}
	.navigator-detail-overview {width:50%; padding:20px 0;}
	
	.navigator-detail-left table {width:100%;}
	.navigator-detail-left table td {padding:3px 1px;}
	
	.navigator-detail-close {width:20px; top:-40px; right:2px;}
	
	.downloadbox2 {width:100%; display:inline-block; background:#A9C0B3 url(../data/files/download-white.png) right no-repeat; background-size:15px 16px; background-origin:content-box; color:#fff; padding:6px 10px; box-sizing:border-box; text-align:left; margin:0px 0px 15px;}
	.downloadbox2:hover {background:#FFC47C url(../data/files/download-white.png) right no-repeat; background-size:15px 16px; background-origin:content-box; color:#FFF;}

	.navigator-wrapper {position:relative; margin:14% auto 10px; max-width:1500px; padding:0 30px 0px;}
	
	.navigator-list-header {width:270px; position:absolute; top:0; left:2%; z-index:99; padding:0 7px; background:#FFF; display:none; visibility:hidden;}
	.navigator-list {width:270px; bottom:-30px; overflow:scroll; position:absolute; top:39px; left:2%; z-index:99; padding:0 7px; background:#FFF; display:none; visibility:hidden;}

	.navigator-building {position:relative; margin-left:0px;}
	
	.navigator-list-header-mobile {width:100%; position:relative; top:inherit; left:inherit; z-index:99; padding:0; margin:20px auto 0px; display:inherit;}
	.navigator-list-mobile {width:100%; height:300px; overflow:auto; position:relative; left:inherit; z-index:99; padding:0px; background:#FFF; margin:0 0 0 0px; display:inherit;}

	.navigator-filter {position:relative; width:100%; margin:20px 0 0 0px; left:inherit; bottom:0px; z-index:99;}
	.navigator-filter-box {float:left; text-align:left; margin:0 20px 0 0;}
	.navigator-filter-box h2 {font-size:14px; padding:0 0 16px;}
	/* NAVIGATOR */
}

@media screen and (max-width: 700px) {
	p {font-size:14px; line-height:20px; margin-top:10px;}
	h1 {font-size:20px; line-height:26px; padding:10px 0 0;}
	h2 {font-size:10px; line-height:10px; letter-spacing:1px;}
	h3 {font-size:20px; line-height:30px; padding:20px 0 0;}
	h4 {font-size:20px; line-height:20px;}
	
	.headerbanner {height:30px; text-align:center; padding:0; margin:-10px 0 0;} .headerbanner img {width:21%; padding:17px 0 0;}
	.home-text-wrapper {top:50%; width:100%;}
	
	.toplogowrapper {width:30%; top:0px; left:50%; margin-left:-15%; padding:20px 0 2.6%;} .toplogowrapper img {width:70%;}
	
	#navi {right:30px; top:36px; width:30px;} 
	.closeicon {right:33px; top:35px; width:20px;}
	
	/* navigation */
	#navigation {position:fixed; left:0%; right:0px; top:0; bottom:0; width:100%; padding:22% 0 0;}
	#navigation ul li {margin:20px 0; text-align:center !important;}
	#navigation ul li a {font-size:20px; line-height:20px; letter-spacing:2px;}
	
	#contentcontainer {padding:20px 0 0; margin:0px 14px 0;}
	.contentlimiter {max-width:900px; margin:auto; padding:0 4%;}
	
	.block404 {font-size:40px; line-height:50px; padding:100px 0;}
	
	.block1textleft {width:100%; float:left; padding:20px 4% 20px 4%; text-align:left;}
	.block1textright {width:100%; float:left; padding:20px 4% 20px 4%; text-align:left;}
	.block1image {width:100%; float:left;}
	.block1big {padding:10px 4% 20px 4%;}
	.block1textleft .blockspacer1 {width:10%; height:0px; border-top:1px solid #F5C68D; margin:15px 0 0px 0%; padding:0 0 0px; position:relative; text-align:right;}
	.block1textright .blockspacer1 {width:10%; height:0px; border-top:1px solid #F5C68D; margin:15px 0 0px 0%; padding:0 0 0px; position:relative;}
	.block1textspecial {width:100%; float:left; padding:30px 4% 30px; text-align:center;} .block1textspecial img {width:20%;}
	.block1textspecial p {font-size:18px; line-height:22px; }
	
	a.block1button {background-size:7px 13px; font-size:10px; padding:0 12px 0 0; margin:8px 0 0 0;}
	a.block1button:hover {padding:0 17px 0 0; margin:8px -5px 0 0;}
	
	.block2textleft {width:100%; float:left; padding:30px 6% 26px; text-align:center;}
	.block2image {width:100%; float:left;}
	.block2textleft .blockspacer1 {width:15%; height:0px; border-top:1px solid #F5C68D; margin:0px auto 0; padding:0 0 0px; position:relative; text-align:right;}
	
	.block3 {padding:20px 0 20px; text-align:left;}
	.block3 .blockspacer1 {width:10%; height:0px; border-top:1px solid #F5C68D; margin:20px 0 0 0; padding:0 0 0px; position:relative;}
	
	.block6 {box-sizing:border-box; margin:0px 0 0 0; padding:40px 0px 50px; text-align:center; color:#FFF; z-index:20;}
	.block6_2 {padding:40px 0px 10px;}
	
	.downloadbox {width:200px; background-size:20px 21px; padding:10px 11px; margin:10px 10px 0; font-size:13px;}
	.downloadbox:hover {background-size:20px 21px;}
	
	#footer {padding:10px 10px 10px; font-size:12px; margin:0px 15px 14px !important;}
	.bottomspacer {height:1px; width:100%;}
	
	/* Text Form */
	.formwrapper {max-width:500px; margin:10px auto 0;}
	fieldset input {margin:10px 0 0 0; padding:10px 10px 9px; width:100%; font-size:12px;}
	textarea {margin:10px 0 0 0; padding:10px 10px 9px; width:100%; min-height:80px; font-size:12px;}
	.btn {padding:10px 20px 9px; margin:10px 0 0 0px; text-align:right; font-size:12px;}
	.styled-select select {width: 188px; padding:10px 10px 9px; font-size:12px;}
	.styled-select {width: 160px;}
	
	/* NAVIGATOR */
	.navigator-detail-spacer {padding:0 15px 55px;}
	.navigator-detail-wrapper {margin:18% auto 0px; padding:0; border:1px solid #A9C0B3;}
	.navigator-detail-left {width:100%; float:left; text-align:left; font-size:13px; line-height:21px; padding:20px 15px 15px 15px;}
	.navigator-detail-right {width:100%; float:left; padding:5% 0px 20px;}
	.navigator-detail-overview {width:50%; padding:20px 0;}
	
	.navigator-detail-left table {width:100%;}
	.navigator-detail-left table td {padding:1px 1px;}
	
	.navigator-detail-close {width:20px; top:auto; bottom:-40px; left:50%; margin-left:-10px;}
	
	.downloadbox2 {width:100%; display:inline-block; background:#A9C0B3 url(../data/files/download-white.png) right no-repeat; background-size:15px 16px; background-origin:content-box; color:#fff; padding:6px 10px; box-sizing:border-box; text-align:left; margin:0px 0px 15px;}
	.downloadbox2:hover {background:#FFC47C url(../data/files/download-white.png) right no-repeat; background-size:15px 16px; background-origin:content-box; color:#FFF;}

	.navigator-wrapper {position:relative; margin:14% auto 10px; max-width:1500px; padding:0 14px 0px;}
	
	.navigator-list-header-mobile {width:100%; position:relative; top:inherit; left:inherit; z-index:99; padding:0; margin:20px auto 0px; display:inherit;}
	.navigator-list-mobile {width:100%; height:300px; overflow:auto; position:relative; left:inherit; z-index:99; padding:0px; background:#FFF; margin:0 0 0 0px; display:inherit;}

	.navigator-wrapper table td { padding:10px 0px; font-size:12px; vertical-align:top; }
	.navigator-wrapper table thead td {padding:9px 0px 7px;}
	
	.navigator-filter {position:relative; width:250px; margin:0 0 0 0px; left:inherit; bottom:0px; z-index:99;}
	.navigator-filter-box {float:left; text-align:left; margin:0 20px 0 0;}
	.navigator-filter-box h2 {font-size:10px; padding:10px 0 3px;}
	
	
	/* NAVIGATOR */
}