/*******************************************************************************/
/* BASIS LAYOUT   */
/******************************************************************************/
html {
	height:100.1%;
}

body {
	display: flex;
    flex-direction: column;
	overflow-x:hidden; 
	overflow:scroll;
	height: 100.1%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color:#fff;
}


header, nav, section, article, aside, footer {
  display: block;
}

#wrapper {
flex: 1 0 auto;
position: relative;
width: 100%;
margin: 0 auto 0 auto;
height: auto !important;
}


#wrap-header {
 width:100%;
 height:120px;
 position:relative;
 background-color:#fff;
}

#header-logo {
	margin-top:12px; 
}

#header-logo img {
	max-width:640px; 
}


#wrap-topbild {
	width:100%;
	height:auto;
	max-height:680px;
	overflow:hidden !important;
	position:relative;

}

#topbild {
	width:100%;
	height:auto;
}

#topbild .csc-default img {
	width:100% !important;
	height:auto;
}

#topbild div.csc-textpic-center .csc-textpic-center-outer, #topbild div.csc-textpic-center .csc-textpic-center-inner {
	 width:100% !important;
	min-width:100% !important;
}

#topbild div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0px !important;
	width:100% !important;
	min-width:100% !important;
}

#topbild div.csc-textpic-left .csc-textpic-imagewrap {
	width: 100%;
}


/*
#banner {
	position:absolute;
	right:50%;
	bottom:0px;
	width:120px;
	height:100%;
	margin-right:-490px; 
	background-color:rgba(0,0,0,0.5);
	display:none;
}

#banner-inner {
	positio:relative;
	width:100%;
	height:100%; 
}
*/

#banner {
	position:absolute;
	left:0px;
	bottom:40px;
	width:100%;
	height:auto;
	margin-right:-490px; 
	background-color:rgba(0,0,0,0.5);
	padding:15px 0px;
}

#banner-inner {
	positio:relative;
	height:100%; 
	margin-left:50%;
}




/*
#logo1 {
	z-index:300 !important;
	height:100%;
	padding:10px 0px 10px 0px; 
}

#logo2 {
	z-index:300 !important;
	height:33%;
	padding:10px 0px 5px 0px; 
}


#logo1 a, #logo2 a {
  display:block;
  width:100%;
  height:100%;
}

#logo1 img, #logo2 img {
  width:auto; 
  height:100%;
  margin:0 auto; 
	display:block; 
}
*/



#inhalt { 
	min-height:400px;
    margin-top:50px;
	/*margin-bottom:60px;*/ 
	height:auto;
	overflow:hidden; 
}

#whg-title {
	margin-top:50px; 
}


body.wohnungen #inhalt, body.baubeschr #inhalt {
	margin-bottom:60px; 
}






/* Fuzsszeile */
#footer-map {
	height:340px;
	width:100%;
/*			-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);*/

}

#wrap-footer {
	flex-shrink: 0;
	width: 100%;
	clear: both;
	background-color:#C5C4C2;
/*	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    box-shadow: 0px 0px 10px rgba(0,0,0,.8);*/
	border-top:1px solid #ccc; 
}


footer {	
	position: relative;
	padding-top: 40px;
	padding-bottom:15px;
	margin-right: auto;
	margin-left: auto;
	min-height:180px;
	
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}

#phone { display:none; }

.frow1 {
	height:auto;
	overflow:hidden;
}

.ft-logo {
	height:84px;
}

.ft-logo img {
	width:100%;
	/*height:auto;*/
}

.ftl1 img { max-width:166px !important; }
.ftl2  img { max-width:210px !important; } 
.ftl3 img {	max-width:200px !important; }




#meguralink {
	text-align:left; 
	margin:0 auto;
	margin-top:10px; 
	color: #999 !important;
}

/*
.custom-icon {
	background: #4D4D4D;
	background: rgba(77, 77, 77, 1);
	border-radius: 50%;
	border: 1px solid #fff;
	color: #fff;
	display: table-cell;
	font-size: 22px;
	height: 36px;
	padding: 6px;
	text-align: center;
	transition: .5s;
	vertical-align: middle;
	width: 36px;
}


.custom-icon:hover {
  background: rgba(35, 76, 150, 0.6);
}
.fix-editor {
  display: none;
}
.icon-wrapper {
  display: inline-block;
  float:left;
	margin-left:10px; 
}

#envelope i {
	font-size:16px !important; 
}
*/






/* Megura Swissness Logo */
#megura-programmierung { position:relative; }

#megura-swissness {
width:100px;
height:100px;
position:absolute;
bottom: 15px;
right: 15%;
/*transform: translateY(-70%);*/
}

.ms-svg-inner {
	fill:#111;
}

#megura-swissness a, #megura-swissness a:hover {
	background-color:transparent !important; 
}





/* Helper classes  */
.container {
	position:relative !important;
	max-width:1010px !important;
}

.center-text { text-align:center; margin:0 auto !important; }
.center-element { margin:0 auto !important; }

img { outline:none !important; }

main .row  img {
		max-width: 100% !important;
		height: auto; 
}

.divider hr {
  margin-bottom: 25px !important;
  margin-top: 25px !important;
  border-top:1px solid #ccc !important;
}

.prel {
	position:relative;
}

.pright { float:right;  }



/* Flexslider */
.flexslider {
  border:none !important;
  margin-bottom: 0px !important;  
  background-color: #fff;  
}
.tx-ws-flexslider .caption-text { display:none !important; height:0px !important; } 

