/* 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 */

/*

Global CSS by be-on! for Peter Peters Immobilien

*/

body .immomakler-archive {
	max-width: 100%;
	padding: 0 75px;
}

#immomakler-search-form {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content: space-between;
	padding: 0;
}

.immomakler .row, #shortcode-immomakler-search-advanced, #immomakler-search-advanced{
	margin-right: 0;
	margin-left: 0;
}

.search-taxonomies {
	width: 75%;
}

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

#immomakler-search-form .search-taxonomies {
	display: flex;
	flex-direction: row;
}

#immomakler-search-form .search-taxonomies > .dropdown {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-right: 26px;
}

#immomakler-search-form .search-taxonomies .dropdown-toggle {
	border-radius: 50px;
	border-color: var(--e-global-color-accent);
	padding: 11px;
	font-size: 15px;
	font-weight: 500;
}

#immomakler-search-form .search-taxonomies .dropdown-toggle:hover, #immomakler-search-form .search-taxonomies .dropdown-toggle[aria-expanded="true"] {
	background-color: var(--e-global-color-accent);
}

#immomakler-search-form .search-taxonomies .dropdown-toggle .filter-option-inner-inner {
	text-align: center;
}

#immomakler-search-form .search-taxonomies .dropdown-toggle .bs-caret {
	display: none;
}

#immomakler-search-form .search-taxonomies .dropdown-menu.open {
	border-radius: 10px;
	border-color: var(--e-global-color-accent);
	color: var(--e-global-color-primary);
	padding: 10px 10px 8px 10px;
}

#immomakler-search-form .search-taxonomies .dropdown-menu.open .dropdown-item {
	border-radius: 10px;
	color: var(--e-global-color-primary);
	margin-bottom: 2px;
}

#immomakler-search-form .search-taxonomies .dropdown-menu.open .dropdown-item.active.selected, #immomakler-search-form .search-taxonomies .dropdown-menu.open .dropdown-item:hover {
	background-color: var(--e-global-color-accent);
}

#immomakler-search-advanced .immomakler-cart-button, #immomakler-search-agents-panel, .paginator, #immomakler-search-reset {
	display: none;
}

#immomakler-search-advanced .immomakler-submit {
	background-color: var(--e-global-color-accent);
	width: 100%;
	border-radius: 50px;
	padding: 11px;
	border-color: var(--e-global-color-accent);
	color: var(--e-global-color-primary);
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 0 !important;
	margin-right: 0;
}

#immomakler-search-advanced .immomakler-submit .glyphicon-search {
	margin-right: 10px
}

.property-thumbnail .owl-dots span {
	width: 6px !important;
	height: 6px !important;
	border-radius: 50%;
}

.beon-h4, .beon-data-heading h2 {
	font-size: var(--e-global-typography-17798bb-font-size) !important;
    font-weight: var(--e-global-typography-17798bb-font-weight) !important;
    text-transform: var(--e-global-typography-17798bb-text-transform) !important;
    line-height: var(--e-global-typography-17798bb-line-height) !important;
    letter-spacing: var(--e-global-typography-17798bb-letter-spacing) !important;
    color: var(--e-global-color-text) !important;
}

.beon-archive-before-properties .beon-h4 {
	color: var(--e-global-color-secondary) !important;
	border-bottom: solid 1px var(--e-global-color-accent);
	padding-bottom: 10px;
	position: relative;
}

.immomakler-archive .properties .beon-property .property-link-wrapper {
	text-decoration: none !important;
}

.immomakler-archive .properties .beon-property .property-link-wrapper h3 {
	text-decoration: none !important;
	color: var(--e-global-color-primary);
}

.beon-archive-before-properties .beon-h4::after {
	content:"";
	background-color: var(--e-global-color-secondary) !important;
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 110px;
	height: 2px;
}

.immomakler-archive .beon-h1-immo-archive {
	margin: 60px 0;
	color: var(--e-global-color-accent);
	font-size: var(--e-global-typography-7966e13-font-size);
    font-weight: var(--e-global-typography-7966e13-font-weight);
    line-height: var(--e-global-typography-7966e13-line-height);
}

.beon-switcher-wrapper .view-switcher {
	background-color: var(--e-global-color-accent);
	border-radius: 50px;
	padding: 4px;
	width: 65px;
	position: relative;
	cursor: pointer;
}

.beon-switcher-wrapper .view-switcher .switch-btn {
	border: none;
	padding: 0;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	z-index: 9;
}

