/*
 Theme Name:     Jupp Immobilien
 Theme URI:      http://mindcopter.com
 Text Domain:    juppimmo-textdomain
 Description:    child theme for Jupp Immobilien
 Author:         mindcopter
 Author URI:     http://mindcopter.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/poppins-v23-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/poppins-v23-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manjari-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manjari';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/manjari-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* manjari-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manjari';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/manjari-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
	--background-color: #fff;
	--background-color2: #e5eff7;
    --text-color: #161b28;	
	--blau: #0a66a7;
	--blau2: #86b4d3;
	--gruen: #09bc8a;

	--cubic-bezier-transition: all 0.4s ease-in-out;
	--font-family1:  'Poppins', sans-serif;
	--font-family2:  'Manjari', 'Poppins', sans-serif;
}

::placeholder {
  color: #9a9a9a !important;
  opacity: 1; /* Firefox */
}
::-ms-input-placeholder { /* Edge 12 -18 */
  color: #9a9a9a !important;
}
::selection {
	color: #fff;
	background-color: var(--blau);
}

*, 
.et_pb_member_position,
.indrevdiv, .indrevdiv p{
 	font-family: var(--font-family1);
	color:var(--text-color);
}
.et_pb_bg_layout_light p, 
.et_pb_bg_layout_light li,
.et_pb_toggle_close .et_pb_toggle_title, 
.et_pb_toggle_close h5.et_pb_toggle_title{
	color:var(--text-color);
}
.et_pb_bg_layout_dark h1,
.et_pb_bg_layout_dark h2,
.et_pb_bg_layout_dark h3,
.et_pb_bg_layout_dark p,
.et_pb_bg_layout_dark li,
.et_pb_bg_layout_dark strong,
.et_pb_bg_layout_dark a,
.et_pb_bg_layout_dark i,
.et_pb_text.light-text,
.et_pb_text.light-text p,
.et_pb_text.light-text strong{
	color:#fff;
}

