/***** am-schaenzli.ch *****/
@charset "UTF-8";

@font-face {
	font-family: 'bw-icons';
	src: url('https://stage.i3d.meier.ch/fonts/bw-icons/as.eot?78250818');
	src: url('https://stage.i3d.meier.ch/fonts/bw-icons/as.eot?78250818#iefix') format('embedded-opentype'),
		url('https://stage.i3d.meier.ch/fonts/bw-icons/as.woff2?78250818') format('woff2'),
		url('https://stage.i3d.meier.ch/fonts/bw-icons/as.woff?78250818') format('woff'),
		url('https://stage.i3d.meier.ch/fonts/bw-icons/as.ttf?78250818') format('truetype'),
		url('https://stage.i3d.meier.ch/fonts/bw-icons/as.svg?78250818#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
			font-family: 'fontello';
			src: url('../font/fontello.svg?78250818#fontello') format('svg');
	}
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "bw-icons";
	font-style: normal;
	font-weight: normal;
	speak: never;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.envelope:before {
	content: '\e800';
}

/* 'î €' */
.icon-collapse:before {
	content: '\e801';
}

/* '' */
.download:before {
	content: '\f02e';
}

/* '' */



:root {
	--gridHeight: 450px;
	--gridTableHeight: 450px;
	--baseColor1: #99dfe0;
	--baseTextColor: #fff;
	--filter-basecolor: var(--baseColor1);
	--filter-defaulTextColor: var(--baseTextColor);
	--buttonBackground: #69b6cf;
	--offerstate-1: #E4F8CC;
	--offerstate-1-border: #E4F8CC;
	--offerstate-2: #DEDEDE;
	--offerstate-2-border: #DEDEDE;
	--offerstate-3: #DFAF74;
	--offerstate-3-border: #DFAF74;
	--iconText:#000;
	/* --propertiesGridBaseColor: #7ebfd4; */
}

#i3d .legend-wrapper {
	border: 0;
	/* margin-left: 1.5%; */
	transform: translate(2.5%, 0);
}

#i3d .propertiesGrid div.offer_state>div {
	width: 20px !important;
	height: 20px !important;
}

#i3d .propertiesGrid .col.rent {
	flex-basis: 150px !important;
}

#i3d .propertiesGrid .surface_living {
	flex-basis: 50px !important;
	margin-right: 20px;
}

#i3d .propertiesGrid .ref_no {
	flex-basis: 70px !important;
}

#i3d .propertiesGrid .offer_state {
	flex-basis: 50px !important;
	text-align: center;
}

#i3d .propertiesGrid .floor_label {
	flex-basis: 50px !important;
}

#i3d .propertiesGrid .body .fCurrency:after {
	content: "" !important;
}

#i3d .propertiesGrid .body .fCurrency:empty:after {
	content: "" !important;
}

#i3d .propertiesGrid .body .fCurrency::before {
	content: "" !important;
}

#i3d .viewProperty .factsheet .row {
	border-bottom: 1px solid #333;
}

#i3d .viewProperty .factsheet .col {
	padding: 10px 0px !important;
}

#i3d .viewProperty-title h2::before {
	content: "Objekt ";
}

#i3d .viewProperty-title h3 {
	display: none;
}

#i3d .propertiesGrid .surface_living {
	text-align: right;
}

#i3d .factsheet .fCurrency:before {
	content: "" !important;
}

#i3d .factsheet .fCurrency:after {
	content: "" !important;
}

#i3d #filter .filter-inner {
	background: none;
	color: #333;
}

#i3d select,
#i3d select option {
	color: #333 !important;
	border-bottom: 1px solid #333;
	border-radius: 0px;
}

#i3d #filter .prop h1 {
	font-weight: bold;
}

#i3d #filter .filter-cols {
	padding: 0px !important;
	margin-bottom: 20px;
}

#i3d #filter.type-3 .filter-col-1>div {
	flex-grow: 0;
	margin-right: 50px;
}

#i3d #filter.type-3 .prop {
	position: relative;
}

#i3d #filter .selectWrapper::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f358";
	position: absolute;
	right: 5px;
	top: 80%;
	transform: translateY(-50%);
	pointer-events: none;
	font-size: 1em;
}

#i3d #filter select {
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 30px;
	background-color: #fff;
}

select:hover {
	cursor: pointer;
}

#i3d .legend {
	/* margin-left: 2.5%; */
}