/*
.beon-switcher-wrapper .view-switcher .switch-btn.active {
	background-color: #FFF;
}
*/

.beon-switcher-wrapper .view-switcher::after {
		content:"";
		width: 24px;
		height: 24px;
		left: 4px;
		top: 4px;
		background-color: #FFF;
		border-radius: 50%;
		position: absolute;
		transition: all 300ms ease-in-out;
}

.beon-switcher-wrapper .view-switcher.grid-active::after {
		left: 37px;
		top: 4px;
}

.beon-switcher-wrapper .view-switcher .switch-btn img {
	width: 16px;
}

.beon-switcher-wrapper .view-switcher {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: -3px;
}

.beon-switcher-wrapper .view-switcher .switch-btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.beon-archive-before-properties {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 60px;
	margin-top: 20px;
}

.beon-heading-wrapper {
	width: calc(100% - 100px)
}

#beon-map-button {
	position: fixed;
	right: 75px;
	bottom: 50px;
	background-color: var(--e-global-color-accent);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 10px;
	z-index: 99999;
}

.beon-map {
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100svw;
	height: 100svh;
    z-index: 99999;
	opacity: 0;
	visibility: hidden;
	transition: opacity 300ms ease;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: #c7beaf6b
}

.beon-map.beon-map-visible {
	opacity: 1;
	visibility: visible;
}

.beon-map .immomakler-map {
	position: relative;
	max-width: 60svw;
}

.immomakler-map-iframe, .immomakler-map-iframe iframe.map, iframe.immomakler-map-iframe {
	height: 80svh;
	max-height: 80svh;
}

.properties .beon-property .owl-nav .owl-prev, .properties .beon-property .owl-nav .owl-next, .properties .beon-property .owl-nav .owl-prev:hover , .properties .beon-property .owl-nav .owl-next:hover {
	background-color: transparent;
	opacity: 1;
	width: 38px;
}

.immomakler-archive .properties .beon-property .owl-nav .owl-prev:hover {
	right: 85px !important;
}

.immomakler-archive .properties .beon-property .owl-nav .owl-next:hover {
	right: 27px !important;
}

.immomakler-archive .owl-carousel .owl-nav .nav-button {
	top: auto !important;
	bottom: 34px !important;
	right: 30px !important;
	left: auto !important;
	transition: all 300ms ease;
}

.immomakler-archive .owl-carousel .owl-nav .nav-button.owl-prev {
	right: 82px !important;
}

.immomakler-archive .owl-carousel .owl-dots {
	display: none !important;
}

.beon-property .property-details {
	padding: 0 0 0 40px;
}

.beon-property-data .dd {
	margin-top: 5px;
	font-size: 16px;
	font-weight: 500;
	color: var(--e-global-color-text);
}

.beon-property-data .dd span {
	width: 300px;
	display: inline-block;
	color: var(--e-global-color-primary);
}


.beon-property .property-container {
	display: flex;
}

.beon-property .property-container .property-thumbnail {
	margin-bottom: 0;
	width: 50%;
}

.beon-property .property-container .property-details {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	width: 50%;
}

.beon-property .property-container .property-details .property-actions {
	display: none;
}

.property-text-wrapper h3 {
	max-width: 100%;
	width: 500px;
}

.immomakler-archive .property.beon-property {
	padding: 0 0 64px 0;
	margin-bottom: 64px;
	border-bottom: solid 1px var(--e-global-color-accent);
}

.immomakler-archive .beon-map .beon-close-map{
	position: absolute;
    top: -18px;
    right: -18px;
    background-color: #ffffff;
    z-index: 9999;
    width: 38px;
    height: 38px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
	cursor: pointer;
}

.immomakler-archive .btn.immomakler-load-more-btn {
	background-color: var(--e-global-color-578a68f);
    font-size: 15px;
    font-weight: 500;
    line-height: 1em;
    color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-accent);
    border-radius: 30px 30px 30px 30px;
    padding: 13px 30px 13px 30px;
}

.immomakler-archive .btn.immomakler-load-more-btn:hover {
    background-color: var(--e-global-color-578a68f);
    color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
}

.immomakler-archive .property-status-bar {
	display: flex;
	flex-direction: row;
	gap:10px;
	top: 25px;
	left: 35px;
}