header nav a{
	font-family: var(--font-family1);
	font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));
}
header nav .sub-menu a,
.et-db #et-boc .et-l .nav li li a{
	font-size:calc(14px + (17 - 16) * ((100vw - 300px) / (1600 - 300)));
}
h1, h2, h3, h4, h5, h6{
	font-family: var(--font-family1);
	font-size: calc(16px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));
	line-height: 1.15em;
}
h1{
	font-family: var(--font-family2);
	font-weight: bolder;
 	font-size: calc(27px + 10 * ((100vw - 300px) / 1300)); /*calc(37px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));*/
	line-height: 1.1em;
	margin-bottom:25px;
}
h1 strong{
	font-family: var(--font-family1);
	font-weight: bolder;
	font-size: calc(27px + 10 * ((100vw - 300px) / 1300)); /*calc(37px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));*/
	line-height: 1.1em;
}
body:not(.page-id-2) h1{
	 font-family: var(--font-family2);
	 font-weight: bolder;
	 font-size: calc(27px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));
}
h2{
	font-family: var(--font-family1);
	font-weight: 700;
	font-size: calc(20px + 6 * ((100vw - 300px) / 1300));
}
.immomakler-single .panel-heading h2{
	font-family: var(--font-family1);
	font-weight: 700;
	font-size: calc(20px + 2 * ((100vw - 300px) / 1300));
}
h3{
	font-family: var(--font-family2);
	font-weight: bold;
 	font-size: calc(20px + 2 * ((100vw - 300px) / 1300));
	margin-top: 15px;
}
h2 ~ h3{
	margin-bottom:15px; 
	margin-top:0;
}
h4,
.et_pb_team_member h4.et_pb_module_header,
h5.et_pb_toggle_title{
	font-family: var(--font-family1);
	font-weight: 700;
	font-size: calc(16px + (17 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
}
.opener h4{
	text-align: center;
	font-size: 2em !important;
	padding: 18px 0 30px 0;
}
footer h4.et_pb_module_header span, 
footer h4.et_pb_module_header a{
	font-family: var(--font-family2);
	font-weight: 600;
	font-size: calc(16px + (17 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
	text-shadow: 0.5px .5px .5px rgba(0,0,0,.7);
}
footer h5, 
footer h6{
	font-family: var(--font-family1);
	font-weight: 600;
 	font-size: calc(16px + (19 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
	margin-top: 25px;
}

p, 
.et_pb_blurb_description,
.et_pb_promo_description div, 
.table .tr .td,
.et_pb_toggle_content,
.et_pb_team_member_description div,
.et_pb_team_member_description div p{
	font-size: calc(15px + 1 * ((100vw - 300px) / (1600 - 300)));
	line-height: calc(1.65em + (1.8 - 1.4) * ((100vw - 300px) / (1600 - 300)));
}

.page-id-2 .et_pb_team_member_description div,
.page-id-2 .et_pb_team_member_description div p{
	font-size: calc(13px + 1 * ((100vw - 300px) / (1600 - 300)));
	line-height: calc(1.35em + (1.8 - 1.4) * ((100vw - 300px) / (1600 - 300)));
	font-weight: 600;
}



@media (max-width: 768px) {
    p, 
    .et_pb_blurb_description, 
	.et_pb_promo_description div, 
    .table .tr .td,
    .et_pb_toggle_content{
        font-size: calc(0.95 * (15px + 1 * ((100vw - 300px) / (1600 - 300))));
    }
	h1 {
		font-size: calc(0.75 * (37px + (20 - 14) * ((100vw - 300px) / (1600 - 300))));
		margin-bottom: 0;
	}
	h1 strong {
		font-size: calc(25px + 1 * ((100vw - 300px) / 1300));
	}
	body:not(.page-id-2) h1 {
		font-size: calc(23px + 3 * ((100vw - 300px) / 1300)) !important;
		line-height: 1em;
	}
	.listenvariante h2{
		font-size: calc(18px + 1 * ((100vw - 300px) / 1300)) !important;
	}
	.et_pb_section,
	.post-type-archive-immomakler_object #et-boc .et-l .et_pb_section{
	    padding: 0 0;
	}
	.et_pb_column .et_pb_row_inner, 
	.et_pb_row,
	.post-type-archive-immomakler_object #et-boc .et-l .et_pb_row{
        padding: 20px 0;
    }
	.et_pb_column {
		margin-bottom: 0;
	  }
	.et_pb_button {
		font-size: 1.3em;
		line-height: 1.3em !important;
		margin: 5px 0;
	}
}

.et_pb_column .et_pb_text ul,
.et_pb_blurb_description ul{
	padding: 0.9em 0 0 3em;
	list-style-type: none;
}
.et_pb_column .et_pb_text ul li,
.et_pb_blurb_description ul li{
	font-size: calc(15px + 1 * ((100vw - 300px) / 1300));
	line-height: 1.65em;
	line-height: calc(1.65em + (1.8 - 1.4) * ((100vw - 300px) / (1600 - 300)));
	margin-bottom:15px;
	font-weight: 600;
}
.header-zeile .introopener .et_pb_column .et_pb_text ul{
	margin-top: -20px;
}
.header-zeile .et_pb_column .et_pb_text ul li{
	font-size: calc(17px + 3 * ((100vw - 300px) / 1300));
}

.et_pb_column .et_pb_text ul li::before,
.et_pb_blurb_description ul li::before{
	content: '\f14a';
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
	font-size: 26px;
	position: absolute;
	left: 9px;
	width: 2px;
	height: 18px;
	margin-top: -1px;
}
.et_pb_column .et_pb_text.listenvariante ul li::before,
.et_pb_blurb_description.listenvariante ul li::before{
	content: '\f04b';
	font-family: "Font Awesome 6 Free";
}
@media (max-width: 768px) {
	.et_pb_column .et_pb_text.listenvariante a{
		font-size: calc(17px + 1 * ((100vw - 300px) / (1600 - 300)));
		line-height: 1em;
	}
	.et_pb_column .et_pb_text ul li::before, .et_pb_blurb_description ul li::before{
		font-size: calc(15px + 1 * ((100vw - 300px) / (1600 - 300)));
		margin-top: 1px;
	}
	.et_pb_column .et_pb_text ul, .et_pb_blurb_description ul {
		padding: 0.9em 0 0 2.2em;
	}
	.et_pb_column .et_pb_text ul li, .et_pb_blurb_description ul li {
		margin-bottom: 5px;
	}
}

.et_pb_row,
.post-type-archive-immomakler_object #et-boc .et-l .et_pb_row{
	width: 94%;
}
@media (min-width: 981px) and (max-width: 1440px) {
	.et_pb_row,
	.post-type-archive-immomakler_object #et-boc .et-l .et_pb_row{
		width: 88%;
		margin-left: 50px;
	}
	#seiten-menue .et_pb_row{
		margin: auto;	
	}
	#seiten-menue .et_pb_column_1_6 {
		width: 105px !important;
	}
	#seiten-menue .et_pb_column_1_6 .et_pb_blurb_content {
		margin-left: -5px
	}
	
	.et_pb_button {
		font-size: calc(16px + (15 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
	}
}

/*Navigation*/
.et_pb_scroll_top.et-pb-icon{
	background: var(--blau);
}
.et-menu .fa-solid {
	font-weight: 900;
	min-width: 20px;
	text-align: center;
}

@media(min-width:981px){
	.et_pb_scroll_top.et-pb-icon{
		bottom: 75px;
	}
}
.et_pb_button {
	font-weight: 600 !important;
	letter-spacing: 1px;
	padding-right: 2.5em !important;
	padding-left: 1.4em !important;
	border: none !important;
}
.et-menu a,
.post-type-archive-immomakler_object  #et-boc .et-l .et-menu a{
	color: #161b28;
	font-weight: 600;
}
.et_pb_menu .et_pb_menu__wrap,
.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__wrap{
 	-webkit-box-pack: end;
 	-ms-flex-pack: end;
	justify-content: flex-end;
}
.nav li ul,
.et_pb_menu_1_tb_header.et_pb_menu .nav li ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et-menu-nav > ul ul{
	border-top: 0 solid rgba(255,255,255,0) !important;
	width:360px;
}
.nav li li,
.et_pb_menu_1_tb_header.et_pb_menu .nav li ul.sub-menu li,
.et-db #et-boc .et-l .nav li li{
	padding: 0 10px;
	line-height: 1.4em !important;
	width:300px;
}
.et-menu li li a,
.et-db #et-boc .et-l .et-menu li li a{
	padding: 6px 6px;
}
.et_pb_menu .et-menu-nav > ul ul {
	padding-top: 22px;
}
.et-menu li li a,
.et-db #et-boc .et-l .nav li li a{
	width:340px;
}
#menu-kontakt-menue li,
.et-db #et-boc .et-l .et_pb_menu #menu-kontakt-menue > li{
	background: var(--blau2);
	padding: 9px 29px 1px 25px;
	margin-top: -10px;
}
#menu-kontakt-menue li:last-child,
.et-db #et-boc .et-l .et_pb_menu #menu-kontakt-menue li:last-child {
	background: var(--blau);
}
#menu-kontakt-menue li a,
#menu-kontakt-menue li a i{
	color: #fff;
}
#menu-hauptmenue {
	margin-top: 20px;
	margin-bottom: -20px;
}
#mobile_menu2,
.et_pb_menu_1_tb_header.et_pb_menu .nav li ul.sub-menu, 
.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu, 
.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu #menu-hauptmenue li ul, 
.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu #mobile_menu2, 
.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu #mobile_menu2 ul{
	background-color: #fff !important;
}
#menu-hauptmenue > .menu-item:not(.highlight-btn) > a:hover::before,
#menu-hauptmenue > .menu-item.current-menu-item:not(.highlight-btn) > a::before{
	transform: scaleX(1);
}
#menu-hauptmenue > .menu-item.current-page-ancestor > a::before {
  transform: scaleX(1) !important;
}
#menu-hauptmenue .menu-item:not(.highlight-btn) a::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 4px;
	left: 0;
    bottom: -4px;
	transform: scaleX(0);
	transition: transform 0.3s ease;
	background-color: var(--blau);
	border-radius: 15px;
}
#menu-hauptmenue .menu-item.current-menu-item:not(.highlight-btn) a::before{
	background-color: var(--blau2);
}
#main-header.et-fixed-header #menu-hauptmenue a::before {
	bottom: 10px !important;
	transition: transform 0.3s ease-in-out;
}
#menu-hauptmenue > ul > li > a:hover {
	opacity: 0.7;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#menu-hauptmenue .sub-menu .current-menu-item a{
	background-color: var(--blau2);	
	color: #fff;
}

