/* Eigene CSS-Angaben für WP-ImmoMakler.
Wird nach dem mitgelieferten Plugin-CSS geladen,
Sie können somit die CSS-Angaben überschreiben oder ergänzen */

.ztk-swiper-gallery .swiper-wrapper {
	max-width: 577px !important;
	width: 577px !important;
	/*height: 386px !important;*/
	height: auto;
}

.ztk-swiper-gallery .swiper-wrapper img {
	max-width: 577px !important;
	width: 577px !important;
	/*height: 386px !important;*/
	object-fit: cover;
	transform: scale(1.02);
	transition: transform 300ms ease;
	aspect-ratio: 3 / 1.9;
}

.ztk-swiper-gallery:hover .swiper-wrapper img {
	transform: scale(1);
}

.ztk-swiper-gallery .swiper-wrapper .swiper-slide {
	overflow: hidden;
	border-radius: 4px;
}

.ztk-swiper-gallery .swiper-wrapper .swiper-slide:hover {
	transform: scale(1);
}

.ztk-swiper-gallery, .property-thumbnail {
	width: 577px !important;
	min-width: 577px !important;
	overflow: hidden;
}

.ztk-swiper-gallery .swiper-pagination {
		opacity: 0;
		visibility: hidden;
	}

@media all and (min-width:1441px) {
	.ztk-swiper-gallery .swiper-wrapper {
		max-width: 840px !important;
		width: 840px !important;
	}

	.ztk-swiper-gallery .swiper-wrapper img {
		max-width: 840px !important;
		width: 840px !important;
	}

	.ztk-swiper-gallery, .property-thumbnail {
		width: 840px !important;
		min-width: 840px !important;
	}
}
	
.immomakler .row {
	margin: 0;
}

.properties .property-container {
	display: flex !important;
	flex-direction: row;
	border: none !important;
}

.immomakler_archive_property_actions {
	display: none;
}

.property {
	width: 100% !important;
}

.ztk-swiper-gallery .swiper-button-next, .ztk-swiper-gallery .swiper-button-prev {
	color: #143957 !important;
	background-color: #FFF;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 300ms ease;
}

.ztk-swiper-gallery .swiper-button-next:after, .ztk-swiper-gallery .swiper-button-prev:after {
	font-size: 16px;
}

.ztk-swiper-gallery .swiper-button-next {
	bottom: 27px;
	right: 27px;
	top: auto;
}

.ztk-swiper-gallery .swiper-button-prev {
	bottom: 27px;
	right: 83px;
	top: auto;
	left: auto;
}

.ztk-swiper-gallery:hover .swiper-button-next, .ztk-swiper-gallery:hover .swiper-button-prev {
	opacity: 1;
	pointer-events: all;
}

.property-text-details a {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.property-text-details {
	height: 100%;
	
}

.property-details {
	padding: 5px 0 20px 70px !important;
}

@media all and (max-width:1440px) {
	.property-details {
		padding: 5px 0 15px 50px !important;
	}
}

.beon-trenner {
	width: 40px;
	border-color: var(--e-global-color-primary) !important;
	text-align: left;
	margin: 20px 0 !important;
}

.property-text-wrapper .property-zusatz {
	font-size: 13px;
	text-transform: uppercase;
	font-family: "Halyard";
	font-weight: 400;
	letter-spacing: 1.95px;
}

.property-text-wrapper .property-title {
	font-size: 25px;
	font-weight: 300;
	font-family: "Halyard";
	text-wrap: balance;
}

.property-text-wrapper p {
	text-wrap: balance;
}

.property-data .info-row {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.property-data .info-row div {
	line-height: 1;
}

.property-data .info-row div:not(:last-child) {
	padding-right: 18px;
	border-right: solid 1px #DEE4EA;
}

.property-data .info-row div:not(:first-child) {
	padding-left: 18px;
}

.property-data .info-row .dd {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.property-data .info-row .dd span {
	font-size: 12px;
	font-family: "Halyard";
}


.immomakler-archive {
	max-width: 1920px !important;
	padding: 0 120px !important;
}

.beon-row.paginator {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	border: none;
}

.beon-row .pages-nav {
	width: auto !important;
	padding: 0 !important;
}

.immomakler-order-by.dropdown {
	height: 50px;
	padding: 0;
}

.dropdown-toggle, .beon-filter-wrapper button, .beon-map-wrapper button {
	line-height: 50px;
	font-size: 16px;
	letter-spacing: 0.4px;
	border: none;
	background-color: var(--e-global-color-primary);
	color: #FFF;
	padding: 0 30px 0 25px;
	border-radius: 4px;
	margin-left: 16px;
}

.dropdown-toggle .caret {
	display: none;
}


.beon-filter-icon {
	margin-right: 10px;
	margin-bottom: 2px;
}

.immomakler.immomakler-map {
	position: fixed;
	inset: 0 0 0 0;
	background-color: #15395847;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	z-index: 999;
}

.immomakler-map .archive-map {
	width: 1200px;
	max-width: 90%;
}

.immomakler-map .immomakler-map-iframe {
	max-height: 90svh;
	height: 80svh;
	border-radius: 4px;
}


#beon-immomakler-map {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transition: opacity 300ms ease;
}

#beon-immomakler-map.beon-map-visible {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
}

#beon-close-map {
	background-color: #FFF;
	border-radius: 50%;
	padding: 0;
	position: absolute;
	top: -40px;
	right: -40px;
	border: none;
	width: 40px;
	height: 40px;
}