.immomakler-archive .property-status-bar .property-status {
	background-color: #FFF;
    border-radius: 50px;
    height: 44px;
    padding: 0 30px;
    color: #000;
    font-weight: 500;
    text-transform: capitalize;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


/*

Grid - List CSS

*/
.property-text-wrapper-grid {
	display: none;
}

.properties.beon-grid .property-text-wrapper-grid {
	display: flex;
	flex-direction: column;
	opacity: 0;
	position: absolute;
	padding: 33px 33px 20px 33px;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	justify-content: flex-end;
	background-color: #867C6DD9;
	transition: all 300ms ease !important;
	pointer-events: none;
}

.properties.beon-grid .row:hover .property-text-wrapper-grid {
	opacity: 1
}

.properties.beon-grid .property-text-wrapper-grid * {
	color: #FFF !important;
}

.properties.beon-grid .owl-nav, .properties.beon-grid .property-details {
	display: none;
}

.immomakler-archive  .properties.beon-grid .property.beon-property {
	margin-bottom: 0;
	border: none;
	padding: 0;
}

.immomakler-archive  .properties.beon-grid .property.beon-property .property-thumbnail {
	width: 100%;
}

.properties {
  opacity: 1;
  transition: opacity .35s ease;
}

.properties.is-fading {
  opacity: 0;
}

.properties.beon-grid * {
	transition: none !important;
}



.properties.beon-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 36px;
	max-width: 100%;
	margin: auto;
	grid-auto-rows: auto;
	/* flexible Basis-Höhe */
	margin-bottom: 40px;
}

/* Alle Bilder füllen automatisch die Zellen */
.properties.beon-grid .row {
	width: 100%;
	height: 100%;
	display: block;
}

/* Basislayout: große Bilder links, zwei kleine rechts */
.properties.beon-grid .row:nth-child(3n + 1) {
	grid-column: 1 / 3;
	grid-row: span 2;
	/* 2 Reihen hoch */
}

.properties.beon-grid .row:nth-child(3n + 2),
.properties.beon-grid .row:nth-child(3n + 3) {
	grid-column: 3;
}

/* Gespiegeltes Layout: zwei kleine links, großes rechts */
.properties.beon-grid .row:nth-child(6n + 4),
.properties.beon-grid .row:nth-child(6n + 6) {
	grid-column: 1;
	grid-row: span 1;
}

.properties.beon-grid .row:nth-child(6n + 5) {
	grid-column: 2 / 4;
	grid-row: span 2;
}

.properties.beon-grid .owl-stage, .properties.beon-grid .owl-stage .owl-item {
	height: 100%;
	width: 100% !important;
}

.properties.beon-grid .owl-stage {
	transform: none !important;
}

.properties.beon-grid .owl-stage img, .properties.beon-grid .beon-property, .properties.beon-grid .beon-property .property-container, .properties.beon-grid .beon-property .property-container .thumbnail, .properties.beon-grid .beon-property .property-container .thumbnail .owl-carousel {
	height: 100% !important;
}

.properties.beon-grid .owl-stage a {
	display: block;
	height: 100% !important;
}



/*

Single Immobilie

*/

body .immomakler-single {
	max-width: 100%;
	padding: 0 75px;
	overflow: hidden;
}

.immomakler-single .beon-singleimmo-map-wrapper .googlemaps-link {
	display: none !important;
}

.immomakler-single .beon-section-single {
	display: flex;
	flex-direction: column;
}

body .immomakler-single .beon-expose {
	position: fixed !important;
	bottom: 20px;
	right: 90px;
	z-index: 99;
	background-color: var(--e-global-color-accent) !important;
	color: var(--e-global-color-primary);
	border-radius: 50px !important;
	border: solid 1px var(--e-global-color-accent);
	padding: 11px 23px !important;
	transition: all 300ms ease;
	font-size: 15px;
	font-weight: 500;
}

body .immomakler-single .beon-expose:hover, body .immomakler-single .beon-expose:focus, body .immomakler-single .beon-expose:active {
	border: solid 1px var(--e-global-color-primary);
		color: var(--e-global-color-primary);
}

.immomakler-single .immomakler-swiper-gallery {
	margin: 0 -75px;
}

.immomakler-single .immomakler-swiper-gallery .swiper-slide {
	width: 640px;
	max-width: 100%;
}