/* Mobil Menü */
.mobile_menu_bar::before,
.et-db #et-boc .et-l .et_pb_module .mobile_menu_bar::before{
	font-size: 42px;
}
.mobile_menu_bar::after {
	content: "Menü";
	font-size: 26px;
	position: relative;
	left: 0;
	top: -7px;
	cursor: pointer;
	font-family: 'Cairo', sans-serif;
}
#mobile_menu2 { 
	display: block !important; 
	min-height: 100vh; 
	top: 0 !important; 
	border-top: none !important; 
	z-index: 9998; 
	padding-top: 0 !important; 
	margin-top: 46px;
	min-width:350px;
	left: -22px !important; 
}
.et_mobile_menu li a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a{
	/*padding: 8px 0 6px 0;*/
	font-weight: 600;
}
.et_mobile_menu .sub-menu li a {
	font-weight: 500;
}
.et-l--header ul {
	line-height: 20px;
}
.et_mobile_menu li li {
	padding-left: 1%;
}

.mobile_nav.closed #mobile_menu2{
	transform: rotateY(90deg); 
	-webkit-transform: rotateY(90deg);
	transform-origin: right; 
	-webkit-transform-origin: right;
	background: #fff; 
	transition: .8s ease-in-out !important; 
}

.mobile_nav.opened #mobile_menu2,
.post-type-archive-immomakler_object #et-boc .et-l .mobile_nav.opened .et_pb_menu #mobile_menu2{
	transform: rotateY(0deg); 
	-webkit-transform: rotateY(0deg);
	 transform-origin: right; 
	-webkit-transform-origin: right;
	background: var(--background-color2) !important; 
	transition: .8s ease-in-out; 
	list-style-type: none;
}

.mobile_nav.opened .mobile_menu_bar:before,
.post-type-archive-immomakler_object #et-boc .et-l .mobile_nav.opened .mobile_menu_bar:before{
 	content: "\4d"; 
}
@media(max-width:979px){
	.et_pb_section.et_pb_section_0_tb_header .et_pb_row.et_pb_gutters1.et_pb_row_1-4_3-4,
	.post-type-archive-immomakler_object #et-boc .et-l .et_section_specialty > .et_pb_row{
		width: 100%;
		padding: 0 0 0 3% !important;
	}
	.badges .et_pb_column_1_5,
	.badges .et_pb_gutters1.et_pb_row .et_pb_column{
		position: absolute;
		max-width: 50px;
		right: 0;
		margin: 0 !important;
	}
}
@media(max-width: 767px) {
	.meta-navi{
		display: none !important;
	}
	.badges .et_pb_column_1_5,
	.badges .et_pb_gutters1.et_pb_row .et_pb_column{
		max-width: 40px;
	}
}
/*Seitenmenü / Sidebar*/
#seiten-menue .et_pb_column:last-child,
#seiten-menue .et_pb_column.et_pb_column_1_6.et_pb_sticky_module.et-last-child{
	position: absolute;
	right: 0;
	top: 100px;
}
#seiten-menue .et_pb_main_blurb_image,
#seitenmenu-mobil .et_pb_main_blurb_image {
	margin-bottom: 0 !important;
}

#seiten-menue .et_pb_blurb{
	margin-top: 2px !important;
}
#seiten-menue .et_pb_image_wrap{
	width:60px !important;
}
#seitenmenu-mobil .et_pb_main_blurb_image .et_pb_image_wrap{
	width:40px !important;
}
#seiten-menue h4 {
	font-size: 10px !important;
	line-height: 1.3em;
}
#seiten-menue {
	height: 0 !important;
}
#seiten-menue .et_pb_blurb_content:hover {
	opacity: 0.8;
	transition: all 0.25s ease-in-out;
}
#seiten-menue a{
	font-size: calc(15px + 1 * ((100vw - 300px) / (1600 - 300))) !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,.8)
}
#seitenmenu-mobil .et_pb_column{
	width:25% !important;
}
#seitenmenu-mobil .et_pb_blurb{
	border-top: 1px solid;
}

@media (max-width: 980px) {
	.slide_in_mobile {
		position:fixed;
		bottom: 0 !important;
		right:0px !important;
		left:0px !important;
		z-index:99999999;
		transform: translateY(100%);
		transform: translateY(0);
		transition: 0.5s ease-out;
	}
}
.et-db #et-boc .et-l #seiten-menue .et_pb_blurb{
	margin-bottom: 2px !important;
	margin-top: 2px !important;
}
/*Inhalt*/
.header-sektion{
	padding-bottom:0 !important;
}
.et_pb_section_1,
.et_pb_section_1 .et_pb_row{
	padding-top:0 !important;
}
@media(min-width:980px){
	body:not(.page-id-2) .et_pb_section_1 .et_pb_row:first-child .et_pb_column.et_pb_column_4_4{
		margin-top: -130px !important;
	}
}
.header-sektion .et_parallax_gradient{
	/*background-image: linear-gradient(173deg,rgba(22,27,40,0.8) 49.9%,var(--background-color2) 50%) !important;*/
	background-image: linear-gradient(173deg,rgba(255,255,255,0.6) 49.9%,var(--background-color2) 50%) !important;
}
div.diagonaler_verlauf_dunkel{
	background-image: linear-gradient(173deg, var(--background-color2) 49.9%,var(--text-color) 50%) !important;
}
div.diagonaler_verlauf_hell{
	background:var(--background-color2) !important;
}
.opener, 
.introopener,
.weissbg{
	border-radius: 15px;
	padding: 20px 15px 15px;
	background: var(--blau);
	margin:0 0 5px 0;
}
.introopener{
	background: var(--text-color);
}
.weissbg{
	background: #fff;
}
.opener .et_pb_text,
.introopener .et_pb_text{
	margin-bottom: 5px;
}

