.oo-listframe {
		margin: 0 auto;
		padding: 0;
	}
	.oo-listimage{
		position: relative;
		display: inline-block;
		height: 270px;
	}
	.oo-listimage img{
		height: 270px;
		object-fit: cover;
		width: 100%;
	}
	.oo-listimage .status, .preview .status, .oo-detail .status{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		background-color: #fff;
		font-size: 10px;
		color: var(--blue);
		padding: 0 8px 0 8px;
		margin: var(--padding-16);
		border-radius: 4px;
	}
	.oo-listimage:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: inline-block;
		background: rgb(0,0,0);
		background: transparent linear-gradient(180deg,hsla(0,0%,100%,0),rgba(43,43,43,.81961)) 0 0 no-repeat padding-box;
		background: -webkit-linear-gradient(180deg,hsla(0,0%,100%,0),rgba(43,43,43,.81961));
		background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(43,43,43,.81961));
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
		pointer-events: none;
	}

	.oo-listprice {
		position: absolute;
		bottom: 0px;
		color: #fff;
		padding-left: 16px;
		font-size: 24px;
		font-weight: 700;
		padding-bottom: 16px;
		z-index: 5;
	}
	.oo-listicons, .oo-listicon_close {
		position: absolute;
		bottom: 0px;
		z-index: 5;
		right: 0px;
		padding-bottom: 20px;
		padding-right: 16px;
		cursor: pointer;
	}
	.oo-listicon_close {
		top: 16px;
		bottom: auto;
		height: 20px;
	}
	.oo-listicon_close {
		top: 16px;
	}
	.oo-listicon_close button:focus, .oo-listicon_add button:focus {outline:0;}
	.oo-listicon_close .favorize.close { 
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.002' height='16.002' viewBox='0 0 16.002 16.002'%3E%3Cg id='Gruppe_2733' data-name='Gruppe 2733' transform='translate(-517.03 -32.029)'%3E%3Crect id='Rechteck_173' data-name='Rechteck 173' width='20.744' height='1.886' transform='translate(517.03 46.698) rotate(-45)' fill='%23fff'/%3E%3Crect id='Rechteck_2703' data-name='Rechteck 2703' width='20.744' height='1.886' transform='translate(518.363 32.029) rotate(45)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");		background-repeat: no-repeat;
	}
	.oo-listicons div, .oo-listicons button, .oo-listicon_close button, .oo-detailicons button, .oo-detailicons div{
		height: 24px;
		width: 24px;
		background: rgba(26,54,104, 0.5);
		text-align: center;
		vertical-align: middle;
		border-radius: 4px;
		border: 0;
		cursor: pointer;
	}
	.oo-listimage.hover_white:after {
		content: " ";
		background: rgba(255,255,255,0.8);
		z-index: 5;
		height: 100%;
	}
	.oo-listicon_add {
		position: absolute;
		left: 45%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-45%);
		top: 45%;
		z-index: 10;
	}
	.preview_link svg {
		margin-top: 6px; 
	}
	button.onoffice.favorize:hover {
		cursor: pointer;
	}
	.oo-listicons button:focus {
		outline:0;
	}
	.favorize.open { 
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' %3E%3Cg id='Gruppe_1822' transform='translate(-1.999 -2)'%3E%3Cpath class='svg-background' id='Pfad_2554' data-name='Pfad 2554' d='M14.591,18a.565.565,0,0,1-.276-.071L10,15.543,5.685,17.928a.572.572,0,0,1-.841-.593l.83-5.088L3.864,10.417a.571.571,0,1,1,.813-.8l2.015,2.038a.571.571,0,0,1,.158.494l-.687,4.214,3.561-1.969a.573.573,0,0,1,.553,0l3.561,1.969-.687-4.214a.572.572,0,0,1,.155-.491l2.938-3.011-4.034-.616a.573.573,0,0,1-.431-.322L10,3.917,8.221,7.705a.573.573,0,0,1-.431.322l-5.133.784a.572.572,0,1,1-.173-1.13l4.831-.738L9.483,2.329a.571.571,0,0,1,1.034,0l2.166,4.615,4.831.738a.572.572,0,0,1,.323.964l-3.513,3.6.83,5.091a.572.572,0,0,1-.565.664Z' transform='translate(0)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E	");		background-repeat: no-repeat;
		background-position: center center;
		background-repeat: no-repeat;
		outline: 0;
		border: 0;
	}
	.favorize.close { 
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.122' height='16' viewBox='0 0 16.122 16'%3E%3Cpath id='Pfad_2554' data-name='Pfad 2554' d='M14.591,18a.565.565,0,0,1-.276-.071L10,15.543,5.685,17.928a.572.572,0,0,1-.841-.593l.83-5.088L3.9,10.459l-1.9-2.126,6.808-.561c1.081,6.524-6.731.593-6.808.561-.311.049.048.313,0,0a.572.572,0,0,1,.479-.651l4.831-.738L9.483,2.329a.571.571,0,0,1,1.034,0l2.166,4.615,4.831.738a.572.572,0,0,1,.323.964l-3.513,3.6.83,5.091a.572.572,0,0,1-.565.664Z' transform='translate(-1.878 -2)' fill='%23fff'/%3E%3C/svg%3E%0A");		background-position: center center;
		background-repeat: no-repeat;
		outline: 0;
		border: 0;
		font-family: 'inter', Arial, Helvetica, sans-serif;
	}
	.oo-searchform {
		margin: 0 0 var(--padding-32) 0;
	}
	.oo-detail .oo-detailicons {
		top: 0;
		right: 0;
		position: absolute;
		z-index: 5;
		margin: var(--padding-32);
	}
	.oo-listobject{
		box-shadow: var(--shadow-2);
		-webkit-box-shadow: var(--shadow-2);
		-moz-box-shadow: var(--shadow-2);
		width: 100%;
		justify-content: space-between;
		margin-bottom: 40px;
	}
	.oo-listobject h4 {
		margin-bottom: 0;
		font-weight: 700;
		line-height: 28px;
	}
	.oo-list_table {
		display: grid;
		grid-template-columns: repeat(3,auto);
		justify-content: flex-start;
		grid-row-gap: 1.5rem;
		row-gap: 1.5rem;
		margin: 2rem 0 1rem;
	}
	.oo-list_title {
		flex-grow: 1;
	}
	.preview {display: none;}
	.oo-listdetails {
		padding: var(--padding-16);
		display: flex;
		flex-direction: column;
		flex-grow: 1;	
	}
	.oo-detailsheadline_sub {
		font-size: 20px;
	}
	.oo-detailspicture {
		width: 100%;
		max-height: 700px;
		object-fit: cover;
	}
	.oo-listdetails span {
		font-size: 12px;
		font-weight: 300;
		color: var(--dark-gray);
		display: block;
		margin-top: .5rem;
	}
	.read-more {
		position: relative;
	}
	.oo-details_table{
		display: grid;
		grid-template-columns: repeat(2,auto);
		justify-content: flex-start;
		grid-row-gap: 1.5rem;
		row-gap:1.5rem;
		color: var(--dark-gray);
		margin: 0 0 5rem;
		
	}
	.oo-details_name {
		font-size: 20px;
		font-weight: 500;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		color: (--gray);
	}
	.oo-details_name:first-letter {
		text-transform: uppercase;
	}
	.oo-listdetails .oo-details_name {
		font-size: 12px;
		font-weight: 300;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		color: var(--gray);
	}
	.oo-aspname img {
		width: 100%;
	}
	.oo-asp-name {
		margin: 0 0 16px;
		font-weight: 700;
		font-size: var(--font-size-4);
		line-height: 1.75;
	}
	.oo-asp-mail, .oo-asp-phone, .oo-asp-job {
		font-size: var(--font-size-5);
		color: var(--gray);
	}
	.oo-asp-phone {
		margin-top: 8px;
	}
	.oo-asp-position{
		margin-bottom: 16px;
	}
	.oo-contact {
		margin-bottom: 40px;
	}
	.oo-details_value {
		font-size: 12px;
		font-weight: 300;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		color: var(--gray);
	}
	.oo-listdetails .oo-details_value {
		font-size: var(--font-size-4);
		font-weight: 500;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		color: var(--dark-gray);
	}
	.oo-details {
		padding: 0 12px;
	}
	.oo-details:first-child, .preview .oo-details:nth-child(3n+1) {
		padding-left: 0;
		border-left: 0 !important;
	}
	.oo-details-thumbs-wrapper  {
		position: relative;
		height: 0;
		padding-bottom: 100%;
		cursor: pointer;
	}
	.popup-form_open {
		cursor: pointer;
	}
	.energy {
		margin-bottom: var(--padding-32);
	}
	.energy-image {
		background: rgb(26,54,104);
		background: -moz-linear-gradient(90deg, rgba(26,54,104,1) 0%, rgba(178,43,46,1) 100%);
		background: -webkit-linear-gradient(90deg, rgba(26,54,104,1) 0%, rgba(178,43,46,1) 100%);
		background: linear-gradient(90deg, rgba(26,54,104,1) 0%, rgba(178,43,46,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--red)",endColorstr="var(--blue)",GradientType=1);
		color: var(--white);
	}
	.energy-step-wrapper {
		padding-bottom: 1.25rem;
		position: relative;
		margin: var(--padding-8) 0 0;
	}
	.energy-step-wrapper .step {
		position: absolute;
		bottom: 0;
		transform: translateX(-50%);
	}
	.step:first-child {
		left: 0;
	}
	.step:nth-child(2){
		left:calc(1/9*100%);
	}
	.step:nth-child(3){
		left:calc(2/9*100%);
	}
	.step:nth-child(4){
		left:calc(3/9*100%);
	}
	.step:nth-child(5){
		left:calc(4/9*100%);
	}
	.step:nth-child(6){
		left:calc(5/9*100%);
	}
	.step:nth-child(7){
		left:calc(6/9*100%);
	}
	.step:nth-child(8){
		left:calc(7/9*100%);
	}
	.step:nth-child(9){
		left:calc(8/9*100%);
	}
	.step:nth-child(10){
		right:0;
		transform:none;
	}
	.energy-image ul{
		list-style: none;
		height: 35px;
		margin: 0 0 var(--padding-32) 0;
		width: 100%;
		
	}
	#energieausweis .energy-image li{
		display: inline-block;
		text-align: center;
		margin: 0;
		padding: 0;
		vertical-align: top;
		line-height: 15px;
		border-right: 1px solid white;
		height: 35px;
		font-size: var(--font-size-3);
	}
	.energy-image span + span {
		display: block;
	}
	.energy-image li div {
		background: #fff;
		width: 100%;
		height: 15px;
		color: var(--gray);
	}
	.class_aplus .class_aplus div, .class_a .class_a div,.class_b .class_b div,.class_c .class_c div,.class_d .class_d div,.class_e .class_e div, .class_f .class_f div,.class_g .class_g div, .class_h .class_h div{
		background: transparent;
		text-decoration: underline;
		color: var(--white);
		font-weight: 600;
	}
	.energy-image ul{
		height: 74px;
		display: flex;
		position: relative;
		width: 100%;
	}
	#energieausweis .energy-image li{
		font-size: 26px;
		line-height: 32px;
		height: 74px;
		flex: 1;
	}
	.energy-image li div {
		height: 34px;
	}
	.oo-detailsmap {
		margin-bottom: var(--padding-32);
	}
	
	#gmap {
		height: 400px !important;
	}
	.preview .oo-details + .preview .oo-details{
		border-left: 1px solid var(--lighter-gray);
		padding-right: var(--padding-12); 
		padding-left: var(--padding-12);
	}
	.preview .oo-preview-image {
		overflow: hidden;
	}
	.preview .oo-detailspicture {
		width: 100%;
	}
	.oo-detail .oo-detailsgallery {
		position: relative;
		width: 80%;
		margin: 0 auto;
		margin-bottom: 32px;
	}
	.oo-detail .oo-detailsprice {
		color: var(--red);
		font-size: 42px;
		font-weight: 700;
		margin: 0 0 1rem;
		line-height: normal;
	}
	.oo-detail .oo-location {
		font-size: 20px;
		padding-top: var(--padding-24);
		padding-bottom: var(--padding-24);
	}
	.oo-detail .read-more  {
		margin-bottom: var(--padding-32);
	}
	.oo-detail .detail-form  {
		margin-top: var(--padding-16);
	}
	.oo-detail .detail-form a {
		width: 100%;
		display: block;
		text-align: center;
	}
	.oo-detail .read-more__button a {
		color: var(--white);
	}
	.oo-details {
		border-left: 1px solid var(--lighter-gray);
		padding-right: var(--padding-12); 
		padding-left: var(--padding-12);
		margin-bottom: var(--padding-24);
	}
	.oo-detailsgallery {
		margin-left: -40px;
		margin-right: -40px;
	}
	.read-more__button {
		display: none;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 64px 0 0 0;
		background: white;
		background: linear-gradient(0deg, white 60%, rgba(255, 255, 255, 0) 100%);
	}
	.read-more__more {
		display: none;
	}
	.oo-details-thumbs {
		display: grid;
		grid-column: auto;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 1px;
	}
	.oo-details-thumbs img {
		border-style: solid;
		border-width: 1px;
		opacity: 1;
		border-radius: 0;
		margin: 0px;
		padding: 0;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center;
		object-position: center;
	
	}
	.image-overlay{
		display: none !important;
	}
	.oo-detailsfreetext, .oo-detailsfreetext, .oo-area-butler{
		padding-bottom: var(--padding-16);
		padding-top: var(--padding-16);
		width: 100%;
	}

	.oo-area-butler .oo-area-butler-iframe {
		height: 500px;
		width: 100%;
		margin-bottom: var(--padding-32);
	}

	.furnishing-table dt {
		float: left;
		margin-right: 20px;
		clear: both;
		margin-top: 8px;
	}
	.oo-asp-firma {
		font-size: 20px;
		font-weight: 400;
		word-wrap: break-word;
	}
	
	.oo-details_text {
		margin-bottom: var(--padding-32);
	}
	.white-popup-block {
		background: #FFF;
		padding: 20px 30px;
		text-align: left;
		max-width: 650px;
		margin: 40px auto;
		position: relative;
	}
	.energy-table dl {
		display: flex;
		flex-wrap: wrap;
	}
	.energy-table dt, .energy-table dd {
		width: 50%;
	}
	.energy-table dt {
		font-weight: 500;
	}
	.energy-table dd {
		text-align: right;
	}
	.oo-searchformfield {
		width: 100%;
	}
	.oo-searchformfield > * {
		font-size: 15px !important;
	}
	input.kaltmiete__bis, input.kaufpreis__von, input.grundstuecksflaeche__bis, input.wohnflaeche__bis, input.anzahl_zimmer__bis{
		display: none !important;
	}
	.oo-bg {
		background: var(--red);
		color: var(--white);
	}
	.referenzen .oo-listobject:nth-child(3n) .oo-bg{
		background: var(--blue);
	}
	.main_color .oo-bg h4, .oo-listdetails.oo-bg span, .oo-bg .oo-list_table  {
		color: var(--white);
	}
	.referenzen.oo-listframe {
		display: grid;
		grid-gap: 2px;
		grid-template-columns: repeat(auto-fill,minmax(calc(4rem + 5vw + 5vh),1fr));
	}
	.referenzen .oo-listobject {
		box-shadow: none; 
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		margin-bottom: 0px;
	}
	.referenzen .oo-listobject h4, .referenzen .oo-listobject span {
		display: none;
	}
	.referenzen .oo-details_table{
		margin-top: 0;
	}
	.referenzen .oo-listimage img {
		object-fit: cover;
		height: 100%;
	}
	.referenzen .oo-listimage {
		height: inherit;
	}
	.referenzen .oo-listobject .oo-details:not(:first-child) {
		padding-right: 0;
		padding-left: 0;
		border-left: 0;
		border-right: 0;
		width: 100%;
	}
	.referenzen .oo-listobject .oo-details:not(:last-child) {
		border-bottom: 1px solid var(--white);
		width: 100%;
	
	}
	.referenzen .oo-listobject:nth-child(5n+1) .oo-details{
		width: inherit;
	}
	.referenzen .oo-listobject:nth-child(5n+1) {
		grid-column-start: span 2;
		grid-row-start: span 2;
		height: 342px;
	}
	.referenzen .oo-listobject:nth-child(5n+1) .oo-details:not(:first-child) {
		border-left: 1px solid var(--lighter-gray);
		padding-right: var(--padding-12);
		padding-left: var(--padding-12);
	}
	.referenzen .oo-listobject:nth-child(5n+1) h4, .referenzen .oo-listobject:nth-child(5n+1) span  {
		display: block;
	}
	.referenzen .oo-listimage, .referenzen  .oo-bg {
		height: 100%;
		backface-visibility: hidden;
	}
	.referenzen .oo-bg {
		transform: rotateY(180deg);
		padding: 6px;
	}
	.referenzen .oo-listobjectwrap:hover {
		transform: rotateY(180deg);
		transition-duration: 2s;
	}
	.referenzen .oo-listimage {
		position: absolute;
	}
	.referenzen .oo-listobjectwrap  {
		transform-style: preserve-3d;
		transition-duration: 2s;
		height: 100%;
	}
	.referenzen .oo-listimage {
		width: 100%;
	}

	.oo-aspname {
		box-shadow: var(--shadow-2);
		padding: var(--padding-16);
		margin-bottom: var(--padding-32);
		background: var(--white);
	}
	.oo-aspname img {
		width: 100%;
		margin-bottom: 1rem;
	}
