.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;
}
.oo-list_title h1, .oo-list_title h2, .oo-list_title h3, .oo-list_title h4, .oo-list_title h5, .oo-list_title h6{
	word-break: break-word;
	word-break: break-all;
}
.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 {
	padding-bottom: var(--padding-16);
	padding-top: var(--padding-16);
	width: 100%;
}
.furnishing-table dt {
	float: left;
	margin-right: 20px;
}
.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);
}
.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);
}
#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;
}