.diagonaler_verlauf_dunkel .et_pb_specialty_column{
	margin-top: 25px;
	margin-bottom: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
@media(min-width:981px){
	.diagonaler_verlauf_dunkel .et_pb_specialty_column{
		margin-top: 25px;
		margin-bottom: 0;
		border-top-left-radius: 15px;
		border-bottom-left-radius: 15px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	#et-main-area{
		margin-top:-150px;
	}

}

@media (min-width: 981px) and (max-width: 1440px) {
	.header-sektion .header-zeile .opener {
		margin-top: -70px;
		max-width: 410px
	}
	.header-sektion  .header-zeile .et_pb_column.opener  .et_pb_text ul li a,
	.header-sektion  .header-zeile .et_pb_column.opener  .et_pb_text ul li {
		font-size: calc(15px + 5 * ((100vw - 300px) / 1300)) !important;
	}
}
@media(min-width:1441px){
	.header-sektion .header-zeile .opener {
		/*margin-top: -200px;*/
		margin-top: -110px;
		max-width: 470px;
	}	
}
@media (max-width: 980px) {
	.header-sektion{
		padding-top:20px;
	}
}
.entry-content tr td {
	border-top: 1px solid var(--text-color);
	padding: 6px 15px;
	background: #fff;
}
/*FAQ*/
@media(max-width:767px){
	.et_pb_toggle_close,
	.et_pb_toggle_open{
		padding:10px;
	}
}

.et_pb_accordion_item{
	margin-bottom:0 !important;
}
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title::before{
	display:block !important;
	content: "\f146" !important;
}

/*Team*/
.et_pb_team_member_image img{
	border-radius: 15px;	
}
.page-id-2 .et_pb_team_member_description{
	border-radius: 15px;
	padding: 15px;
	background: #fff;
	max-width: 380px;
	z-index: 2;
	position: relative;
}
.et_pb_team_member_image {
	max-width: 100%;
	left: 0;
	line-height: 0 !important;
	z-index: 1;
}
.et_pb_team_member{
	max-width: 330px;
	margin: 0 auto;
}
/*Über Uns*/
@media(min-width:980px){
	.page-id-1822 .et_pb_team_member .et_pb_team_member_image {
		width: 40.5%;
		max-width:290px;
		display: block;
		float: left;
		margin-bottom: 0!important;
		overflow: hidden;
		height: 100%;
		color: #fff!important;
	}

	.page-id-1822 #main-content .et_pb_team_member_description .et_pb_member_position{ 
		padding:0; 
		margin: 0 0 7px 0; 
		font-weight:600;
	} 

	.page-id-1822 .et_pb_team_member .et_pb_team_member_description {
		width: 59.5%;
		display: block;
		float: left;
		padding: 5px 0 0 15px !important; /*3.3vw 2.6vw !important;*/
		position: relative;
	}

	.page-id-1822 .et_pb_team_member .et_pb_team_member_image:before {
		content: "";
		width: 0;
		height: 0;
		display: block;
		position: absolute;
		bottom: 0;
		top: 0;
		margin: auto;
		transform: rotate(45deg);
		visibility: visible !important;
		z-index: 3 !important;
		border: 35px solid;
		margin-left: 90%;
	}
}


/**--------------**/
.ortsliste .et_pb_gutters1 .et_pb_column_1_5:first-child, .ortsliste .et_pb_gutters1.et_pb_row .et_pb_column_1_5:first-child{
	width: 100%;
}
.ortsliste .et_pb_gutters1 .et_pb_column_1_5, .ortsliste .et_pb_gutters1.et_pb_row .et_pb_column_1_5{
	width: 50%;
	margin: auto;
}
@media (min-width: 768px) and (max-width: 980px) {
	.ortsliste .et_pb_gutters1 .et_pb_column_1_5, .ortsliste .et_pb_gutters1.et_pb_row .et_pb_column_1_5{
		width: 25%;
	}
	.et_pb_column .et_pb_team_member_image{
		margin:0;
	}
}


@media (min-width: 981px) {
	.opener, 
	.introopener,
	.weissbg{
		padding: 20px 25px 20px; /*35px 30px 15px;*/
	}
	.form-section.weissbg{
		padding: 7px 30px 15px;
		margin-bottom: 15px;
	}
	.et_pb_team_member{
		max-width: 100%
	}
	.page-id-2 .et_pb_team_member_description{
		bottom: -440px;
		left: 20%;
	}
	.page-id-2 .et_pb_team_member_image {
		position: absolute;
	}
	.ortsliste .et_pb_gutters1 .et_pb_column_1_5, .ortsliste .et_pb_gutters1.et_pb_row .et_pb_column_1_5{
		width: 16%;
		margin: auto;
	}
	.ortsliste .et_pb_gutters1 .et_pb_column_1_5:first-child, .ortsliste .et_pb_gutters1.et_pb_row .et_pb_column_1_5:first-child{
		width: 30%;
    	margin-right: 4%;
	}
}
/*Kontaktformular*/
.roundbox .et_pb_column_2_3{
	border-radius:15px;
	margin-bottom: 25px;
}
.themenwahl,
.themenwahl p{
  display: flex;
  flex-wrap: wrap;
  gap: 9px 5px;
  margin-bottom: 4px;
}

.option-icon {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #eee;
  padding: 10px 15px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  transition: background 0.2s ease;
  user-select: none;
}

.option-icon i {
  font-size: 20px;
  color: #333;
}

.option-icon input[type="checkbox"] {
  display: none;
}

.option-icon input[type="checkbox"]:checked + i,
.option-icon input[type="checkbox"]:checked ~ span {
  color: #fff;
}

.option-icon input[type="checkbox"]:checked ~ i {
  color: white;
}

.option-icon:has(input[type="checkbox"]:checked) {
  background-color: var(--gruen);
  color: #fff;
}
/* Struktur & Layout */
.et_pb_row_form {
  padding: 12px 0;
}
.et_pb_row_form .et_pb_column_1_2 {
  width: 49.25%;
}
.et_pb_row_form .et_pb_column_1_3 {
  width: 32.25%;
}
.et_pb_row_form .et_pb_column_4_4 {
  width: 100%;
}
@media (max-width: 768px) {
  .et_pb_row_form .et_pb_column {
    width: 100% !important;
  }
}

/* Floating Label Wrapper */
.floating-label {
	position: relative;
	margin-bottom: 1.25rem;
}

.floating-label label {
	position: absolute;
	top: 4px;
	left: 12px;
	color: rgb(128, 128, 128);
	font-weight: 500 !important;
	font-size: 0.9rem;
	pointer-events: none;
	transition: 0.2s ease all;
}
.floating-label label.floating {
	top: -1.3rem;
	left: 0rem;
	font-size: 0.75rem;
	background: white;
	font-weight: 500;
	padding: 0 2px 0 0;
	color: var(--blau);
}

/* Submit Button */
.wpcf7-submit {
	background-color: var(--gruen);
	border-color: var(--gruen);
	border-radius: 0px;
	font-family: var(--font-family1);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 34px;
	margin: 0;
	padding: 6px 28px;
	transition: all .2s;
	color: #ffffff !important; 
	border: none;
	cursor:pointer;
}
.wpcf7-submit:hover {
	background-color: rgba(9,188,138,0.5);
	border-color: rgba(9,188,138,0.5) !important;
}
.et_pb_code_submit{
	text-align:right;
}
.einwilligungsbox .wpcf7-list-item-label{
	font-size: 0.9em;
}