#i3d .propertiesGrid .disabled .available_from {
	opacity: 0 !important;
}

#i3d .propertiesGrid .header {
	text-transform: none !important;
}

#i3d #filter.type-3 .filter-wrap{
	z-index: 1000 !important;
}

@media (max-width:600px) {
	#i3d {
		padding: 0px 10px;
	}

	#i3d .propertiesGrid .body  {
		font-size: 13px !important;
	}
	#i3d .propertiesGrid .body .offer_state {
		text-align: center;
	}

	#i3d .propertiesGroup {
		display: none !important;
	}

	#i3d .propertiesGrid .header {
		border-bottom: 0px !important;
	}

	#i3d #filter.type-3 .filter-col-1>div {
		flex-grow: 1;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	#i3d .quickView-header .title::before {
		content: "Objekt ";
	}

	#i3d #main {
		display: flex;
		justify-content: center;
		/* padding: 0px 20px; */
	}

	#i3d .propertiesGrid .ref_no,
	#i3d .propertiesGrid .available_from,
	#i3d .propertiesGrid .rent,
	#i3d .propertiesGrid .sys {
		display: none;
	}

	#i3d .propertiesGrid .floor_label {
		min-width: 50px !important;
	}

	#i3d .legend-wrapper {
		transform: translate(5%, 0);
	}

	#i3d .fArea:after {
		content: "\00a0 m²";
	}

}

@media (min-width:600px) {

#i3d .objImagesWrapper{
	
}
	
	#i3d .viewProperty .factsheet {
		margin-top: 50px;
	}
	#i3d .viewProperty .sc-documents li{
		font-size:22px !important;
	}
	#i3d .viewProperty h2 {
		font-size: 36px;
		font-weight: 800 !important;
	}

	#i3d .viewProperty .close {
		transform: translate(-90px, 75px);
		z-index: 10000;
		font-size: 75px;
		color: #000;
	}

	#i3d .propertiesGrid {
		overflow: scroll-y !important;
		-ms-overflow-style: scrollbar;
	}

	#i3d .propertiesGrid::-webkit-scrollbar {
		width: 12px !important;
	}

	#i3d .propertiesGrid {
		overflow-y: scroll !important;
		scrollbar-color: #ccc #eaeaea;
	}

	#i3d .propertiesGrid::-webkit-scrollbar {
		width: 12px;
		height: 8px;
		/* background: yellow; */
	}

	#i3d .propertiesGrid::-webkit-scrollbar-thumb {
		/* background: yellow; */
	}

	#i3d .propertiesGrid::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	#i3d .viewProperty h2 {
		margin-bottom: 30px;
		padding-bottom: 20px;
		max-width: 70px;
		white-space: nowrap;
		overflow: visible;
		border-bottom: 3px solid #333;
		/* line-height: 50px; */
	}

	#i3d .viewProperty-block-2 {
		padding-left: 20px;
		background-color: var(--filter-basecolor);
		transform: translateY(50px);
		transform: translate(-50px, 30px);
		padding: 72px;
	}

	#i3d .factsheet .row>div:first-child {
		font-weight: bold;
	}

	#i3d .viewProperty {
		background: white;
		transform: translateY(75px);
	}

	#i3d .viewProperty-inner {
		/* margin-top: 100px; */
	}

	#i3d .viewProperty-block-1 {
		padding-right: 50px;
		margin-top: 100px;
	}

	#i3d .propertiesGrid .header {
		border: 0;
	}

	#i3d .icon::before {
		color: var(--iconText);
	}

	#i3d .icon:hover::before {
		color: var(--iconText);
	}

	#i3d .icon.download::before {
		font-family: "bw-icons";
		content: "\62";
	}

	#i3d .icon.file::before {
		font-family: "bw-icons";
		content: "\62";
	}

	#i3d .icon.file-pdf::before {
		font-family: "bw-icons";
		content: "\f02e";
	}

	#i3d .propertiesGrid .body .row {
		padding: 5px 2px;
	}

	#i3d .propertiesGrid .body .row:first-child {
		border: top 0px !important;
	}

	#i3d .propertiesGroup {
		display: none !important;
	}

	#i3d .objImagesWrapper {
		flex-grow: 0;
		flex-basis: 40%;
		padding-right: 50px;
		transform: translate(0px, -70px);
		display: flex;
		align-items: flex-end;
	}

	#i3d .prop {
		margin-bottom: 10px;
	}

}