/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */





#table .frymo-data-item-label,
#table .frymo-short-overview-item-label {
    width: 40%;
}


#test .frymo-data-item-content {
	width:100%;
	justify-content: left;
}


#test .frymo-data-item-label {
    width: 40%;
}



/*


.shrinker {
	background: transparent;
        height: 220px;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}

.shrinker.elementor-sticky--effects {
	background: #fff;
        height: 60px !important;
	padding-top: 2px!important;
	padding-bottom: 2px!important;
	box-shadow: 0px 6px 30px -4px rgba(0,0,0,.05);
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}

*/



/* shrinking logo image 

.shrinking-logo img {
	width: 120px!important;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}

.shrinker.elementor-sticky--effects img {
	width: 60px!important;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}
*/


/* shrinking logo image */

.shrinking-logo img {
	width: 260px!important;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}

.shrinker.elementor-sticky--effects img {
	width: 220px!important;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	HEADER: Dropdown
   --------------------------------------------------------------------------------------------------------------------------------------------- */

	.elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown {
		padding: 15px 25px 15px 15px;
	}	


/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	HEADER: Mobile Menu
   --------------------------------------------------------------------------------------------------------------------------------------------- */

	.elementor-nav-menu--dropdown.elementor-nav-menu__container {
		top: 62px !important;
		padding-top: 10px;
		padding-bottom: 10px;
	}


/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	FOOTER
   --------------------------------------------------------------------------------------------------------------------------------------------- */

	#footer p {
		margin-bottom: 0;
	}



/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	FOOTER: Copyright
   --------------------------------------------------------------------------------------------------------------------------------------------- */

	#footer-copyright p {
		margin-bottom: 0;
	}


/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	GLOBAL: Fonts
   --------------------------------------------------------------------------------------------------------------------------------------------- */

	h1.h2 {
		font-size: 30px !important;
	}


/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	GLOBAL: Links
   --------------------------------------------------------------------------------------------------------------------------------------------- */

	a {
		color: var( --e-global-color-text );
		text-decoration:none;
	}

	a:active,
	a:hover {
  		color: var( --e-global-color-primary );
	}


/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	LEGALS: Impressum / Datenschutz / Barrierefreiheit
   --------------------------------------------------------------------------------------------------------------------------------------------- */

	.impressum h1 {
		margin-bottom: 36px;
	}

	.impressum h2 {
		font-size: 22px;
		margin-top: 36px;
  		margin-bottom: 6px;
	}


	.datenschutz h1 {
		margin-bottom: 36px;
	}

	.datenschutz h2 {
		margin-top: 36px;
	}

	.datenschutz h3 {
		margin-top: 27px;
		margin-bottom: 9px;
	}


/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	HERO SECTION: Image
   --------------------------------------------------------------------------------------------------------------------------------------------- */

	.elementor-268 .elementor-element.elementor-element-558eb29:not(.elementor-motion-effects-element-type-background) {
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
	}



/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	ELEMENT: Quotes Slider
   --------------------------------------------------------------------------------------------------------------------------------------------- */

	.quotes-slider .elementor-slides .swiper-slide-inner {
  		max-width: var(--container-max-width);
  		margin: 0 auto;
		padding: 0;
	}

	.quotes-slider .elementor-slides .swiper-slide-inner .swiper-slide-contents {
		height: 100%;
		max-width: 500px;
		background-color: var(--e-global-color-text);
		background-image: url("/wp-content/uploads/quote_round_open_fill_white.svg");
		background-position: -5px -5px;
		background-size: 150px;
		background-repeat: no-repeat;
		padding: 180px 30px 30px 80px;
		opacity: 0.85;
	}

	.quotes-slider .elementor-slides .swiper-slide-inner .swiper-slide-contents {
		height: 100%;
		max-width: 500px;
		background-color: var(--e-global-color-text);
		background-image: url("/wp-content/uploads/quote_round_open_stroke_6px_primary-color.svg");
		/*background-image: url("/wp-content/uploads/quote_round_open_stroke_6px_primary-color_fill-white.svg"); */
		background-position: 18px 18px;
		background-size: 150px;
		background-repeat: no-repeat;
		padding: 180px 30px 30px 100px;
		opacity: 0.85;
	}

	.quotes-slider .elementor-slides .swiper-slide-bg {
		filter: grayscale(100%);
		transition-duration: 500ms;
	}



	/* Qutoe-Slider without Button
	body:has(.swiper-slide-contents:hover) .swiper-slide-bg {
		filter: none !important;
		transition-duration: 500ms;
	}
	*/

	body:has(.elementor-slide-button:hover) .swiper-slide-bg {
		filter: none !important;
		transition-duration: 500ms;
	}

	
	.quotes-slider .elementor-slides .swiper-slide-inner .elementor-slide-heading {
		font-size: 22px;
		font-weight: 400;
		line-height: 1.5;
	}

	.quotes-slider .elementor-slides .swiper-slide-inner .elementor-slide-description {
		font-size: 18px;
		line-height: 1.75;
	}

	.quotes-slider .elementor-slides .swiper-slide-inner .elementor-slide-button {
		margin-top: 20px;
		cursor: pointer;
	}


				@media screen and (max-width: 767px) {
					
					.quotes-slider .elementor-slides .swiper-slide-inner .swiper-slide-contents {
						background-size: 120px;
						padding: 150px 50px 30px 50px;
					}
					
					
				}	