.datenschutzhinweis {
  font-size: 12px;
}
.floating-label input{
	height:34px;
}

.wpcf7-form label{
	cursor: pointer;
}
.wpcf7 form .wpcf7-response-output{
	border-radius:6px;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
	background: rgba(70,180,80,.15);
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
	background: rgba(220,50,50,.15);
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
	background: rgba(245,110,40,.15);
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
	background: rgba(255,185,0,.15);
}
.wpcf7-not-valid-tip {
	color: #dc3232;
	font-size: 0.9em;
	padding-left: 10px;
	border-left: 2px solid #dc3232;
	background: rgba(220,50,50,.15);
}

.wpcf7-text, .wpcf7-textarea{
	font-family: var(--font-family1) !important;
	background: transparent !important;
	border: 2.5px solid #252D3A !important;
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	color: #252D3A !important;
	padding: 15px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.8rem !important;
	letter-spacing: 1px !important;
}
#shortcode-immomakler-search-form{
	max-width:99%;
}

.immomakler .form-control[type="text"],
.immomakler .form-control[type="email"],
.immomakler .form-control[type="number"],
.immomakler textarea.form-control,
.floating-label input,
.floating-label textarea{
	font-family: var(--font-family1) !important;
	background: #fff !important;
	border: 2.5px solid rgb(22, 27, 40,.25) !important;
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	color: #252D3A !important;
	padding: 15px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.8rem !important;
	letter-spacing: 1px !important;
	transition: all .2s;
}
.dropdown-toggle{
	font-family: var(--font-family1) !important;
	background: #fff !important;
	border: 2.5px solid rgb(22, 27, 40,.25) !important;
	color: #252D3A !important;
	font-size: 0.8rem !important;
	letter-spacing: 1px !important;
	transition: all .2s;
}
.et_pb_row_form {
	width: 100%;
	padding: 0 !important;
    margin: 0 auto !important;
}
.et_pb_row_form .et_pb_column{
	padding: 0px 10px 10px 0px !important;
	margin-bottom:0 !important;
	margin-top:0 !important;
	margin-right: 0;
}
.et_pb_row_form  .et_pb_column_1_2 {
    width: 50%;
}
/*Direktnafrage*/
.form-control.immomakler-contact-title{
	font-family: var(--font-family1) !important;
	background: #fff !important;
	border: 2.5px solid rgb(22, 27, 40,.25) !important;
}
#immomakler-contactform .material-form-group:not(.material-checkbox) label{
	position: absolute;
	top: 5px;
	left: 18px;
	color: rgb(128, 128, 128);
	font-weight: 500 !important;
	font-size: 0.9rem;
	pointer-events: none;
	transition: 0.2s ease all;
}
#immomakler-contactform .checkbox label{
	position:relative;
}
#immomakler-contactform .material-form-group:not(.material-checkbox) input:focus ~ label,
#immomakler-contactform .material-form-group:not(.material-checkbox) textarea ~ label{
	top: -15px;
	left: 5px;
	font-size: 0.75rem;
	background: white;
	font-weight: 500;
	padding: 0 2px 0 0;
	color: var(--blau);
}
#immomakler-contactform .form-control {
	margin-bottom: 15px;
}
/*Immomakler*/
.archive .et_pb_section.badges{
	display:none;
}
@media(max-width:980px){
	.single-immomakler_object .et_pb_section.badges{
		display:none;
	}
}
.immomakler-map-iframe, .immomakler-map-iframe iframe.map, iframe.immomakler-map-iframe {
	height: 450px;
	max-height: 450px;
}
.property, .property-container{
	border-radius:15px;
}
.property-thumbnail{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
/*Immobilien Single*/
.immomakler-single{
	padding-top: 25px;
}
.immomakler-single.immomakler .panel-default,
.immomakler-carousel .carousel-property-container{
	border-radius: 15px !important;
	text-align: left;
}
.immomakler-single.immomakler .panel-default .panel-heading,
.immomakler-carousel .carousel-property-thumbnail{
	border-top-right-radius: 15px !important;
	border-top-left-radius: 15px !important;
}
.immomakler-single .property-contact .panel-body .contact-photo{
	margin-left: auto !important;
}
.property-contact.panel.panel-default{
	font-size: calc(15px + 1 * ((100vw - 300px) / 1300));
	line-height: calc(1.65em + (1.8 - 1.4) * ((100vw - 300px) / (1600 - 300)));
	margin-bottom: 15px;
	font-weight: 500;
	background: var(--blau);
	border-color: var(--blau) !important;
}
.property-contact .dt{
	text-align:right;
	padding-right:5px !important;
}
.immomakler .property-contact.panel.panel-default > .panel-heading{
	background: var(--blau);	
	border-color: var(--blau) !important;
}
.property-contact *{
	color: #fff !important;
}
.property-contact .list-group-item.hidden-print{
	padding: 25px;
}
/*Karussell*/
.immomakler-carousel .carousel-property-details{
	padding: 15px 15px 0;
}
.immomakler-carousel .property-subtitle{
	margin-bottom:0;
	font-weight:bold;
}
.immomakler-carousel .property-price{
	padding: 0 15px 15px 15px;
}
.immomakler-carousel .carousel-property-container{
	min-height:280px;
}
.immomakler-carousel .property-price .property-price-value{
	font-weight:bold;
}
.immomakler-carousel .property-title a{
	font-size: calc(15px + 1 * ((100vw - 300px) / 1300));
	line-height: calc(1.65em + (1.8 - 1.4) * ((100vw - 300px) / (1600 - 300)));
	margin-bottom: 15px;
	font-weight: 600;
	color: var(--text-color);
}
.immomakler-carousel .property-price .property-price-label {
	padding-bottom: 16px;
}
/*Propstack Formular Suchprofil*/
li.optgroup-3,
li.dropdown-header.optgroup-3,
li.divider.optgroup-3div{
	display:none;
}
.propstack-suchprofil.immomakler .required_field{
	padding: 5px;
}
.immomakler .btn-group .btn.btn-default {
	padding: 6px 22px;
	line-height: 34px;
	margin: 0;
}
.immomakler .btn.btn-primary{
	background-color: var(--gruen);
	border-color: var(--gruen);
	border-radius: 0px;
	font-family: var(--font-family1);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 34px;
	margin: 0;
	padding: 6px 28px;
	transition: all .2s;
}
@media(max-width:980px){
	.immomakler .btn.btn-primary{
		font-size: 14px;
		line-height: 28px;
		padding: 6px 22px;
	}
}
@media (min-width: 981px) and (max-width: 1440px) {
	.immomakler .btn-group .btn.btn-default {
		padding: 6px 14px;
	}
}
.immomakler .btn.btn-primary:hover{
	color: #ffffff !important;
	background-color: rgba(9,188,138,0.5);
	border-color: rgba(9,188,138,0.5) !important;
}
.immomakler .btn.btn-primary .glyphicon{
	color: #ffffff !important;
}
#immomakler-consent-accept-map{
	font-size: 14px;
}
#immomakler-propstack-suchprofil-form .btn.btn-primary{
	float: right;	
	margin-right: 50px;
}
.immomakler h3 {
	padding: 0 0 0 15px;
}
.immomakler-single .property-description h3{
	padding: 0;
	font-weight:bolder;
}
#immomakler-propstack-suchprofil-form .immomakler .btn.btn-primary::after{
	line-height: inherit;
	font-size: inherit !important;
	opacity: 1;
	margin-left: .3em;
	left: auto;
	font-family: FontAwesome !important;
	font-weight: 900 !important;
	content: '\f002';
}
#immomakler-propstack-suchprofil-form  .form-section{
	display:inline-block;
	width: 96%;
	margin-left: 8px;
}
.field-client-first-name, .field-client-street{
	clear:both;
}
.immomakler .form-group {
	margin-bottom: 0 !important;
}