#beon-close-map img {
	margin-bottom: 1px;
}

#beon-immomakler-map .archive-map {
	position: relative;
	padding-bottom: 0;
}

.immomakler-order-by .dropdown-menu {
	margin-left: 16px;
	width: calc(100% - 16px);
	
}

.immomakler-order-by .dropdown-menu li a {
	color: var(--e-global-color-primary);
}

#immomakler-search-agents-panel {
	display: none;
}

.properties.test-beon {
	margin-top: 30px;
	padding-top: 40px;
	border-top: solid 1px #DBD8D4;
}

.immomakler-archive #breadcrumbs {
	display: none;
}

.immomakler-archive {
	margin-top: 50px;
}

#immomakler-search-form {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 50px;
	opacity: 0;
	height: 0;
	transition: all 300ms ease;
	pointer-events: none;
}

#immomakler-search-form.beon-filter-visible {
	opacity: 1;
	height: 62px;
	pointer-events: all;
}

#immomakler-search-form .search-taxonomies {
	width: 75%;
}

#immomakler-search-form #immomakler-search-advanced {
	width: 25%;
}

#immomakler-search-advanced .immomakler-cart-button, #immomakler-search-advanced .immomakler-submit {
	display: none;
}

#immomakler-search-advanced .search-actions {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.immomakler-archive.immomakler > a, .immomakler-single.immomakler > a {
    display: none;
}

.immomakler-archive .dropdown-toggle .filter-option .filter-option-inner-inner {
	text-align: center;
	font-size: 16px;
	letter-spacing: 0.4px;
	line-height: 50px;
}

.immomakler-archive .search-taxonomies .immomakler-search-taxonomy > .dropdown-toggle  {
	border: solid 1px var(--e-global-color-primary);
	border-radius: 4px;
	padding: 0;
}

.immomakler-archive .immomakler-order-by .dropdown-menu {
	padding: 13px 0;
	border: solid 1px #DBD8D4;
	box-shadow: 0 3px 6px #00000029;
}

.immomakler-archive .search-taxonomies .immomakler-search-taxonomy  {
	padding: 0 24px 0 0 !important;
}

.immomakler-archive .immomakler-search-taxonomy  > .dropdown-menu {
	min-width:calc(100% - 24px);
	padding: 13px 0;
	border: solid 1px #DBD8D4;
	box-shadow: 0 3px 6px #00000029;
}

.immomakler-search-taxonomy .dropdown-toggle:hover, .immomakler-search-taxonomy .dropdown-toggle[aria-expanded="true"] {
	background-color: var(--e-global-color-primary) !important;
	color: #FFF !important;
}

.dropdown-item.active.selected {
	background-color: var(--e-global-color-primary) !important;
	color: #FFF !important;
}

/*Immobilien Single*/

.immomakler-single .immomakler-gallery-swiper .swiper-pagination {
		opacity: 0;
		visibility: hidden;
	}

.immomakler-single .immobilie-cart-addremove {
	display: none !important;
}

.immomakler-single .immomakler-print-button {
	background-color: var( --e-global-color-primary );
	padding: 10px 25px;
	color: #FFF;
	font-size: 16px;
	font-family: inherit;
	border: none;
	border-radius: 4px !important;
}

.immomakler-single .property-actions {
	margin-bottom: 100px;
}

.immomakler-single .immomakler-print-button:hover {
	background-color: var( --e-global-color-primary );
	color: #FFF;
}