.flexslider .slides img {
	display: block;
	width: 100% !important;
	max-width:100% !important;
	height:auto; 
}

.flex-direction-nav a {
  top: 40% !important;
 }

.flex-direction-nav a:hover {
  color:#fff;
 }



/* Magnific Popup */
.mfp-zoom-out-cur {
	padding-right:15px !important;
}

.mfp-container {
 cursor:auto;
}

button.mfp-close, button.mfp-arrow {
	cursor:pointer !important;  
	font-size:36px;
}

img.mfp-img {
 cursor:auto !important; 
}




/* Google Maps */
.gm-style-mtc {
	/*display:none !important;*/
}

.gme-info-window {
	/*color:#333 !important; */
}



/* TYPO 3 SETTING */ 
/* siehe Sass t3.scss   */
	




/*******************************************************************************/
/* INHALTSSEITEN   */
/******************************************************************************/

/* Home */
#stoerer-k {
	position:absolute;
	left:50%;
	bottom:0;
	z-index:50;
	width:320px;
	height:320px;
	margin-left:-700px;
	margin-bottom:-60px	
}

#stoerer-bezug {
	position:absolute;
	left:50%;
	bottom:40px;
	margin-left:-408px;
	z-index:50;
	width:230px;
	height:230px; 
}

.stoerer img {
	width:100% !important;
	height:auto; 
}


/* Lage */
.distanzen td {
/*display: inline-block;*/
vertical-align: top;
font-size:16px !important; 
}

.distanzen .tr1 td {
	vertical-align:middle !important;
	font-weight:700 !important; 
}


.icon-auto {
	width:40px !important;
	height:auto; 
}


.icon-zug {
	width:32px !important;
	height:auto; 
}



/* Kurzbaubeschrieb */
.baubeschr ul {
	margin-top:-12px; 
}



/* Wohnungen */
#wohnungen {
	margin-top: 40px; 
}

#wrap-illu {
	position:relative;
	clear:both;
}

#etage {
	width:240px;
	float:left;
}

#preview {
	width:calc(100% - 240px);
	float:left; 
}



/* Vorschaltseite Inaktivierung */
body.home {
	background-color:#f9dfc6 !important;
}

.home #inhalt {
	margin-top: 30px;
}




/*******************************************************************************/
/* NAVIGTION   Desktop */  
/*******************************************************************************/
#mobilenavi { display:none !important; }
.slicknav_menu {display:none; }
nav { margin-top:10px;  float:left; }
#navigation { position: relative;  background-color:none; z-index:500; overflow:visible; height:auto;}
#navigation ul {margin:0px;padding:0px;}
ul.menu {list-style-type: none; text-decoration: none;  list-style-image: none;  z-index:50 !important;  position:relative;}
ul.menu ul {   list-style-type: none;   text-decoration: none;  list-style-image: none;  margin-top:0px !important;}
ul.menu li::before {  content:none;  color: transparent; }

ul.menu li {   
float:left; 
/*width:auto; */
padding:0px; 
margin-right:35px; 
/*border:1px solid green; */
text-indent:0 !important; 
}
 

ul.menu a {
	line-height:32px;
	padding:0px 10px;
	text-decoration:none;
	display:block;
	height:auto;
	width:auto;
	font-size: 18px;
	font-weight:400;
	color:#111;
	text-align:left;
	text-transform:0;
}

ul.menu > li { /*padding-bottom:20px !important;*/ } 
ul.menu ul {position: absolute; display:none;top:40px;}

ul.menu li > ul.menu li { font-size:18px !important; height:32px !important; padding:0px; margin:0; -moz-border-radius:0;-webkit-border-radius:0;border-radius:0; margin-left:0px; }
ul.menu li > ul.menu li a { font-size:18px; height:24px; padding-top:5px; margin:0; -moz-border-radius:0;-webkit-border-radius:0;border-radius:0;text-transform:none !important;  }
ul.dropdown a { text-transform:none !important; }


ul.menu li.hover ul, ul.menu li:hover ul  { display:block;    } 
ul.menu ul li:first-child {/*margin-top:0px; padding-top:0px;*/}
ul.menu ul li { float:none; background-color: transparent;text-decoration:none; margin-bottom:0px; display:block; height:10px !important; padding:0px;}

li.active > a { color:#111; font-weight:700; }
#menu a:hover { color:rgba(250,193,137,1.00);  }
#menu a.active { color:rgba(250,193,137,1.00);  } 

#menu li:last-child  a { padding:0px 0px 0px 0px; }
#menu li .menu li:last-child  a { padding:0px 0px 0px 10px; }
ul.menu li:first-child { margin-left:0px !important; }
ul.menu li:first-child a { padding-left:0px !important; }
 

/*ul.menu li.n0 { width:95px;  }
ul.menu li.n1 { width:88px;  }
ul.menu li.n2 { width:95px;  }
ul.menu li.n3 { width:90px;  }
ul.menu li.n4 { width:82px;  }
ul.menu li.n5 { width:75px;  }
*/





/*******************************************************************************/
/* ANTIQUE BROWSER FIX */  
/*******************************************************************************/

/* IE 9 + IE 10 + 11 */
@media screen and (min-width:0\0) { 
#inhalt  img {
		width:100% !important;
		height:auto; 
	}
}


/* Firefox 3 */
html>/**/body .selector, x:-moz-any-link, x:default {

	#inhalt  img {
		width:100% !important;
		height:auto; 
	}
}