/**/
.material-group {
	position: relative;
	margin-bottom: 1.5rem;
}

.material-input-wrapper {
	position: relative;
	padding-top: 1.25rem;
}

.material-input {
	width: 100%;
	border: none;
	border-radius: 4px;
	padding: 0.75rem 0.5rem 0.25rem;
	font-size: 1rem;
	background: transparent;
	border: 1px solid #ccc;
	border-radius: 4px;
	outline: none;
	transition: border-color 0.2s ease;
}

.material-input:focus {
  	border-color: var(--blau);
}

.material-label {
	position: absolute;
	top:1.5rem;
	left: 0.5rem;
	color: rgb(128, 128, 128);
	font-weight: 500 !important;
	font-size: 0.9rem;
	pointer-events: none;
	transition: 0.2s ease all;
}

.material-input:focus + .material-label,
.material-input:not(:placeholder-shown) + .material-label {
	top: 0rem;
	left: 0rem;
	font-size: 0.75rem;
	background: white;
	font-weight: 500;
	padding: 0 2px 0 0;
	color: var(--blau);
}
@media(max-width: 980px){
	.immomakler .bootstrap-select:not(.input-group-btn), .immomakler .bootstrap-select[class*="col-"]{
		float:none;
	}
	.material-label[for="query_garden"]{
		top: initial !important;
	}
	.field-query-garden .dropdown{
		margin-top: 20px;
	}
	.immomakler .form-control {
	  margin-bottom: 0;
	}
}

.material-outline {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: var(--blau);
	transform: scaleX(0);
	transition: transform 0.2s ease;
}
.wpcf7 .floating ~ .material-outline,
.material-input:focus ~ .material-outline {
	transform: scaleX(1);
}
.numeric-group input[type="number"] {
	width: 100%;
	padding: 0.5rem;
	font-size: 1rem;
	border: 1px solid #ccc;
	border-radius: 4px;
}

/* Checkbox-Anordnung: links die Checkbox, rechts das Label */
.form-section.einverstaendnis  .material-outline {
	pointer-events: none;
	display:none;
}

.form-section.einverstaendnis .material-input {
	margin-top: 0.2rem;
	flex-shrink: 0;
	width:auto;
	pointer-events:all;
}
.form-section.einverstaendnis .material-input:focus + .material-label,
.form-section.einverstaendnis .material-input:not(:placeholder-shown) + .material-label {
	font-size: 0.9rem;
	padding: 3px 2px 0 3px;
	color: var(--text-color);
}

.form-section.einverstaendnis .material-label {
	flex-grow: 1;
	margin: 0;
	line-height: 1.4;
	width:auto;
	position:relative;
	pointer-events:all;
}
.form-section.einverstaendnis .form-check .material-input-wrapper {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	pointer-events:none;
}

.form-section.einverstaendnis .material-input-wrapper input[type="checkbox"] {
	position: relative;
	z-index: 1;
	margin-top: 6px;
	cursor: pointer;
    transform: scale(1.6);
}

.form-section.einverstaendnis .material-input-wrapper label {
	cursor: pointer;
	flex: 1;
}

.form-section.einverstaendnis .form-group {
	margin-bottom: 10px;
}

/*Reviews*/
.wprs_rd_more{
	color: rgba(128, 128, 128, 0.7) !important;
}
/*Footer*/
@media (max-width: 980px) {
	footer .et_pb_menu .et_pb_menu__menu {
		display: block !important;
		margin: 0 auto;
	}
	footer .et_pb_menu .et_mobile_nav_menu{
		display:none !important;
	}
	footer .et_pb_row_5col > .et_pb_column.et_pb_column_1_5 {
		width: 17.25%;
		margin:0;
	}
	footer .et_pb_row.et_pb_row_0_tb_footer{
		width: 100%;
	}
}
@media(min-width:981px){
	footer .et_pb_menu .et_pb_menu__menu > nav > ul > li {
		display: block;
		width: 100%;
	}
	footer .et_pb_row.et_pb_equal_columns > .et_pb_column, footer .et_pb_section.et_pb_equal_columns > .et_pb_row > .et_pb_column,
	.post-type-archive-immomakler_object #et-boc .et-l .et_pb_row.et_pb_equal_columns > .et_pb_column{
		margin: auto;
	}
}
/*footer .et_pb_section:not(.suchprofil-teaser) *, footer .et_pb_section:not(.suchprofil-teaser) h2,*/
footer .et_pb_section:not(.suchprofil-teaser), 
footer .et_pb_section:not(.suchprofil-teaser) span:not(.wprs_rd_more), footer .et_pb_section:not(.suchprofil-teaser) th, footer .et_pb_section:not(.suchprofil-teaser) td, 
footer .et_pb_section:not(.suchprofil-teaser) #socialmedia *, footer .et_pb_section:not(.suchprofil-teaser) #sitecredits *,
footer .et_pb_section:not(.suchprofil-teaser) a, footer .et_pb_section:not(.suchprofil-teaser) .et-menu a,
footer .et_pb_section:not(.suchprofil-teaser) h3, footer .et_pb_section:not(.suchprofil-teaser) h4, footer .et_pb_section:not(.suchprofil-teaser) h5, footer .et_pb_section:not(.suchprofil-teaser) h6, footer .et_pb_section:not(.suchprofil-teaser) h6 i,
.et-db #et-boc .et-l.et-l--footer .et_pb_blurb .et_pb_module_header a, .et-db #et-boc .et-l.et-l--footer .et_pb_blurb h4 a,
.et-db #et-boc .et-l.et-l--footer a{
	color:#fff !important;
}