@media only screen and (min-width: 768px) { 
	.applicantform input[name*="__von"], .applicantform input[name*="__bis"] {
		width: 49% !important;
		float: left;
	}
	.applicantform input[name*="__von"] {
		margin-right: 1% !important;
	}
	.oo-details_table{
		display: grid;
		grid-template-columns: repeat(4,auto);
	}
	.oo-detail .oo-details:nth-child(4n+5){
		padding-left: 0;
		border-left: 0 !important;
	}
	.oo-listframe {
		display: grid;
		grid-column-gap: 1.5rem;
		-moz-column-gap: 1.5rem;
		column-gap: 1.5rem;
		grid-row-gap: 2.5rem;
		row-gap: 2.5rem;
		grid-template-columns: repeat(1, 1fr);
	}
	.oo-detailsheadline-wrap {
		display: grid;
		grid-template-columns: 3fr 1fr;
		grid-column-gap: 9rem;
		-moz-column-gap: 9rem;
		column-gap: 9rem;
	}
	.flex-container {
		display: flex;
		flex-wrap: wrap;
	}
	.referenzen .oo-listobject {
		width: inherit;
	}
	.referenzen .oo-listobject:nth-child(5n+1) {
		grid-row-start: span 1;
		
	}
	.preview .content, .sidebar {
		padding: 0px;
	}
	.preview #wrap_all {
		height: 500px;
		overflow: hidden;
		position: relative;
		display: block;
		width: 50%;
		margin: 0 auto;
	}
	.html_header_top.html_header_sticky #top .preview #wrap_all #main {
		padding-top: 0 !important;
	}
	.preview .container_wrap {
		display: none;
	}
	.mfp-ajax-holder .mfp-content {
		max-width: 80%;
	}
	.preview .oo-detail .container{
		display: flex;
		flex-wrap: wrap;
		margin: 0;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.preview .oo-detailsprice {
		color: var(--red);
		font-size: 24px;
		font-weight: 700;
		line-height: 3rem;
	}
	.preview .half{
		width: 50%;
	}
	.preview .oo-detailstable {
		margin: var(--padding-32) 0;
		grid-template-columns: repeat(3,auto);
	}
	.oo-preview-wrap {
		flex-basis: 50%;
		display: flex;
		flex-direction: column;
		min-width: 0;
	}
	.preview h4 {
		font-weight: 700;
		line-height: 37px;
	}
	.preview button {
		float: right;
		background: var(--blue);
		color: var(--white) !important;
		font-size: 22px;
		line-height: normal;
		position: relative;
		opacity: 1;
		background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMC43IDIwLjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwLjcgMjAuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIwLjcsMS40IDE5LjMsMCAxMC4zLDguOSAxLjYsMC4yIDAuMiwxLjYgOC45LDEwLjMgMCwxOS4zIDEuNCwyMC43IDEwLjMsMTEuNyAxOS4xLDIwLjUgMjAuNSwxOS4xIAoJMTEuNywxMC4zICIvPgo8L3N2Zz4K");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		width: 100%;
		height: 100%;
		background-size: 55%;
	}
	.preview .favorize {
		margin-right: 4px;
		width: 32px;
		height: 32px;
		background-size: 70%;
	}
	.preview .break {
		height: 0;
		width: 100%;
		margin-bottom: 24px;
	}
	.preview .oo-details_value {
		font-size: 20px;
		color: var(--dark-gray);
	}
	.preview .oo-location {
		margin-top: 2px;
		display: block;
	}
	.preview .oo-location, .preview .oo-detailsfreetext, .preview .oo-details_name{
		font-size: 12px;
		color: var(--gray);
	}
	.preview .half:nth-child(2){
		padding: var(--padding-16);
	}
	.preview .oo-detailsfreetext {
		padding: 0;
	}
	.preview .container {
		margin: 0;
		padding: 0;
		width: 100%;
		max-width: 100%;
	}
	.preview .oo-detailspicture {
		height: 270px;
		width: 100%;
		object-fit: cover;
		margin-bottom: 1px;
		display: block;
	}
	.thumbs {
		display: flex;
		grid-template-columns: 1fr 1fr;
		column-gap: 1px;
	}
	.thumbs picture {
		
		-o-object-fit: cover;
		object-fit: cover;
	}
	.thumbs-gallery {
		position: relative;
		display: block;
	}
	.thumbs img{
		max-width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.oo-detailsgallery {
		margin-left: 0px;
		margin-right: 0px;
	}
	.container.flex {
		display: flex;
		flex-wrap: wrap;
	}
	
	
	.oo-searchformfield:nth-child(1),  .oo-searchformfield:nth-child(2), .oo-searchformfield:nth-child(3) {
		width: 33%;
	}
	.oo-searchformfield:nth-child(n+4) {
		width: 20%;
	}
}
@media only screen and (min-width: 992px) { 
	.preview {
		display: block;
	}
	.preview .status {
		font-size: 16px;
	}
	.preview .oo-detailspicture {
        height: 338px;
    }
	
	.preview .half:nth-child(2) {
		padding: var(--padding-32);
	}
	.preview .btn-m.blue.btn{
		bottom: var(--padding-32);
		right: var(--padding-32);
	}
	.referenzen .oo-listobject {
		width: inherit;
		height: 170px;
	}
	.oo-listimage img, .oo-listimage {
		height: 232px;
	}
	.oo-detailsheadline h1 {
		font-size: 42px;
		font-weight: 700;
	}
	.oo-detailsheadline_sub {
		font-size: 26px;
		margin: 0 0 1rem;
	}
	.referenzen .oo-listobject:nth-child(5n+1) {
		grid-row-start: span 2;
	}
	.oo-detailsprice_container {
		text-align: right;
	}
	.oo-details-thumbs {
		grid-template-columns: repeat(4,1fr);
		padding-bottom: var(--padding-16);
    	padding-top: var(--padding-16);
		margin-bottom: var(--padding-32);
	}

	#top .main_color .oo-detail {
		margin-top: 50px;
	}
}
@media only screen and (min-width: 1200px) { 
	.oo-listimage img, .oo-listimage {
		max-height: 300px;
		width: 100%;
		object-fit: cover;
	}
	.oo-details_name {
		font-size: 20px;
		line-height: 37px;
	}



	.oo-searchformfield{
		flex: 0 0 13%;
		max-width: 13%;
	}
	.oo-searchformfield:nth-child(-n+3){
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.oo-searchformfield:nth-child(n+4){
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
		padding-right: 1rem;
		padding-left: 1rem;
	}
	.oo-searchformfield:first-child, .oo-searchformfield:nth-child(7n) {
		padding-left: 0;
	}
	.oo-searchform .oo-searchformfield:last-child {
		margin-left: auto;
	}

	.oo-listframe {
		grid-template-columns: repeat(3, 1fr);
	}
	.oo-details_table-wrap{
		display: grid;
		grid-template-columns: 3fr 1fr;
		grid-column-gap: 9rem;
		-moz-column-gap: 9rem;
		column-gap: 9rem;
	}
}
.oo-detailview {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}
.oo-listheadline h1 {
	font-size: 50px;
	text-align: center;
}
/* estate search */
.oo-searchformfieldwrap {
	display: flex;
	align-items: end;
	flex-wrap: wrap;
	margin: 0;
    flex-wrap: wrap;
	align-content: center;
	align-items: center;
}
.oo-searchform .oo-searchformfield .btn {
	float: right;
}
.oo-searchformfield .multiselect span {
    display: none;
}
.oo-searchformfield br {
	display: none;
}
.oo-detailslisttd {
    overflow: hidden;
    text-overflow: ellipsis;
}
/* estate map */
.oo-estate-map {
	padding: 0 15px;
	width: 100%;
	height: 300px;
	display: none;
}
.oo-estate-map #map .leaflet-top, .oo-estate-map #map .leaflet-bottom {
	z-index: 888;
}
/* listframe */
.oo-listheadline {
    padding: 0;
}
/* details */
.oo-detailsgallery .oo-detailview {
	display: flex;
	flex-wrap: wrap;
}
.slick-slide img {
	display: block;
	width: 100%;
	object-fit: cover;
	max-height: 700px;
}
.image-link {
	position: relative;
}
.oo-details-thumbs .slick-slide {
	opacity: 0.5;
	margin-bottom: 15px;
}
.oo-details-thumbs .slick-current.slick-slide {
    opacity: 1;
}
.oo-detailsgallery {
	margin-bottom: 25px;
}
.oo-detailsgallery .slick-arrow {
	z-index: 999;
}
.oo-detailsgallery .slick-prev {
	left: 25px;
}
.oo-detailsgallery .slick-next {
	right: 25px;
}
.oo-detailstable {
    display: grid;
    grid-template-columns: repeat(6,auto);
    justify-content: flex-start;
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
    color: var(--dark-gray);
    margin: 0 0 5rem;
}
.oo-detailslisttd {
	width: 50%;
	padding: 5px 0;
	margin-bottom: 5px;
}
.oo-details-sidebar {
	width: 30%;
	padding: 4% 3% 4% 3%;
}
.oo-detailsform h3 {
	margin-bottom: 15px;
}
.oo-asp, .oo-detailsform {
	border-bottom: 0px;

}
.oo-similar {
	width: 100%;
}
@media only screen and (max-width: 991px) {
	.oo-details-main {
		width: 100%;
	}
	.oo-details-sidebar {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.oo-detail .oo-details:nth-child(n) {
		border-left: 1px solid var(--lighter-gray);
		padding-right: var(--padding-12);
		padding-left: var(--padding-12);
	}
	.oo-detail .oo-details:nth-child(3n + 1) {
		border-left: none;
	}
}
.mfp-ready .mfp-figure {
    opacity: 1;
}
.oo-searchformfield input.onoffice-multiselect-edit {
	-webkit-appearance: none;
	border: 1px solid #e1e1e1;
	padding: 8px 6px;
	outline: none;
	font: 1em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #777;
	margin: 0;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #f8f8f8;
	border-radius: 0px;	
}
.onoffice-multiselect-popup label {
	padding-left: 5px;
}
.totalrating {
	font-weight: bold;
	margin: 20px;
}
.slick-dots {
	position: relative;
}
.slick-dots li button:before {
	font-size: 12px;
}
#top .oo-detail form {
	display: flex;
    flex-flow: row wrap;
    margin: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}