.immomakler-single.immomakler {
	width: 100%;
	padding: 0 120px;
	max-width: 1920px;
	margin-top: 40px;
}

@media all and (max-width:1024px) {
	.immomakler-single.immomakler {
		padding: 0 20px;
	}
}

.immomakler-gallery-swiper .swiper-slide img {
	height: auto;
	object-fit: cover;
	width: 100%;
	border-radius: 4px;
	aspect-ratio: 3 / 1.9;
}

.immomakler-gallery-swiper .swiper-button-prev {
	position: absolute;
	left: auto;
	right: 81px;
	top: auto;
	bottom: 30px;
	width: 40px;
	height: 40px;
	background-color: #FFF;
	border-radius: 50%;
}

.immomakler-gallery-swiper .swiper-button-next {
	position: absolute;
	left: auto;
	right: 30px;
	top: auto;
	bottom: 30px;
	width: 40px;
	height: 40px;
	background-color: #FFF;
	border-radius: 50%;
}

.immomakler-gallery-swiper .swiper-button-prev::after, .immomakler-gallery-swiper .swiper-button-next::after {
	color: var(--e-global-color-primary);
	font-size: 15px;
}

#breadcrumbs, #breadcrumbs + .row {
	display: none !important;
}

.immomakler .col-xs-12 {
	padding-right: 0;
	padding-left: 0;
}

.immomakler-single .beon-right-col {
	width: 350px;
	max-width: 350px;
	min-width: 350px;
	position: static;
}

.immomakler-single .beon-left-col {
	width: calc(100% - 350px);
	max-width: calc(100% - 350px);
	position: static;
	margin-right: 50px;
	padding-right: 40px;
}

.beon-cols-wrapper {
	display: flex;
	flex-direction: row-reverse;
	width: 100%;
	padding-top: 50px;
}

h1.beon-single-immo-h1 {
    font-size: 30px;
    font-weight: 300;
    line-height: line-height: 50px;;
    letter-spacing: 0.75px;
	text-wrap: balance;
	margin-top: 10px;
	font-family: "Halyard";
}

.beon-single-immo-property-data {
	padding: 13px 0;
}

.immomakler-single .property-data {
	padding: 10px 0;
}

.immomakler-single .property-zusatz {
	text-transform: uppercase;
}

.immomakler .h4, .immomakler h4 {
	font-size: 14px !important;
}

.beon-right-col .property-contact {
	border-radius: 4px;
	border: none;
}

	@media all and (min-width:1025px) {
		.beon-right-col .beon-sticky-col {
			position: sticky !important;
			top: 100px;
			z-index: 9;
			padding-bottom: 50px;
		}	
	}
	
.beon-grundrisse, .beon-virtual-tour {
	background-color: #153958 !important;
    color: #FFF !important;
    border: none !important;
    padding: 15px 20px !important;
    font-size: 16px !important;
    font-family: inherit !important;
	line-height: 1em !important;
	position: absolute;
	left: 30px;
	top: 30px;
}

.beon-virtual-tour {
	top: 30px;
	left: 30px;
	border-radius: 3px;
}

.beon-grundrisse + .beon-virutal-tour {
	left: 130px !important;
}
	

.immomakler-single .beon-beschreibung-single .panel-body {
	padding: 0;
}

.immomakler-single .beon-beschreibung-single {
	border: none;
}

.immomakler-single .beon-beschreibung-single .Beschreibung {
	display: none;
}

#beon-beschreibung-read-more {
	border: none;
	border-radius: 4px;
	background-color: var(--e-global-color-primary) !important;
	color: #FFF;
	margin-top: 20px;
	padding: 0 30px 0 25px;
	line-height: 50px;
	font-size: 16px;
	font-weight: 300;
}

#beon-beschreibung-read-more img {
	margin-right: 10px;
}

#beon-beschreibung-single .panel-body {
	max-height: 96px;
	overflow: hidden;
	margin-bottom: 20px;
	transition: max-height 300ms ease-in;
}

#beon-beschreibung-single.beon-full-description .panel-body {
	max-height: 5000px;
}

.immomakler-single .beon-trenner.beon-trenner-single-immo {
	margin: 50px 0 !important;
}

.immomakler-single .beon-immosingle-h3 {
	font-size: 13px;
	font-weight: 400;
	color: var(--e-global-color-primary);
	text-transform: uppercase;
}

.immomakler-single .beon-property-details {
	border: none;
	padding: 0 !important;
}