footer #socialmedia{
	margin-top: 25px;
}
footer #socialmedia a{
	font-size: calc(37px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));
}
footer span.wprs_rd_more,
footer span.wprev_showdate_T1,
footer .wprevpro_t1_P_3.wprev_preview_tcolor1_T1,
footer .et_pb_section.wprs_rd_more{
	color: #444444 !important;
}
footer fa-solid {
	display: inline-block;
	width: 18px;
	text-align: center;
}
.et_pb_menu_0_tb_footer.et_pb_menu{
	background: transparent !important;
}
footer .et_pb_blurb{
	margin: 6px 0;
}
@media(min-width:768px) and (max-width: 980px){
	.et_pb_column_1_3.et_pb_column_6_tb_footer{
		width: 58%;
    	margin-right: 7%;
	}	
	.et_pb_column_1_3.et_pb_column_7_tb_footer{
		width:34.5%;
	}
	.et_pb_column_1_3.et_pb_column_8_tb_footer h6, #socialmedia{
		text-align: center;
	}
	.et_pb_column_1_3.et_pb_column_8_tb_footer table{
		margin: 0 auto;
	}
}
@media(max-width:767px){
	.siegel.et_pb_row_6col .et_pb_column_1_6,
	.post-type-archive-immomakler_object #et-boc .et-l  .siegel.et_pb_row_6col .et_pb_column_1_6{
		width:32% !important;
	}
	.siegel.et_pb_row,
	.post-type-archive-immomakler_object #et-boc .et-l  .siegel.et_pb_row{
		padding:0;
		width: 98%;
	}
	.siegel.et_pb_row .et_pb_column,
	.post-type-archive-immomakler_object  #et-boc .et-l .siegel.et_pb_row .et_pb_column{
		margin: auto;
		height: 100px;
	}
	.siegel.et_pb_row img,
	.post-type-archive-immomakler_object #et-boc .et-l  .siegel.et_pb_row img{
		max-height: 85px;
	}
}

/* General initial blur + fade effect */
#main-content .et_pb_section,#main-content .et_pb_row{
    opacity: 0;
    filter: blur(15px);
    transform: translateY(10px);
    transition: opacity 1.5s ease-out, filter 1.5s ease-out, transform 1.5s ease-out;
}

#main-content .et_pb_slider, #main-content .et_pb_slider .et_pb_slide {
    opacity: 0;
    filter: blur(15px);
    transform: translateY(10px);
    transition: opacity 1.5s ease-out, filter 1.5s ease-out, transform 1.5s ease-out;
}

#main-content .et_pb_slider.et_parallax_bg {
    background-attachment: fixed; 
    transition: none; 
}

body.page-loaded #main-content .et_pb_section,
body.page-loaded #main-content .et_pb_row,
body.page-loaded #main-content .et_pb_slider,
body.page-loaded #main-content .et_pb_slider .et_pb_slide {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
	margin-bottom: -0.3px;
}

#main-content .et_pb_slider.et_parallax_bg .et_pb_slide {
    opacity: 0;
    filter: blur(10px);
    transition: opacity 1.5s ease-out, filter 1.5s ease-out;
}

body.page-loaded #main-content .et_pb_slider.et_parallax_bg .et_pb_slide {
    opacity: 1;
    filter: blur(0);
}
/**/
body.page-loaded #main-content .header-zeile{
	transform: translateX(0px) translateY(-32px);
}

body.page-loaded.page-id-2 #main-content .et_pb_section.et_pb_section_1 {
	padding:0;
}
@media(min-width:768px){
	body.page-loaded #main-content .header-zeile{
		transform: translateX(0px) translateY(-215px);
		margin-bottom: -120px;
	}
	body.page-loaded.page-id-2 #main-content .et_pb_section.et_pb_section_1 .et_pb_module.et_pb_text:first-child{
		margin-top: -90px;
	}

}
@media (min-width: 1800px) {
	body.page-loaded #main-content .header-zeile {
		/*transform: translateX(0px) translateY(-175px);*/
		transform: translateX(0px) translateY(-245px);
		display: flex;
		justify-content: space-between;
		align-items: center;
		
	}
}
@media(max-width:980px){
	.et_pb_column_3_4.et_pb_column_1_tb_header.et_pb_specialty_column.et_pb_column--with-menu,
	.post-type-archive-immomakler_object #et-boc .et-l .et_pb_gutters1.et_pb_row .et_pb_column--with-menu{
		position: absolute;
		width: 80% !important;
		right: 0;
	}
	.post-type-archive-immomakler_object #et-boc .et-l .et_pb_gutters1.et_pb_row .et_pb_column--with-menu{
		width: 88% !important;
	}
	.et_pb_section_0_tb_header.navigation-section.et_pb_sticky_module.et_section_specialty.et_pb_section--with-menu,
	.post-type-archive-immomakler_object #et-boc .et-l .et_pb_section_0_tb_header.et_pb_section{
		padding-bottom: 20px !important;
	}
	.kontaktdaten-header a{
		font-size: 16px !important;
		line-height: 1.8em !important;
	}
}

@media (max-width: 479px) {
	.et_pb_gutters1 .et_pb_column, .et_pb_gutters1.et_pb_row .et_pb_column,
	.post-type-archive-immomakler_object  #et-boc .et-l .et_pb_gutters1.et_pb_row .et_pb_column{
    	margin: 5px 0 !important;
  	}
}