#top .main_color .alternate_color input[type='text'] {

	width: 49%;
}
#top .main_color .alternate_color input:-internal-autofill-selected, #top .main_color .alternate_color input:-webkit-autofill {
	background: transparent;
}
#top .main_color .alternate_color textarea {
	width: 100%;
}
.oo-similar {
	padding-top: 50px;

}
.oo-detailstable h2 {
	width: 100%;
}
#energieausweis .img-wrapper {
    position: relative;
}
#energieausweis .img-wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    border-top: 2px solid rgba(255, 255, 255, 1);
    border-bottom: 2px solid rgba(255, 255, 255, 1);
}
#energieausweis .enev-construct .enev-pointer {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 12;
}
#energieausweis .enev-construct {
    position: relative;
    line-height: 0px;
    margin: 0 0 15px 0;
}
@media only screen and (min-width: 1400px) {
	#energieausweis .img-wrapper:before {
		border-top: 10px solid rgba(255, 255, 255, 1);
		border-bottom: 10px solid rgba(255, 255, 255, 1);
	}
}
@media only screen and (min-width: 1200px){
	#energieausweis .img-wrapper:before {
		border-top: 6px solid rgba(255, 255, 255, 1);
		border-bottom: 6px solid rgba(255, 255, 255, 1);
	}
}
@media only screen and (min-width: 768px){
	#energieausweis .img-wrapper:before {
		border-top: 4px solid rgba(255, 255, 255, 1);
		border-bottom: 4px solid rgba(255, 255, 255, 1);
	}
}

