/***** Duettino.ch *****/
:root {
	--baseColor1: #f5f5f5;
	--baseTextColor: #fff;
	--iconText: #8f933e;
	/* --baseColor1-light: #f5f5f5;
	--textLight: #999999;
	--viewPropertyBGGradientFrom: #ffffff;
	--viewPropertyBGGradientTo: var(--baseColor1);
	--iconTextHover: #636363;
	--propertiesGridBaseColor: #333333;
	--propertyGridTextColorHeader: var(--propertiesGridBaseColor);
	--propertyGridTextColorItems: var(--propertiesGridBaseColor);
	--offerstate-default: #ccc;
	--offerstate-default-border: #ccc;
	--offerstate-1: #ffffff;
	--offerstate-1-border: #92A58F;
	--offerstate-2: #92A58F;
	--offerstate-2-border: #92A58F;
	--offerstate-3: #52634F;
	--offerstate-3-border: #52634F;
	--offerstate-4: #52634F;
	--offerstate-4-border: #52634F;
	--navigationIconsText: var(--iconText);
	--navigationIconsTextHover: var(--iconTextHover);
	--buttonBackground: #636363;
	--buttonText: #fff;
	--pcr-input-text: var(--baseColor1);
	--pcr-input-placeholder-text: var(--baseColor1);
	--pcr-input-bg: #fff;
	--fancybox-bg: #fff;
	--fancybox-color: #333;
	--fancybox-accent-color: #333; */
}

#i3d a {
	color: inherit;
}



#i3d a:hover {
 font-weight: bold;
 color:var(--propertiesGridBaseColor)
}

#i3d .link:hover a{
 color:var(--propertiesGridBaseColor);
 font-weight: bold;
}

#i3d .properties-wrapper,
#i3d .propertiesGrid .header,
#i3d .viewProperty {
 font-size: 15px;
 text-transform: none;
 /* padding-top: 100px; */
}

#i3d .propertiesGrid .rent,
#i3d .propertiesGrid .rent_extra,
#i3d .propertiesGrid .rent_net{
 text-align:right;
}


#i3d .propertiesGrid .row.disabled>div:not(:first-child) {
 opacity: 1;
}
#i3d .propertiesGrid .body .row.disabled .fArea{
 opacity: 0 !important;
}
#i3d .propertiesGrid .body .row.disabled .icon.info{
 opacity: 0 !important;
}
/* #i3d .propertiesGrid .body .row.disabled .rent_net::before{
 content:'vermietet';
} */


#i3d .viewProperty {
 padding-top: 100px
}

#i3d .viewProperty .link span {
 white-space: nowrap;
 /* line-height: 80px; */
 /* background-color: yellow; */
 display: flex;
 align-content: center;
 justify-content: center;
 align-items: flex-end;
}

#i3d .gridTopInfo ul li {
 float: left;
 margin-right: 20px;
}

#i3d .gridTopInfo {
 /* clear:both; */
 display: flex;
 margin-bottom: 20px;
}

#i3d .gridTopInfo .link {
 /* flex: 0; */
 flex: 0 0 auto;
 margin-right: 20px;
}

#i3d .viewProperty-block-1 {
 flex-basis: 50%;
}

#i3 .viewProperty .link .icon {
 color: var(--propertiesGridBaseColor);
}

#i3d .viewProperty .sc-documents li,
#i3d .viewProperty .sc-documents li .icon {
 font-weight: normal;
 /* flex-basis: 250px; */
 /* background-color: yellow; */
 height: auto;
 display: inline-block;
 flex: 1;
}

#i3d .viewProperty .sc-documents li {
 display: flex;
 /* margin-bottom: 5px; */
 flex: 1 0 auto;
 /* flex-basis: 20%; */
 align-content: center;
 align-items: center;
 /* border: 2px solid; */
 width: 25%;
 /* height: 20px; */
 overflow: hidden;
 /* margin-bottom: 10px; */
 justify-content: center;
}

#i3d .viewProperty .sc-documents li:hover {
 font-weight: bold;
}


#pcr-form-wrapper {
 display: none;
}

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

#i3d .viewProperty-title h3 {
 font-size: 35px !important;
 /* font-weight: bold; */
 margin-top: 50px;
 text-align: center;
}

#i3d .viewProperty-title h3:before {
 content: "Wohnung ";
}

@media(min-width:1024px) {
 #i3d .objImagesWrapper {
  max-width: 35%;
 }
}

#i3d #filter h1 {
 font-size: 19px;
}

#i3d #filter label {
 font-size: 19px;
}

#i3d .gridBottomInfo {
 color: inherit;
 font-size: 14px;
}

#i3d .viewProperty .factsheet .row {
 border-bottom: 1px solid var(--propertiesGridBaseColor);
}

#i3d .factsheet .row .col:nth-child(2) {
 font-weight: bold;
}

#i3d .viewProperty .close {
 /* display: none; */
}



#i3d .custClose {
 top: 30px;
 position: absolute;
 /* margin-left: -80px; */
 display: inline-block;
}

#i3d .custClose:hover {
 cursor: pointer;
}

#i3d .viewProperty ul {
 display: flex;
 flex-wrap: wrap;
 flex-direction: row;
 justify-content: center;
 align-items: center;
}

#i3d .viewProperty ul li {
 flex: 1 1 auto;
 margin-bottom: 20px;
 flex-basis: 40%;
}