/*Submenüs*/
	#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
	.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
		content: '\4d';
	}
	.et_mobile_menu .menu-item-has-children > a{
		font-weight:600;
	}

	ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
	ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
	.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
	.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
		width: 44px;
		height: 100%;
		padding: 0px !important;
		max-height: 44px;
		border: none;
		position: absolute;
		right: 20px;
		top: 0px;
		z-index: 999;
		background-color: transparent;
	}

	ul.et_mobile_menu>li.menu-item-has-children,
	ul.et_mobile_menu>li.page_item_has_children,
	ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
	.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
	.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
	.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
		position: relative;
		padding-right: 25px;
		padding-left:0;
	}
	#mobile_menu1 .et_pb_menu_page_id-home a,
	.et_mobile_menu .menu-item-has-children>a,
	.et_mobile_menu .sub-menu .menu-item >a,
	.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
		/*background-color: transparent;
		text-align:right;*/
	}


	ul.et_mobile_menu .menu-item-has-children .sub-menu,
	#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
	.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
	.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
		display: none !important;
		visibility: hidden !important;
	}

	ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
	#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
	.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
	.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
		display: block !important;
		visibility: visible !important;
	}

	ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
	.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
		text-align: center;
		opacity: 1;
	}

	ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
	.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
		top: 10px;
		position: relative;
		font-family: "ETModules";
		content: '\33';
		color: rgb(240,240,240);
		background: var(--blau);
		border-radius: 50%;
		padding: 3px 4px 3px 2px;
	}

	.sub-menu.visible .mobile-toggle::after{
		margin-left: 35px;
		margin-left: 48px;
	}
	
	ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
	.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
		content: '\32';
		background: var(--blau2);
		color: rgb(240, 240, 240);
	}

	body ul.et_mobile_menu li.menu-item-has-children a[href="#"]:not(.mobile-toggle), body ul.et_mobile_menu li.page_item_has_children a[href="#"]:not(.mobile-toggle){
		pointer-events:none;
	}

	.et_mobile_menu li li {
	  background: rgba(240, 243, 246, .35);
	  padding-right: 5%;
	}

	.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
		position: absolute;
		right: 5%;
		margin-left: -20px;
		top: -14px;
		width: 0;
		height: 0;
		content: '';
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid #ffffff;
	}

	.mobile_menu_bar {
		position: relative;
		display: block;
		bottom: 10px;
		line-height: 0;
	}


	.et_pb_menu_0.et_pb_menu .et_mobile_menu,
	.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
		background-color: #ffffff!important;
		border-radius: 10px;
	}

	
	.et_pb_menu_0_tb_header.et_pb_menu ul.sub-menu li a{
		text-transform:initial !important;
		padding: 7px 0;
	}	
	
	
	.et_mobile_menu .menu-item-has-children .sub-menu{
	display: none !important;
	}

	.pa-block{
	display: block !important;
	height: fit-content !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
	padding: 5% !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	}

	.et_mobile_menu .menu-item-has-children .pa-submenu{
	display: block !important;
	}

	.opened .et_mobile_menu{
	height: fit-content !important;
	padding: 5% !important;
	}

/*Immobilien Archiv*/
.row.immomakler-boxed {
    display: flex;
    flex-wrap: wrap;
}

.row.immomakler-boxed > .property {
    display: flex;
    flex-direction: column;
}

.property-card {
    flex-grow: 1;
	display: flex;
	flex-direction: column;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	background-color: #fff;
	transition: box-shadow 0.3s ease;
}
.properties {
	transition: box-shadow 0.3s ease;
}
/*.property-card:hover {
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}*/

.properties:hover .property-card {
  opacity: 0.75;
  transition: opacity 0.3s ease, box-shadow 0.3s ease;
}

.properties .property-card:hover {
  opacity: 1;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
  z-index: 2;
  position: relative;
}

.property-card figure {
	position: relative;
	margin: 0;
	overflow: hidden;
	min-height: 275px;
}

.property-card img.card-img-top {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

/* Hide secondary image unless in list mode */
.property-card .list-img {
  display: none !important;
}

.property-card .card-body {
	padding: 16px 0 0 0 !important;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.property-card .card-body .title-wrapper,
.property-card .card-body .items-list {
	padding:0 20px;
}

.property-card .title-wrapper h5 {
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--text-color);
	margin-bottom: 0;
}

.property-card .title-wrapper p {
	font-size: 0.9rem;
	color: #666;
	margin: 0;
}
.immomakler-archive .property-location-bar{
	position: absolute;
	top: 20px;
	width: 100%;
}
.immomakler-archive .property-status-bar{
	top:45px;
}
.immomakler-archive .property-status.location{
	background:#fff;
	color:var(--text-color);
	text-transform: initial;
	font-weight: 600;
}
.property-status-offen-nl{
	display:none !important;
}
.property-card .items-list {
	display: flex;
	justify-content: space-between;
	margin: 0;
	gap: 10px;
}

.property-card .s-item {
	flex: 1;
	text-align: left;
	border-right:1px solid #ccc;
	padding: 10px 8px 0 0; /*10px 8px;*/
}
.property-card .s-item:last-child {
	border-right:none;
}
.property-card .s-item span {
  font-weight: 600;
  display: block;
  font-size: 1rem;
  margin-bottom: 2px;
}

.property-card .s-item h6 {
	font-size: 0.8rem;
	color: #777;
	margin: 0;
}


.property-card .item-footer {
    display: flex;
    flex-direction: column;
    margin-top: 0;
}

.property-card .amount {
    margin-left: auto;
    font-weight: bold;
	font-size: 1.5rem;
	white-space: nowrap;
	padding-right: 20px;
	margin-top: -32px !important;
}


.property-card .btn-expose {
	background-color: var(--blau);
	color: #fff;
	padding: 12px 0;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
	transition: background 0.2s ease;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.property-card .btn-expose:hover {
	background-color: var(--gruen);
	color:#fff;
}

.property-card  .btn-group {
    display: flex;
    gap: 0; /*0.5rem;*/
    flex-wrap: wrap;
}

.property-card .property-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
	border-top: 1px solid #ccc;
}

.property-card .btn-default.btn-sm {
	padding: 6px 10px;
	background-color: #f0f0f0;
	color: #333;
	font-size: 0.8rem;
	border:none;
	border-right: 1px solid #ccc;
	border-radius: 0;
	text-decoration: none;
}

.property-card .btn-default.btn-sm:hover {
  background-color: #e0e0e0;
}

.property-card .glyphicon-star {
	font-size: 17px;
	top: 4px;
}

.btn-expose {
    display: block;
    width: 100%;
    margin-top: 0.5rem;
    text-align: center;
    background-color: #004080;
    color: #fff;
    padding: 0.6rem 1rem;
    border-radius: 4px;
    text-decoration: none;
}

.btn-expose:hover {
    background-color: #002f5f;
}