.immomakler-single .beon-property-details .panel-heading {
	background-color: transparent;
	border: none;
	padding: 0;
	margin-bottom: 45px;
}

.immomakler-single .beon-property-details .list-group-item .dt {
	font-size: 16px;
	font-weight: 400;
}

.immomakler-single .beon-property-details .list-group-item .dd {
	font-size: 16px;
	font-weight: 300;
}

.immomakler-single .beon-property-details .list-group-item {
	padding: 0;
	margin-bottom: 5px;
}

.immomakler-single .beon-property-details .list-group {
	columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  position: relative;
}

.immomakler-single .beon-property-details .list-group::after {
	content:"";
	width: 1px;
	height: 100%;
	position: absolute;
	background-color: #DEE4EA;
	left: calc(50% - 42px);
	top: 0;
}

.immomakler-single .beon-property-map {
	border: none;
}

.immomakler-single .beon-property-map .panel-heading {
	background-color: transparent;
	padding: 0;
	border: none;
	margin-bottom: 40px;
}

.immomakler-single .beon-property-map .panel-body {
	padding: 0;
	border: none;
}

.beon-property-contact {
	margin-top: 35px;
}

.property-contact .panel-body > .row {
	display: flex;
	flex-direction: column;
	border-radius: 4px;
	background-color: var(--e-global-color-primary);
	overflow: hidden;
	color: #FFF;
}

.beon-property-contact .contact-photo img {
	width: 100%;
	height: 225px;
	object-fit: cover;
	object-position: top;
	margin: 0 !important;
}

.beon-property-contact .contact-photo {
	padding: 0 !important;
}

.beon-property-contact .list-group {
	padding: 30px;
}

.beon-property-contact .list-group .list-group-item {
	padding: 0;
}

.beon-property-contact .list-group-item .row {
	display: flex;
	flex-direction: column;
}

.beon-property-contact .list-group-item .dt {
	font-weight: 400;
	font-size: 13px;
	text-transform: uppercase;
}

.beon-ansprechpartner-headline {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.beon-property-contact .list-group-item:has(.Firma), .beon-property-contact  .list-group-item:has(.Personennummer), .beon-property-contact  .list-group-item:has(.E-Mail), .beon-property-contact  .list-group-item:has(.Website), .beon-property-contact  .list-group-item:has(.Anschrift) {
	display: none;
}

.beon-property-contact .Name {
	display: none;
}

.beon-property-contact .list-group-item a {
	color: #FFF;
}

.beon-property-contact .list-group-item .Telefon + .dd a:hover {
	color: #FFF;
}

.beon-property-contact .list-group {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.immomakler-print-button {
	font-weight: 300 !important;
}

.beon-property-contact .btn-primary {
	background-color: var(--e-global-color-accent);
	border-radius: 4px;
	font-size: 16px;
	font-weight: 300;
	padding: 0;
	line-height: 50px;
	border: none;
}

.beon-property-contact .btn-primary:hover, .beon-property-contact .btn-primary:focus {
	background-color: var(--e-global-color-accent) !important;
	border: none !important;
}
	
.beon-property-contact .btn-primary img {
	margin-right: 10px;
}

.list-group-item .dt.beon-extra-item {
	margin: 0;
}

#beon-immo-single-open-map {
	cursor: pointer;
	position: relative;
}

#beon-immo-single-open-map p {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--e-global-color-primary);
	color: #FFF;
	line-height: 50px;
	padding: 0 25px 0 25px;
	border-radius: 4px;
}


#beon-immo-single-open-map p img {
	margin-right: 10px;
	margin-bottom: 2px;
}

.beon-property-map #beon-singleimmo-map-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	height: 100svh;
	background-color: #15395847;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.beon-property-map #beon-singleimmo-map-wrapper .googlemaps-link {
	display: none;
}

.beon-property-map #beon-singleimmo-map-wrapper #immomakler-map-iframe {
		width: 1200px;
		height: 80svh;
		max-height: 80svh;
		border-radius: 4px;
}

.beon-property-map #immomakler-map-iframe iframe {
	height: 80svh;
	max-height: 80svh;
	width: 100%;
}

.beon-singleimmo-map {
	position: relative;
}

#beon-singleimmo-map-wrapper {
	opacity: 0;
	pointer-events: none;
	visiblity: hidden;
	transition: all 300ms ease;
}

#beon-singleimmo-map-wrapper.beon-single-immo-map-visible {
	opacity: 1;
	pointer-events: all;
	visiblity: visible;
}