.immomakler-single .immomakler-swiper-gallery .swiper-button-prev:after, .immomakler-single .immomakler-swiper-gallery .swiper-rtl .swiper-button-next:after, .immomakler-single .immomakler-swiper-gallery .swiper-button-next:after, .immomakler-single .immomakler-swiper-gallery .swiper-rtl .swiper-button-prev:after {
	content:"";
}

.immomakler-single .immomakler-swiper-gallery .swiper-button-prev.custom-swiper-prev {
	width: 38px;
	left: auto;
	top: auto;
	right: calc(50% - 247px);
	bottom: 22px;
	transition: right 300ms ease;
}

.immomakler-single .immomakler-swiper-gallery .swiper-button-next.custom-swiper-next {
	width: 38px;
	left: auto;
	top: auto;
	right: calc(50% - 300px);
	bottom: 22px;
	transition: right 300ms ease;
}

.immomakler-single .immomakler-swiper-gallery .swiper-button-prev.custom-swiper-prev:hover {
	right: calc(50% - 242px);
}

.immomakler-single .immomakler-swiper-gallery .swiper-button-next.custom-swiper-next:hover {
	right: calc(50% - 305px);
}

.immomakler-single .beon-tide-wrapper h1 {
	font-size: var(--e-global-typography-7966e13-font-size);
    font-weight: var(--e-global-typography-7966e13-font-weight);
    line-height: var(--e-global-typography-7966e13-line-height);
}

.immomakler-single .beon-section-kaufpreis  {
	padding: 75px 0 75px 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.immomakler-single .beon-kaufpreis {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 320px;
	gap: 5px;
}

.immomakler-single .beon-kaufpreis span {
	font-size: var(--e-global-typography-17798bb-font-size) !important;
    font-weight: var(--e-global-typography-17798bb-font-weight) !important;
    text-transform: var(--e-global-typography-17798bb-text-transform) !important;
    line-height: var(--e-global-typography-17798bb-line-height) !important;
    letter-spacing: var(--e-global-typography-17798bb-letter-spacing) !important;
    color: var(--e-global-color-text) !important;
}

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

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

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

#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;
}

#beon-beschreibung-read-more {
	margin-top: 50px;
}

.immomakler-single .beon-data-wrapper {
	background-color: var(--e-global-color-2dd016c);
	padding: 65px 75px;
	margin: 0 -75px;
}

.immomakler-single .beon-data-wrapper .data-objektnr_extern, .immomakler-single .beon-data-wrapper .data-wohnflaeche, .immomakler-single .beon-data-wrapper .data-nutzflaeche, .immomakler-single .beon-data-wrapper .data-zustand {
	display: none !important;
}

.immomakler-single .beon-data-wrapper .property-details {
	border: none;
	display: flex;
	flex-direction: row;
}

.immomakler-single .beon-data-wrapper .property-details .panel-heading {
	border: none
}

.immomakler-single .beon-data-heading {
	background-color: transparent !important;
	padding: 0;
	width: 50%;
	max-width: 320px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-weight: 500;
}

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

.immomakler-single .beon-data-wrapper .list-group {
	columns: 3;
	border-left: solid 1px var(--e-global-color-text);
	padding-bottom: 40px;
	position: relative;
}

.immomakler-single .beon-data-wrapper .list-group::after, .immomakler-single .beon-data-wrapper .list-group::before {
	content:"";
	position: absolute;
	height: 100%;
	width: 1px;
	background-color: var(--e-global-color-text);
	left: calc((100% / 3) + 4px);
	top: 0;
}

.immomakler-single .beon-data-wrapper .list-group::before {
	left: calc(((100% / 3) * 2) + 10px);
}

.immomakler-single .beon-data-wrapper .list-group .list-group-item {
	padding: 0 0 0 25px;
}

.immomakler-single .beon-data-wrapper .list-group .list-group-item .row {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.immomakler-single .beon-data-wrapper .list-group .list-group-item .row .dt {
	font-weight: 500;
}

.immomakler-single .beon-data-wrapper .list-group .list-group-item .row .dd {
	color: var(--e-global-color-text);
}

.immomakler-single .beon-tabs {
	width: calc(100% - 320px);
}

.immomakler-single .beon-tabs .beon-tab-buttons {
  display: flex;
  gap: 55px;
  border-bottom: 1px solid var(--e-global-color-accent);
  width: 100%;
  scrollbar-width: none; /* Firefox */
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 15px;
}

.immomakler-single .beon-tab-buttons::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.immomakler-single .beon-tab-button {
  background: none;
  border: none;
  padding: 0;
  color: var(--e-global-color-text);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  cursor: pointer;
  position: relative;
  transition: color 0.3s ease;
  white-space: nowrap;
  text-transform: uppercase;
}

.immomakler-single .beon-tab-button:hover, .immomakler-single .beon-tab-button:focus {
  border: none !important;
  color: var(--e-global-color-text) !important;
}

.immomakler-single .beon-tab-button.active::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -15px;
  height: 2px;
  background-color: var(--e-global-color-text);
}

