/* 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, video {border: 0px; vertical-align: bottom;}

/* start general styles */
html { overflow-y: scroll; }
.mobile {display:none !important;}
.onlyphone {display:none !important;}
body { 
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust:none;
	height: auto;
	color:#cccccc;
	background:#fff;
	
	}
	
/* body [data-aos-delay='4000'][data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='4000'].aos-animate {transition-delay: 4s;} */

/* start sitebuild styles */

html,body {
    height:100%;
}

p {font-size:21px; line-height:28px; margin-top:30px; color:#2C3733; letter-spacing:0.0px;}

.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:#2C3733;
	-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;
	text-underline-position: under; text-decoration-thickness: 1px;
	}
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;
	text-underline-position: under; text-decoration-thickness: 1px;
	}
/* end link styles */
#contentcontainer {position:relative; z-index:5; margin:0; padding:0px 0 0; text-align:center; overflow:hidden;}

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


/* NAVIGATOR */
.navigator-main-bg {position:absolute; width:100%; z-index:98;} .navigator-main-bg img {width:100%;}
.navigator-wrapper {position:relative; margin:0px auto 0px; width:100%; overflow:hidden; box-sizing: border-box; padding: 0px 0px 0px 0px;}

.navigator-building-block {box-sizing:border-box; position:relative; margin:0 0% 0 0%; width:65%; float:right;}
#wohnen_main_img {position:relative; z-index:99;}


.navigator-list-block {position:relative; width:33%; min-width:320px; float:left; margin-top: 50px;}

.navigator_download {width:18px; margin:-10px auto 0;}
.navigator_download2 {opacity:0.3;}

.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; font-size:16px; vertical-align:top;}
.navigator-wrapper table thead tr {background: #000; color: #cccccc;}
.navigator-wrapper table thead td { padding:18px 3px; font-size:16px; letter-spacing:0.0px;}
.navigator-wrapper table thead td span {font-size:10px;}
.navigator-wrapper table tbody tr {border-bottom:1px solid #E2E3E5; color:#ffffff; -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:#E1E9F7; -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;}
.navigator-wrapper table tbody tr.clickable-row:hover { background:#E1E9F7; -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-wrapper table tbody tr svg {width: 17px; margin:-1px auto -4px;}

.navigator-bottom-info {box-sizing:border-box; position:relative; text-align: right; padding: 15px 5px 0 0;}
/* END NAVIGATOR */


/* --Mobile */
#mobile {display:none;}
/* Image Overlay */

/* --Clearfix */
.clear {clear:both;}

/* Media Queries
***********************/
@media screen and (max-width: 1290px) {
	
}

@media screen and (max-width: 1030px) {
	.desktop {display:none !important;}
	.mobile {display:inherit !important;}
	
	.navigator-building-block {box-sizing:border-box; position:relative; margin:0 0% 0 0%; width:100% !important; float:none !important;}
	.navigator-list-block {width:100% !important; min-width:500px; float:none !important; margin-top: 20px !important;}
	.navigator-list-block-wrapper {width:100%; overflow: auto;}
}

@media screen and (max-width: 800px) {
	.nophone {display:none !important;}
	.onlyphone {display:inherit !important;}
	
	
}

@media screen and (max-width: 700px) {
	.navigator-wrapper {padding: 5px !important;}
}