#beon-contact-form-wrapper .property-contactform  {
	border: none;
}

#beon-contact-form-wrapper .property-contactform .panel-body {
	padding: 0;
}

#beon-contact-form-wrapper .property-contactform .panel-body .form-group label {
	border-top: solid 1px #e8ebee;
	border-left: solid 1px #e8ebee;
	border-right: solid 1px #e8ebee;
	padding: 12px 13px 5px;
	width: 100%;
}

#beon-contact-form-wrapper .property-contactform .panel-body .form-group input, #beon-contact-form-wrapper .property-contactform .panel-body .form-group textarea {
	border-bottom: solid 1px #e8ebee;
	border-left: solid 1px #e8ebee;
	border-right: solid 1px #e8ebee;
	border-top: 0;
	padding: 0 13px 8px;
	width: 100%;
}

#beon-contact-form-wrapper .property-contactform .panel-body .form-group > div input, #beon-contact-form-wrapper .property-contactform .panel-body .form-group > div textarea {
	color: var(--e-global-color-primary);
    font-size: 18px;
    font-weight: 400;
	margin-bottom: 0;
}

#beon-contact-form-wrapper .property-contactform .panel-body .form-group > div label {
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 0;
}

#immomakler-contactform form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

#immomakler-contactform form .form-group:first-child {
	display: flex;
	gap: 10px;
}

#immomakler-contactform form .form-group .checkbox label{
	border: none !important;
}

#immomakler-contactform form .form-group .checkbox input{
	width: auto !important;
	position: static;
	margin-top: 8px:
}

#immomakler-contactform form .form-group .checkbox {
	display: flex;
	flex-direction: row;
}

#immomakler-contactform .immomakler-contactform-send .submit {
	background-color: var(--e-global-color-accent);
	border: none;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 400;
	padding: 0 25px;
	line-height: 50px;
}

#immomakler-contactform-panel .panel-heading {
	background-color: transparent;
	border: none;
	padding: 0 0 25px 0;
}

#immomakler-contactform-panel .panel-heading h2 {
	font-size: 14px;
	color: var(--e-global-color-primary);
	text-transform: uppercase;
}

#beon-contact-form-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100svh;
	background-color: #15395847;
	z-index: 99999;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	overflow-y: scroll;
}

#beon-contact-form-wrapper > div {
	padding: 20px 40px;
	border-radius: 4px;
	background-color: #FFF;
	width: 800px;
	height: auto;
	position: relative;
	max-height: 100svh;
	overflow-y: scroll;
}

#beon-contact-form-wrapper #beon-close-form {
	background-color: #FFF;
	border-radius: 50%;
	padding: 0;
	position: absolute;
	top: 10px;
	right: 10px;
	border: none;
	width: 40px;
	height: 40px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	display: flex;
    padding: 8px;
}

#beon-contact-form-wrapper {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transition: all 300ms ease;
}

#beon-contact-form-wrapper.beon-single-immo-form-visible {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
}

#immomakler-contactform .col-xs-12:has(.mandatory) {
	position: absolute;
    right: 20px;
    bottom: 30px;
    left: auto;
    text-align: right;
}

#immomakler-contactform .send-over-https {
	display: none;
}

#immomakler-contactform .immomakler-contactform-send > div {
	padding: 0;
}

.immomakler a:focus, .immomakler a:hover {
	text-decoration: none;
}

.immomakler-archive > .paginator {
	display: none;
}

.immomakler-archive .beon-filter-wrapper + .pages-nav > span {
	display: none;
}

#immomakler-search-agents-panel + .paginator {
	display: flex;
}

/*After Archive Section by be-on!*/

.beon-after-immo-archive {
	width: 100%;
	padding-left: 120px;
	padding-right: 120px;
	margin-bottom: 100px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}

.beon-after-immo-archive .beon-aia-lc {
	width: 100%;
	max-width: 557px;
}

.beon-after-immo-archive .beon-aia-lc img {
	border-radius: 4px 0 0 4px;
	width: 100%;
	display: block;
	height: 100%;
    object-fit: cover;
}

.beon-after-immo-archive .beon-aia-rc {
	width: 100%;
	max-width: calc(100% - 557px);
	background-color: var(--e-global-color-accent);
	border-radius: 0 4px 4px 0;
	padding: 50px 50px 35px 110px;
	color: #FFF;
}