.immomakler-single .beon-tab-content {
  display: none;
  padding: 20px 0;
}

.immomakler-single .beon-tab-content.active {
  display: block;
}

.immomakler-single .beon-merkmale-wrapper {
	padding: 100px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrwap;
}

.immomakler-single .list-group.beon-features .list-group-item {
	padding-left: 0;
	
}

.immomakler-single .beon-merkmale-wrapper .property-epass .panel-body {
	padding: 0;
}

.immomakler-single .beon-merkmale-wrapper .property-epass {
	border: none;
}

.immomakler-single .beon-merkmale-wrapper .property-epass .list-group-item {
	padding: 0 0 5px;
}

.immomakler-single .beon-merkmale-wrapper .property-epass .list-group-item .dt {
	font-weight: 400;
}

.immomakler-single .beon-merkmale-wrapper .property-epass .list-group-item .dd {
	font-weight: 500;
	color: #655E52;
}

/* Popup */
.immomakler-single .beon-gallery-popup {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.8);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.immomakler-single .beon-gallery-popup.active {
    display: flex;
}

.immomakler-single .beon-gallery-popup-inner {
    position: relative;
    width: 90%;
    max-width: 600px;
    background: #FFF;
}

.immomakler-single .beon-gallery-popup-close, .immomakler-single .immo-popup-close {
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 32px;
    color: #000;
    cursor: pointer;
    z-index: 10;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #FFF;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: 1em;
}

.immomakler-single .beon-gallery-popup img {
    width: 100%;
    height: auto;
    display: block;
}

.immomakler-single .beon-image-count-button {
    border: solid 1px #655E52 !important;
    background-color: #FFF !important;
    color: #000 !important;
}

.immomakler-single .immomakler-swiper-gallery {
	position: relative;
}

.immomakler-single .immomakler-swiper-gallery .immo-popup-open-button {
	position: absolute;
    right: calc(50% - 530px);
    bottom: 0;
	bottom: 22px;
    z-index: 9;
    background-color: #FFF;
    border: none;
}

.immomakler-single #immo-gallery-popup .immo-popup-inner {
	max-width: 900px;
}

.immomakler-single .beon-gallery-swiper .swiper-button-prev, .immomakler-single  .beon-gallery-swiper .swiper-button-next {
    width: 38px;
    height: 38px;
    padding: 0;
    background-color: #FFF;
    border-radius: 50%;
    left: auto;
    top: auto;
    bottom: 34px;
    transition: all 300ms ease;
	border: solid 1px #000;
}

.immomakler-single #immo-gallery-popup .popup-swiper-next, .immomakler-single #immo-gallery-popup .popup-swiper-prev {
    width: 38px;
    height: 38px;
    padding: 0;
    background-color: #FFF;
    border-radius: 50%;
    left: auto;
    top: auto;
    bottom: 34px;
    transition: all 300ms ease;
}

.immomakler-single .beon-gallery-swiper .swiper-button-prev, .immomakler-single #immo-gallery-popup .popup-swiper-prev {
    right: 67px;
    padding-right: 2px;
}

.immomakler-single .beon-gallery-swiper .swiper-button-next:after, .immomakler-single .beon-gallery-swiper .swiper-button-prev:after,.immomakler-single #immo-gallery-popup .popup-swiper-next::after, .immomakler-single #immo-gallery-popup .popup-swiper-prev::after {
    font-size: 14px !important;
    color: #000 !important;
    font-weight: 900;
}


.immomakler-single .beon-first-buttonwrapper {
	padding: 55px 0 15px;
	display: flex;
	flex-directio: row;
	justify-content: space-between;
}