/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	ELEMENT: Team
   --------------------------------------------------------------------------------------------------------------------------------------------- */

	.team .team-image img {
		filter: grayscale(100%);
	}

	.team:hover .team-image img {
		filter: none;
	}

	.team p {
    	margin-bottom: 8px;
	}

	.team .name p {
    	margin-bottom: 12px;
	}

	.team .position p {
		line-height: 21px;
	}

	

/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	IMMOBILIEN-ÜBERSICHT: Filter
   --------------------------------------------------------------------------------------------------------------------------------------------- */
	
	.immobilien-filter .jet-filters-group {
		display: flex;
		flex-direction: row;
	}
	
	
	.immobilien-filter .jet-filters-group .jet-smart-filters-checkboxes:nth-child(1) {
		width: 50%;
		margin-top: 0px !important;
		margin-right: 20px;
		
		flex-grow: 1;
	}

	.immobilien-filter .jet-filters-group .jet-smart-filters-checkboxes:nth-child(2) {
		width: 50%;
		margin-top: 0px !important;
		margin-right: 20px;
		
		flex-grow: 1;
	}



				@media screen and (max-width: 767px) {
					
					.immobilien-filter .jet-filters-group {
						display: flex;
						flex-direction: column !important;
					}
	
					.immobilien-filter .jet-filters-group .jet-smart-filters-checkboxes:nth-child(1),
					.immobilien-filter .jet-filters-group .jet-smart-filters-checkboxes:nth-child(2) {
						width: 100%;
						margin-bottom: 20px;
					}

				}



/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	REFERENZEN-ÜBERSICHT: Filter
   --------------------------------------------------------------------------------------------------------------------------------------------- */
	
	.referenzen-filter .jet-filters-group {
		display: flex;
		flex-direction: row;
	}
	
	.referenzen-filter .jet-filters-group .jet-smart-filters-checkboxes:nth-child(1) {
		width: 250px;
		margin-top: 0px !important;
		margin-right: 20px;
		
		flex-grow: 1;
	}

	.referenzen-filter .jet-filters-group .jet-smart-filters-checkboxes:nth-child(2) {
		width: 50%;
		margin-top: 0px !important;
		margin-right: 20px;
		
		flex-grow: 1;
	}

	.referenzen-filter .jet-filters-group .jet-smart-filters-checkboxes:nth-child(3) {
		width: 50%;
		margin-top: 0px !important;
		margin-right: 0px;
		
		flex-grow: 1;
	}




				@media screen and (max-width: 767px) {
					
					.referenzen-filter .jet-filters-group {
						display: flex;
						flex-direction: column !important;
					}
	
					.referenzen-filter .jet-filters-group .jet-smart-filters-checkboxes:nth-child(1),
					.referenzen-filter .jet-filters-group .jet-smart-filters-checkboxes:nth-child(2),
					.referenzen-filter .jet-filters-group .jet-smart-filters-checkboxes:nth-child(3) {
						width: 100%;
						margin-bottom: 20px;
					}

				}



	/* Dropdown Custom Labels
	-------------------------------------------------------------------------------------------------------------------------------------------- */
	.immobilien-filter .jet-filter-items-dropdown__label:hover,
	.referenzen-filter .jet-filter-items-dropdown__label:hover {
		cursor: pointer;
		color: var(--e-global-color-primary) !important;
		transition: all 0.3s;
	}

	.immobilien-filter .jet-filter-items-dropdown__active::before,
	.referenzen-filter .jet-filter-items-dropdown__active::before {
		content: 'Gefiltert';
		padding: 3px 0;
		color: var(--e-global-color-primary);
	}

	.immobilien-filter .jet-filter-items-dropdown__active__item,
	.referenzen-filter .jet-filter-items-dropdown__active__item {
		display: none;
	}

	.immobilien-filter .jet-filter-items-dropdown.jet-dropdown-open .jet-filter-items-dropdown__label,
	.referenzen-filter .jet-filter-items-dropdown.jet-dropdown-open .jet-filter-items-dropdown__label {
		z-index: 111;
	}

	.immobilien-filter .jet-filter-items-dropdown__body,
	.referenzen-filter .jet-filter-items-dropdown__body {
		margin-top: -1px !important;
		box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
	}



	/* Dropdown Sub Categories
	-------------------------------------------------------------------------------------------------------------------------------------------- */
	.immobilien-filter .jet-list-collapsible .jet-collapse-icon,
	.referenzen-filter .jet-list-collapsible .jet-collapse-icon {
		margin-top: 4px;
	}

	.immobilien-filter .jet-list-tree__children,
	.referenzen-filter .jet-list-tree__children {
		margin-left: 20px !important;
	}



	/* Range filter
	-------------------------------------------------------------------------------------------------------------------------------------------- */
	.immobilien-filter .jet-range__inputs__group input[min-range]:focus:not(.focus-visible), 
	.immobilien-filter .jet-range__inputs__group input[max-range]:focus:not(.focus-visible) {
  		--tabindex-color: none;
  		--tabindex-shadow-color: none;
	}