.beon-after-immo-archive .beon-aia-rc p {
	max-width: 750px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.beon-after-immo-archive .beon-button-accent {
	background-color: #6C531F;
	border-radius: 4px;
	padding: 14px 25px;
	font-size: 16px;
	color: #FFF;
}

.immomakler-archive .archive-subtitle {
	font-size: 18px;
	margin: 30px 0;
}

.beon-details-heading.beon-immosingle-h3 {
	font-size: 13px !important;
	letter-spacing: 1.95px !important;
}

.beon-property-details .data-objektnr_extern {
	display: none;
}

.immomakler-archive .property-status-bar .property-status {
	background-color: var(--e-global-color-accent);
	color: #FAFAFA;
	font-size: 16px;
	letter-spacing: 0.6px;
	line-height: 50px;
	font-weight: 400;
	text-transform: capitalize;
	border-radius: 4px;
	margin-bottom: 8px;
	padding: 0 20px;
	max-width: 100%;
	width: max-content;
	min-width: 10px;
}

.immomakler-archive .property-status-bar {
	margin-left: 24px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
}

@media all and (max-width: 767px) {
	.immomakler-archive .property-status-bar {
		flex-direction: column;
		gap: 2px;
		margin-left: 16px;
	}
	
	.immomakler-archive .property-status-bar .property-status {
		line-height: 35px;
		font-size: 14px;
	}
}

.immomakler-single .property-status {
	display: none;
}

.immomakler-single .beon-epass .epass-diagram-container {
	display: none;
}

.immomakler-single .beon-epass {
	border: none;
	margin-top: 40px;
	padding-top: 60px;
	position: relative;
}

.immomakler-single .beon-epass::before {
	content:"";
	width: 40px;
	background-color: var(--e-global-color-primary);
	height: 1px;
	position: absolute;
	top: 0;
	left: 0;
}

.immomakler-single .beon-epass .panel-heading {
	padding: 0;
	background-color: transparent;
	border: none;
	margin-bottom: 20px;
}

.immomakler-single .beon-epass .dt {
	font-size: 16px;
	font-weight: 400;
}

.beon-epass .list-group .list-group-item {
	padding: 0;
	margin-bottom: 5px;
}

.immomakler-single .beon-epass .dd {
	font-size: 16px;
	font-weight: 300;
}





/*Responsiv CSS by be-on!*/

@media all and (max-width:1920px) and (min-width:1025px) {
	.single-bauprojekt .ztk-swiper-gallery {
		min-width: 100% !important;
	}
	
	.ztk-swiper-gallery .swiper-wrapper .swiper-slide img {
		max-width: 100% !important;
	}
}

@media all and (max-width:1366px) and (min-width:1025px) {
	.post-type-archive-immomakler_object .immomakler-archive {
		padding: 0 50px !important;
	}
}


@media all and (max-width:1024px) {

	.post-type-archive-immomakler_object .immomakler-archive {
		padding: 0 20px !important;
	}
	
	.immomakler-archive .archive-subtitle {
		font-size: 16px;
	}
	
	.immomakler-archive .properties .property .property-container {
		flex-direction: column;
	}
	
	.ztk-swiper-gallery, .property-thumbnail, .ztk-swiper-gallery .swiper-slide img {
		width: 100% !important;
		min-width: 100% !important;
		border-radius: 4px;
	}
	
	.ztk-swiper-gallery .swiper-wrapper {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.ztk-swiper-gallery .swiper-button-next, .ztk-swiper-gallery .swiper-button-prev, .immomakler-gallery-swiper .swiper-button-next, .immomakler-gallery-swiper .swiper-button-prev {
		opacity: 0;
		visibility: hidden;
	}
	
	.immomakler-archive .immomakler-boxed .property-container div.property-details {
		padding: 0 !important;
	}
	
	.beon-after-immo-archive {
		flex-direction: column-reverse;
		padding: 0 20px;
		max-width: 100%;
	}
	
	.beon-after-immo-archive > div {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.beon-after-immo-archive .beon-aia-rc {
		padding: 50px;
		border-radius: 4px 4px 0 0;
	}
	
	.beon-after-immo-archive .beon-aia-lc img {
		border-radius: 0 0 4px 4px;
	}
	
	.immomakler-archive #immomakler-search-agents-panel + .paginator {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999999;
		justify-content: flex-start;
		padding: 0;
		width: 100%;
	}
	
	.immomakler-archive .paginator #beon-open-map, .immomakler-archive .paginator #beon-open-filter, .immomakler-archive .paginator .dropdown-toggle {
		margin: 0;
		border-radius: 0;
		width: calc( 100vw / 3);
		max-width: 100%;
	}
	
	.immomakler-archive .paginator .dropdown-menu {
		top: auto;
		bottom: 50px;
	}
	
	.immomakler-archive .paginator .dropdown-toggle {
		display: flex;
		flex-direction: row;
		justify-content: center;
		white-space: nowrap;
	}
	
	.immomakler-archive .paginator .dropdown-toggle .beon-filter-icon {
		object-fit: contain;
	}
	
	.immomakler-archive .beon-filter-wrapper {
		position: relative;
	}
	
	.immomakler-archive .beon-filter-wrapper::before, .immomakler-archive .beon-filter-wrapper::after {
		content:"";
		height: 40%;
		position: absolute;
		top: 30%;
		width: 1px;
		background-color: #587188;
	}
	
	.immomakler-archive .beon-filter-wrapper::after  {
		left: auto;
		right: 0;
	}
	
	.immomakler-map .archive-map {
		max-width: 80%;
	}
	
	.immomakler-archive .ztk-swiper-gallery .swiper-pagination, .immomakler-single .immomakler-gallery-swiper .swiper-pagination {
		opacity: 1;
		visibility: visible;
	}
	
	.immomakler-archive .ztk-swiper-gallery .swiper-pagination .swiper-pagination-bullet, .immomakler-single .immomakler-gallery-swiper .swiper-pagination .swiper-pagination-bullet {
		background: #FFF !important;
		
	}
	
	
	/*Single Immo Template*/
	
	.beon-cols-wrapper {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.beon-cols-wrapper .beon-right-col, .beon-cols-wrapper .beon-left-col {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.immomakler-single .beon-property-details .list-group {
		-webkit-columns: 1;
		columns: 1;
	}
	
	.immomakler-single .beon-property-details .list-group::after {
		width: 0;
	}
	
	.beon-cols-wrapper .beon-right-col {
		display: flex;
		flex-direction: row-reverse;
	}
	
	.beon-cols-wrapper .beon-right-col .beon-property-contact {
		width: 50%;
		margin-top: 0;
	}
	
	.beon-cols-wrapper .beon-right-col #beon-immo-single-open-map {
		width: 50%;
	}
	
	#beon-singleimmo-map-wrapper .beon-singleimmo-map {
		max-width: 85%;
	}
	
	.beon-property-map #beon-singleimmo-map-wrapper #immomakler-map-iframe {
		max-width: 100%;
	}
	
	#beon-immo-single-open-map p {
		top: 115px;
	}
	
	#beon-contact-form-wrapper > div {
		width: 85%;
	}
	
	.immomakler-single .immomakler-gallery-swiper .swiper-pagination {
		opacity: 1;
		visibility: visible;
	}
	
	#immomakler-search:has(.beon-filter-visible) {
	  opacity: 1;
	  visibility: visible;
	  pointer-events: all;
	}
	
	#immomakler-search {
	  position: fixed;
	  z-index: 99999;
	  width: 100vw;
	  height: 100svh;
	  background-color: #153958c4;
	  left: 0;
	  bottom: 50px;
	  top: auto;
	  opacity: 0;
	  visibility: hidden;
	  pointer-events: none;
	  display: flex;
	  flex-direction: column;
	  justify-content: flex-end;
	}
	
	#immomakler-search #immomakler-search-form {
		height: auto;
	}
	
	#immomakler-search-advanced {
		display: none;
	}
	
	#immomakler-search-form .search-taxonomies {
		width: 100%;
	}
	
}