.immomakler-single .beon-first-buttonwrapper .beon-open-map {
	background-color: var(--e-global-color-accent);
	border-color: var(--e-global-color-accent);
	gap: 9px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.immomakler-single .beon-first-buttonwrapper .beon-open-map:hover {
	border-color: var(--e-global-color-primary);
}

.immomakler-single > .beon-property-title {
	display: none;
}

.beon-property-map, #beon-contact-form-wrapper {
	opacity: 0;
	visibility: hidden;
	transition: all 300ms ease;
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 99999;
	background-color: #c7beaf6b;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.beon-property-map.beon-map-visible, #beon-contact-form-wrapper.beon-form-visible {
	opacity: 1;
	visibility: visible;
}

#beon-singleimmo-map-wrapper, #immomakler-map-iframe {
	width: 60svw;
	height: 65svh;
	position: relative;
}

.beon-property-map #beon-close-map, .immomakler-single #beon-close-form {
	position: absolute;
	right: -19px;
	top: -19px;
	padding: 0;
	width: 38px;
	height: 38px;
	background-color: #FFF;
	z-index: 99;
	border: none;
}

.beon-property-map #beon-close-map:hover {
	border: none;
}

.immomakler-single .swiper-pagination {
	display: none;
}

#beon-contact-form-wrapper .beon-contact-form {
	background-color: var( --e-global-color-2dd016c );
	padding: 40px;
	position: relative;
	max-width: 100%;
	width: 800px;
	max-height: 90svh;
}

.beon-property-map #beon-close-map img, .immomakler-single #beon-close-form img {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.immomakler-single .beon-contact-section {
	width: 100svw;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	min-height: 500px;
	margin: 0 -75px;
}

.immomakler-single .beon-contact-section .beon-contact-left-col {
	width: 50%;
}

.immomakler-single .beon-contact-section .beon-contact-right-col {
	background-color: var(--e-global-color-text);
	width: 50%;
}

.immomakler-single .beon-contact-inner {
	padding: 40px 75px 40px 50px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	align-items: flex-end;
}

.immomakler-single .beon-contact-inner .beon-h4 {
	color: #FFF !important;
	padding-top: 20px;
	border-top: solid 1px #FFF;
	width: 100%;
}

.immomakler-single .beon-contact-inner .beon-contact-zitat {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 440px;
	align-items: flex-start;
	gap: 30px;
}

.immomakler-single .beon-contact-inner .beon-contact-zitat p {
		color: #FFF;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 30px;
		position: relative;
}

.immomakler-single .beon-contact-inner .beon-contact-zitat p:after {
	content:"”";
	font-size: 163px;
	font-style: normal;
	font-weight: 500;
	line-height: 33px;
	position: absolute;
	top: -25px;
	left: 0;
	opacity: 0.2;
}

.immomakler-single .beon-contact-inner .beon-contact-zitat .beon-expose {
    position: static !important;
    background-color: transparent !important;
    color: #FFF;
    border: solid 1px #FFF;
    padding: 11px 23px !important;
    transition: all 300ms 
ease;
}

#immomakler-contactform label {
	font-weight: 500;
	color: var(--e-global-color-secondary) !important;
	font-size: 12px;
	margin-top: 10px !important;
}

#immomakler-contactform input {
	border: none;
	border-bottom: solid 1px var(--e-global-color-accent);
	background-color: transparent;
	padding: 0 !important;
	color: var(--e-global-color-primary);
	font-size: 14px;
}

#immomakler-contactform .col-xs-9, #immomakler-contactform .col-xs-4 {
	padding-left: 0;
}

#immomakler-contactform form .form-group .col-xs-12 {
	padding-right: 15px !important;
}

#immomakler-contactform .checkbox label {
	margin-top: 0 !important;
}

#immomakler-contactform .checkbox label a {
	color: var(--e-global-color-primary) !important;
	text-decoration: underline;
}

#immomakler-contactform .checkbox label {
	color: var(--e-global-color-primary) !important;
}

#immomakler-contactform .mandatory {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 12px;
	color: var(--e-global-color-primary);
}

#immomakler-contactform form > .col-xs-12 {
	position: static;
}

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

#immomakler-contactform .submit.btn {
		background-color: var(--e-global-color-accent);
		color: var(--e-global-color-primary) !important;
		border-radius: 50px;
		border: solid 1px var(--e-global-color-accent);
		transition: border 300ms ease;
		opacity: 1 !important;
		padding: 13px 30px;
}

#immomakler-contactform .submit.btn:hover {
		border: solid 1px var(--e-global-color-primary);
}

#immomakler-contactform .immomakler-contactform-send > .col-xs-12 {
	margin-top: 20px !important;
}