#i3d .link span{
 color:#8F933E;
}

#i3d .link:hover span{
 color:#8F933E;
}

#i3d .link .download::before {
 content: url("../../../gfx/icons/duettino.ch/download.svg") !important;
 width: 15px;
 filter: brightness(0) saturate(100%) invert(37%) sepia(10%) saturate(1170%) hue-rotate(322deg) brightness(95%) contrast(101%);
}

#i3d .link:hover .download::before {
 content: url("../../../gfx/icons/duettino.ch/download-hover.svg") !important;
 display: block;
 width: 15px;
 filter: brightness(0) saturate(100%) invert(93%) sepia(49%) saturate(7161%) hue-rotate(296deg) brightness(102%) contrast(86%);
}

#i3d .custClose .icon::before {
 content: url("../../../gfx/icons/duettino.ch/back.svg") !important;
 display: inline-block;
 max-height: 10px;
 width: 20px;
}

#i3d .custClose:hover .icon::before {
 content: url("../../../gfx/icons/duettino.ch/back-hover.svg") !important;
 display: block;
 max-height: 10px;
 filter: brightness(0) saturate(100%) invert(93%) sepia(49%) saturate(7161%) hue-rotate(296deg) brightness(102%) contrast(86%);
}

#i3d .link .icon.envelope::before {
 content: url("../../../gfx/icons/duettino.ch/link.svg") !important;
 display: block;
 width: 25px;
 padding: 0px;
}

#i3d .link:hover .icon.envelope::before {
 content: url("../../../gfx/icons/duettino.ch/link-hover.svg") !important;
 filter: brightness(0) saturate(100%) invert(93%) sepia(49%) saturate(7161%) hue-rotate(296deg) brightness(102%) contrast(86%);
 /* display: block; */
 /* max-height: 10px; */
 /* padding: 0px; */
}

#i3d .fCurrency:before {
 content: "";
}

#i3d .fCurrency:after {
 content: ".-";
}

#i3d .fCurrency.empty:before {
 content: "";
}

#i3d .fCurrency.empty:after {
 content: "";
}

#i3d .propertiesGrid .header .surface_living, 
#i3d .propertiesGrid .header .surface_exterior, 
#i3d .propertiesGrid .header .available_from, 
#i3d .propertiesGrid .body .available_from, 
#i3d .propertiesGrid .fArea {
 text-align: right;
}

#i3d .sc-gallery img:nth-child(1) {
 /* max-height: 400px; */
 /* margin-bottom: 50px; */
 max-width: 100%;
}

#i3d #filter.type-1 .filter-toggle {
 font-weight: bold;
 padding: 5px;
 font-size: 16px;
 width: 180px;
 left: -72px;
 z-index: 999;
}

#i3d #filter.type-1 .filter-toggle::before {
 content: url("../../../gfx/icons/filter-open.svg");
 margin-right: 10px;
 width: 15px;
}


#i3d .propertiesGrid .disabled .surface_exterior,
#i3d .propertiesGrid .disabled .available_from,
#i3d .propertiesGrid .disabled .sys{
 /* opacity: 0 !important; */
}

#i3d .propertiesGrid .body .row.disabled .rent_net::before {
	content: 'vermietet' !important;
}

@media (max-width:991px) {

 #i3d #filter.type-1 .filter-toggle {
 font-weight: bold;
 padding: 5px;
 font-size: 14px;
 width: 120px;
 left: -44px;
 z-index: 999;
 top: 20%;
}
 
 #i3d .objImagesWrapper {
  flex: 1;
  display: block;
 }

 #i3d .isometrie {
  max-width: 70%;
 }

 #i3d .propertiesGrid .header {
  font-size: 14px;
 }

 #i3d .isometrie-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
 }

 #i3d .propertiesGrid{
  height:initial;
  max-height:initial;
 }
 
 #i3d .propertiesGrid .category,
 #i3d .propertiesGrid .surface_living,
 #i3d .propertiesGrid .surface_exterior,
 #i3d .propertiesGrid .rent_net,
 #i3d .propertiesGrid .rent_extra,
 #i3d .propertiesGrid .available_from {
  display: none;
 }

 #i3d .custClose {
  margin-left: 0px;
 }

 #i3d .gridTopInfo {
  flex-direction: column;
  margin-left: calc(50% - 70px);
 }

 #i3d .filter-wrapper {
  margin-top: 40px;
 }

 #i3d .fiClose-btn {
  height: 40px;
 }

 #i3d .quickView-docs .item-wrp:nth-of-type(1),
 #i3d .quickView-docs .item-wrp:nth-of-type(2),
 #i3d .quickView-docs .item-wrp:nth-of-type(3){
  /* display:none; */
 }
 
}

@media (min-width:992px) {
 #i3d .custClose {
  top: 30px;
  /* margin-left: -80px; */
 }

 .fancybox__container,
 #i3d .viewProperty {
  width: calc(100% - 4.2rem);
 }
}

@media (max-width:400px){
 #i3d .propertiesGrid .header {
  font-size: 11px;
 }
 
}
.quickView .quickView-col-wrapper .col {
 display: flex;
}

@media (min-width: 1024px) {
	#i3d .properties-wrapper {
		width: 70% !important;
	}

	#i3d .objImagesWrapper {
		width: 30% !important;
	}
}