#immomakler-search:has(.beon-filter-visible) + #immomakler-search-agents-panel + .paginator #beon-open-filter {
	background-color: var(--e-global-color-accent) !important;
}


/*Responsive 767px >*/

@media all and (max-width:767px) {
	
	#beon-contact-form-wrapper .property-contactform .panel-body .form-group > div input, #beon-contact-form-wrapper .property-contactform .panel-body .form-group > div textarea {
		font-size: 14px !important;
	}
	
	.immomakler-archive .paginator .dropdown-toggle .beon-filter-icon {
		width: 8px;
	}
	
	.immomakler-archive .paginator .dropdown-menu {
		top: auto;
		bottom: 50px;
		right: 0;
		left: auto;
	}
	
	.immomakler-archive .swiper-wrapper, .immomakler-archive .swiper-wrapper img {
		height: 251px !important;
	}
	
	.beon-cols-wrapper .beon-right-col {
		flex-direction: column;
		margin-bottom: 100px;
	}
	
	.beon-cols-wrapper .beon-right-col .beon-property-contact {
		width: 100%;
	}
	
	#beon-immo-single-open-map p {
		top: 50%;
	}
	
	.beon-cols-wrapper .beon-right-col #beon-immo-single-open-map {
		width: 100%;
	}
	
	#beon-contact-form-wrapper > div {
		width: 90%;
		padding: 20px 20px;
	}
	
	#beon-contact-form-wrapper #beon-close-form {
		top: 10px;
		right: 10px;
	}
	
	#beon-close-map {
		top: -50px;
		right: 10px;		
	}
	
	    #beon-singleimmo-map-wrapper .beon-singleimmo-map {
        max-width: calc(100% - 10px);
    }
	
	#immomakler-contactform form {
		gap: 6px;
	}
	
	#beon-contact-form-wrapper > div {
		padding-bottom: 5px;
	}
	
	h1.beon-single-immo-h1 {
		font-size: 20px;
		line-height: line-height: 30px;;
		letter-spacing: 0.5px;
	}
	
	.beon-cols-wrapper {
		padding-top: 30px !important;
	}
	
	.immomakler-single {
		margin-top: 10px !important;
	}
	
	.beon-zimmer-single {
		display: none !important;
	}

}