.immomakler-single .beon-tide-wrapper .beon-open-map {
	display: none;
}
	
.immomakler-single .beon-section-kaufpreis .beon-tide-wrapper .beon-image-count-button {
	display: none;
}







/**
***
***
***
***
*** Laptop Anpassungen  ***
	1360px - 1025px		***
						***
						***
						***
						**/




@media all and (max-width: 1360px) and (min-width: 1025px) {
	
	
	
}




/**
***
***
***
***
*** Tablet Anpassungen  ***
	1024px - 768px		***
						***
						***
						***
						**/




@media all and (max-width: 1024px) {
	
	body .immomakler-archive {
		padding: 0 10px;
	}
	
	.beon-property .property-container {
		flex-direction: column;
	}
	
	.beon-property .property-container .property-thumbnail {
		width: calc(100vw - 20px);
	}
	
	.beon-property .property-container .property-details  {
		padding: 20px 0 0 0;
		width: 100%;
	}
	
	.beon-property-data .dd {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	.immomakler-archive .property.beon-property {
		padding: 0 0 32px 0;
		margin-bottom: 32px;
	}
	
	#immomakler-search-form .search-taxonomies {
		flex-direction: column;
		gap: 20px;
		margin-bottom: 0;
		width: 100%;
	}
	
	#immomakler-search-form .search-taxonomies > .dropdown {
		width: 100%;
	}
	
	#immomakler-search-form {
		flex-direction: column;
	}
	
	#immomakler-search-advanced {
		width: 100%;
	}
	
	.immomakler-archive .beon-h1-immo-archive {
			display: flex;
			flex-direction: column;
	}
	
	.immomakler-archive .owl-carousel .owl-nav {
		display: none;
	}
	
	.immomakler-archive .owl-carousel .owl-dots {
		display: block !important;
	}
	
	.immomakler-archive .owl-carousel .owl-dots .owl-dot.active span {
		background: #FFF;
	}
	
	.properties.beon-grid {
		display: flex !important;
		flex-direction: column;
		gap: 10px;
	}
	
	.immomakler-archive .properties.beon-grid .owl-carousel .owl-dots {
		display: none !important;
	}
	
	.properties.beon-grid .property-text-wrapper-grid {
		opacity: 1 !important;
	}
	
	.immomakler-archive .properties.beon-grid div.property-thumbnail .owl-carousel .owl-item img {
		aspect-ratio: 1.18 !important;
	}
	
	.immomakler-archive .properties.beon-grid .property.beon-property .property-thumbnail {
		height: 100%;
	}
	
	.properties.beon-grid > .row {
		aspect-ratio: 1.18;
	}
	
	.properties.beon-grid .property-text-wrapper-grid {
		padding: 22px;
	}
	
	.immomakler-archive .beon-h1-immo-archive {
		margin: 30px 0 10px 0;
	}
	
	#beon-map-button {
		right: 10px;
		bottom: 20px;
	}
	
	.immomakler-single .swiper-pagination {
		display: block;
	}
	
	.immomakler-archive .property-status-bar {
		top: 10px;
		left: 13px;
	}
	
	.immomakler-archive .beon-map .immomakler-map {
		max-width: 85svw;
	}
	
	
	
	/*Immomakler Single*/
	
	body .immomakler-single {
		padding: 0 10px;
		overflow: hidden;
	}
	
	.immomakler-single .beon-section-kaufpreis {
		display: flex;
		flex-direction: column;
		gap: 35px;
	}
	
	.immomakler-single .beon-data-wrapper .list-group {
		columns: 2;
	}
	
	.immomakler-single .beon-data-wrapper .list-group .list-group-item .row > div {
		width: 100%;
	}
	
	.immomakler-single .beon-data-wrapper .list-group::before {
		width: 0;
	}
	
	.immomakler-single .beon-data-wrapper .list-group::after {
		left: calc((100% / 2) + 6px);
	}
	
	.immomakler-single .swiper-pagination-bullet {
		background: #FFF;
	}
	
	#beon-contact-form-wrapper .beon-contact-form {
		max-width: calc(100% - 60px);
	}
	
	.immomakler-single .beon-contact-section {
		display: flex;
		flex-direction: column;
		margin: 0 -10px;
	}
	
	.immomakler-single .beon-contact-section .beon-contact-left-col, .immomakler-single .beon-contact-section .beon-contact-right-col {
		height: 490px;
		width: 100%;
	}

	body .immomakler-single .beon-expose {
		right: 10px;
	}
	
	.immomakler-single .immomakler-swiper-gallery .immo-popup-open-button {
		display: none;
	}
	
	.immomakler-single .beon-section-kaufpreis .beon-tide-wrapper .beon-image-count-button {
		display: block;
		width: 100%;
		border-color: var(--e-global-color-accent) !important;
		margin-bottom: 20px;
	}

}