/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	IMMOBILIEN-ÜBERSICHT: Sorting
   --------------------------------------------------------------------------------------------------------------------------------------------- */

	.jet-smart-filters-sorting select {
		cursor: pointer !important;
	}

	.jet-smart-filters-sorting select > option {
		font-family: 'Arial' !important;
		font-weight: 400 !important;
  		font-style: normal !important;
		color: var( --e-global-color-text ) !important;
	}



/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	IMMOBILIEN-ÜBERSICHT
   --------------------------------------------------------------------------------------------------------------------------------------------- */

	/* Slider
	-------------------------------------------------------------------------------------------------------------------------------------------- */
	.grid-listing.elementor-widget-frymo-gallery-carousel .swiper-slider-container .swiper-slide {
		display: none !important;
	}

	.grid-listing.elementor-widget-frymo-gallery-carousel .swiper-slider-container .swiper-slide:first-child {
		display: flex !important;
	}

	.grid-listing.elementor-widget-frymo-gallery-carousel .button-next, 
	.grid-listing.elementor-widget-frymo-gallery-carousel .button-prev {
		display: none !important;
	}


	/* Eckdaten
	-------------------------------------------------------------------------------------------------------------------------------------------- */
	.infobox.elementor-widget-frymo-dynamic-content .frymo-short-overview-flex {
		justify-content: space-between;
	}


	/* Link-Grid-Item: Hover effect
	-------------------------------------------------------------------------------------------------------------------------------------------- */
	.jet-listing-grid__item.jet-equal-columns > .elementor > :is(.elementor-section, .e-container, .e-con)::before {
    	z-index:10;
	}



/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	IMMOBILIEN-ÜBERSICHT: Referenzen (Slider)
   --------------------------------------------------------------------------------------------------------------------------------------------- */
	
	/* Lightbox Custom-Icon
	-------------------------------------------------------------------------------------------------------------------------------------------- */
	.referenzen-slider .elementor-widget-frymo-gallery-carousel .swiper-slider-container .swiper-slide .slide-image-wrapper::after {
		position: absolute;
		top:0;
		left: 0;
		width:100%;
		height: 100%;
		content:'+';
		color: #ffffff;
		font-size: 48px;
		z-index: 1;
		background-color: rgba(0,0,0,.3);
		text-align: center;
		padding-top: 27%;
		opacity: 0;
	}

	.referenzen-slider .elementor-widget-frymo-gallery-carousel .swiper-slider-container .swiper-slide .slide-image-wrapper:hover::after {
		opacity: 1;
		transition: all 0.5s;
	}	



/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	IMMOBILIEN-ÜBERSICHT - Not found
   --------------------------------------------------------------------------------------------------------------------------------------------- */ 

	.jet-listing-not-found {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		background-color: var(--e-global-color-d57d142);
		border: 1px solid var( --e-global-color-a073b93 );
		padding: 60px;
	}


/* ---------------------------------------------------------------------------------------------------------------------------------------------
 	EXPOSÉ
   --------------------------------------------------------------------------------------------------------------------------------------------- */

	/* h1 size h3 */
	.expose-header h1 {
		font-size: 26px !important;
	}

	/* h2 size h1 */
	.expose-header h2 {
		font-size: 36px !important;
	}


				@media screen and (max-width: 767px) {
					
					.expose-header h1 {
						font-size: 22px !important;
					}

					.expose-header h2 {
						font-size: 26px !important;
					}
					
				}	


	/* Ansprechpartner
	-------------------------------------------------------------------------------------------------------------------------------------------- */
	.elementor-widget-frymo-contact-data .frymo-contact-name {
		margin-top: 30px;
	}


	/* Anhänge
	-------------------------------------------------------------------------------------------------------------------------------------------- */

	.elementor-widget-frymo-object-attachments .action-links a:hover {
		color: var(--e-global-color-accent) !important;
	}



	/* Video 

https://www.drweb.de/videos-responsiv/

*/

.frymo-video  iframe,
.frymo-video  object,
.frymo-video  embed {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}

.frymo-video {    position: relative;    padding-bottom: 56.25%;   height: 0;    overflow: hidden;}


/*
	.elementor-widget-frymo-contact-data .frymo-contact-additional-data {
  		display: grid;
  		grid-template-columns: 1fr 3fr;
  		hyphens: auto;
	}

*/