.table-container {
	display: block;
	margin: 2em auto;
}
.flex-table {
	display: flex;
	flex-flow: row wrap;
	border-left: solid 1px #d9d9d9;
	transition: 0.5s;
}
.flex-table:first-of-type {
	border-top: solid 1px #003da5;
	border-left: solid 1px #003da5;
}
.flex-table:first-of-type .flex-row {
	background: #003da5;
	color: #fff;
	border-color: #003da5;
}
.flex-table.row:nth-child(odd) .flex-row {
	background: #f7f7f7;
}
.flex-table:hover {
	background: #f7f7f7;
	transition: 500ms;
}
.flex-row {
	width: calc(100% / 5);
	text-align: center;
	padding: 0.5em 0.5em;
	border-right: solid 1px #f7f7f7;
	border-bottom: solid 1px #f7f7f7;
}
@media all and (max-width: 767px) {
	.oo-details:first-child, .oo-detail .oo-details:nth-child(2n+1), .preview .oo-details:nth-child(3n+1) {
		padding-left: 0;
		border-left: 0 !important;
	}
	.flex-row {
		width: calc(100% / 3);
	}
	.energy-step-wrapper .step {
		font-size: 12px;
	}

}
@media all and (max-width: 430px) {
	.flex-table .flex-row {
		border-bottom: 0;
	}
	.flex-table .flex-row:last-of-type {
		border-bottom: solid 1px #f7f7f7;
	}
	.flex-row {
		width: 100%;
	}
}