/**
***
***
***
***
*** Mobil Anpassungen  ***
	 < 768px		***
						***
						***
						***
						**/




@media all and (max-width: 767px) {
	
	.immomakler-single .beon-section-kaufpreis {
		padding: 50px 0 !important;
	}
	
	.immomakler-single .beon-data-wrapper {
		padding: 50px 10px;
		margin: 0 -10px;
	}
	
	.immomakler-single .beon-data-wrapper .property-details {
		display: flex;
		flex-direction: column;
		gap: 35px;
	}
	
	.immomakler-single .beon-data-wrapper .list-group {
		columns: 1;
		border-left: none;
		padding: 0;
	}
	
	.immomakler-single .beon-data-wrapper .list-group::after {
		width: 0;
	}
	
	.immomakler-single .beon-data-wrapper .list-group .list-group-item {
		padding-left: 0;
	}
	
	.immomakler-single .beon-data-wrapper .list-group .list-group-item:not(:last-child) {
		margin-bottom: 5px;
	}
	
	.immomakler-single .beon-data-wrapper .list-group .list-group-item .row {
		flex-direction: row;
		justify-content: space-between;
	}
	
	.immomakler-single .beon-data-wrapper .list-group .list-group-item .row::after, .immomakler-single .beon-data-wrapper .list-group .list-group-item .row::before {
		display: none;
	}
	
	.immomakler-single .beon-data-wrapper .list-group .list-group-item .row .dd {
		text-align: right;
		width: max-content;
	}
	
	.immomakler-single .beon-data-wrapper .list-group .list-group-item .row .dt {
		width: max-content;
	}
	
	.immomakler-single .beon-merkmale-wrapper {
		display: flex;
		flex-direction: column;
		padding: 50px 0;
		gap: 35px;
	}
	
	.immomakler-single .beon-merkmale-wrapper > div {
		width: 100%;
	}
	
	.immomakler-single .beon-contact-section .beon-contact-left-col {
		height: 245px;
	}
	
	.immomakler-single .beon-contact-section .beon-contact-right-col {
		height: 475px;
	}
	
	.immomakler-single .beon-contact-section .beon-contact-right-col .beon-contact-inner {
		padding: 40px 10px 60px 10px;
	}
	
	.immomakler-single .beon-contact-section .beon-contact-right-col .beon-contact-inner .beon-expose {
		width: 100%;
	}
	
	#beon-contact-form-wrapper .beon-contact-form {
		max-width: calc(100% - 20px);
		padding: 15px;
		max-height: calc(100svh - 20px);
	}
	
	#beon-contact-form-wrapper .immomakler-contactform-send > .col-sm-8 {
		display: none;
	}
	
	#beon-contact-form-wrapper .checkbox label {
		line-height: 1.2em;
	}
	
	#immomakler-contactform label {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	.immomakler-single #beon-close-form {
		right: -5px;
		top: -5px;
	}
	
	#beon-contact-form-wrapper {
		padding-bottom: 40px;
	}
	
	#immomakler-contactform form .form-group:first-child {
		display: flex;
		flex-direction: row;
		flex-wrap: no-wrap;
	}
	
	#beon-contact-form-wrapper .beon-h4 {
		margin-bottom: 10px !important;
	}
	
	#beon-singleimmo-map-wrapper, #immomakler-map-iframe {
		width: 85svw;
	}
	
	.immomakler-single .beon-open-map, .immomakler-single #beon-beschreibung-read-more {
		width: 100%;
	}
	
	.immomakler-single .beon-action-wrapper, .immomakler-single .beon-first-buttonwrapper, .immomakler-single .beon-action-wrapper > div {
		max-height: 0;
		padding: 0;
		min-height: 0;
	}
	
	.immomakler-single .beon-tide-wrapper .beon-open-map {
		display: flex;
		gap: 10px;
		justify-content: center;
	}
	
	.immomakler-single  .beon-first-buttonwrapper .beon-open-map {
		display: none;
	}
	
}