.immomakler-single .contact-photo img {
	object-position: center;
}

/*Virtual Tours CSS - Single Immobilie*/

.beon-cols-wrapper .beon-virtual-tours .panel-heading {
	background-color: transparent;
	padding: 0;
	margin-bottom: 45px;
	border: none;
}

.beon-cols-wrapper .beon-virtual-tours {
	border: none !important;
	padding-top: 50px;
	position: relative;
	margin-top: 25px;
}

.beon-cols-wrapper .beon-virtual-tours::before {
	content:"";
	width: 40px;
	height: 1px;
	background-color: var(--e-global-color-primary);
	position: absolute;
	top: 0;
	left: 0;
}

.beon-virtual-tours .brlbs-cmpnt-cb-matterport-iframe-container {
	max-width: 100%;
    width: 500px;
}

.beon-virtual-tours .brlbs-cmpnt-cb-matterport {
	padding: 12% 20px !important;
}

.beon-virtual-tours .brlbs-cmpnt-cb-main {
	flex-direction: column !important;
}

.beon-virtual-tours .brlbs-cmpnt-cb-thumbnail {
	background-size: 110% !important;
}

.beon-virtual-tours .brlbs-cmpnt-cb-btn {
	font-weight: 400 !important;
}

@media all and (max-width:767px) {
	.beon-virtual-tours .brlbs-cmpnt-cb-main {
		margin: 0 !important;
	}
	
	.beon-virtual-tours .brlbs-cmpnt-cb-matterport {
		padding: 40px 20px !important;
	}
	
	.beon-virtual-tours .brlbs-cmpnt-cb-matterport-iframe-container {
		max-width: 100%;
		width: 500px;
	}
	
	#beon-immo-direktanfrage {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 99;
		margin-bottom: 0;
		border-radius: 0;
	}
}


.c-lightbox button {
	border: none !important;
}

.open-gallery-popup.unit-gallery-button {
	background-color: #153958 !important;
	color: #FFF !important;
	border: none !important;
	padding: 15px 20px !important;
	font-size: 16px !important;
	font-family: inherit !important;
}


@media all and (max-width: 1366px) and (min-width:1025px) {
	.immomakler-single.immomakler {
		padding: 0 50px !important;
	}
}

.beon-mobile-buttons .beon-grundrisse, .beon-mobile-buttons .beon-virtual-tour {
	display: none;
	position: static !important;
}

@media all and (max-width:767px) {
	.beon-mobile-buttons {
		margin: 20px 0 30px;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}
	
	.beon-mobile-buttons .beon-grundrisse, .beon-mobile-buttons .beon-virtual-tour {
		display: flex;
	}
	
	#unit-mobile-gallery-slider.flexslider .flex-control-nav {
		bottom: 0 !important;
	}
		
	.beon-hide-mobile {
		display: none !important;
	}
}

@media all and (max-width:1024px) {
	#immomakler-search-form .search-taxonomies {
		height: 100svh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}
	
	.immomakler-archive .search-taxonomies .immomakler-search-taxonomy {
		padding: 0 !important;
	}
}