h1, h2, h3, h4, h5, h6{
	font-weight: 700 !important;
	font-family: "Inter", sans-serif !important;
}

h1:not(.avia-caption-title):not(.iconbox_content_title):not(.widgettitle):not(.team-member-name):not(.widgettitle):not(.slide-entry-title.entry-title),
h1.av-special-heading-tag,
#top #wrap_all .av-inherit-size h1.av-special-heading-tag {
	/* min, preferred (vw), max */
	font-size: clamp(38px, 4vw, 48px) !important;
	line-height: normal;
	word-break: break-word;
}
h2:not(.avia-caption-title):not(.iconbox_content_title):not(.widgettitle):not(.team-member-name):not(.widgettitle):not(.slide-entry-title.entry-title),
h2.av-special-heading-tag,
#top #wrap_all .av-inherit-size h2.av-special-heading-tag {
	/* min, preferred (vw), max */
	font-size: clamp(32px, 4vw, 40px) !important;
	word-break: break-word;
}
h3:not(.avia-caption-title):not(.iconbox_content_title):not(.widgettitle):not(.team-member-name):not(.widgettitle):not(.slide-entry-title.entry-title),
h3.av-special-heading-tag,
#top #wrap_all .av-inherit-size h3.av-special-heading-tag {
	/* min, preferred (vw), max */
	font-size: clamp(24px, 3vw, 32px) !important;
	word-break: break-word;
}
h4:not(.avia-caption-title):not(.iconbox_content_title):not(.widgettitle):not(.team-member-name):not(.widgettitle):not(.slide-entry-title.entry-title),
h4.av-special-heading-tag,
#top #wrap_all .av-inherit-size h4.av-special-heading-tag {
	/* min, preferred (vw), max */
	font-size: clamp(20px, 2vw, 28px) !important;
	word-break: break-word;
}
h5:not(.avia-caption-title):not(.iconbox_content_title):not(.widgettitle):not(.team-member-name):not(.widgettitle):not(.slide-entry-title.entry-title),
h5.av-special-heading-tag,
#top #wrap_all .av-inherit-size h5.av-special-heading-tag {
	/* min, preferred (vw), max */
	font-size: clamp(16px, 1vw, 28px) !important;
	word-break: break-word;
}

.oo-detailicons .mfp-close{
	margin-top: 0px !important;
	margin-left: 4px !important;
}
.oo-filmlink {
	margin-bottom: 32px;
}