/*
 Theme Name:   Hello-Elementor Child
 Description:  Mein Child Theme
 Author:       Webtimiser
 Author URI:   httpw://www.webtimiser.de
 Template:     hello-elementor
 Version:      1.0
 Text Domain:  hello-elementor-child
*/
/* MENU */
.elementor-sticky--active img {
	width: 15% !important;
	padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.logo-menu img {
	min-width: 70px;
}

.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    margin-top: 18px !important;
}

/* TESTIMONIALS SLIDER */

img.swiper-lazy.swiper-lazy-loaded {
	width: 100% !important;
}

#testi-slider .swiper-slide.swiper-slide-active::before {
    content: open-quote;
    position: absolute;
    font-size: 13rem;
    z-index: 1;
    top: -205px;
    left: 0;
    color: #53CED6;
    font-family: sans-serif;
}

#testi-slider .elementor-testimonial__text::after {
    content: close-quote;
    position: absolute;
    font-size: 13rem;
    z-index: 1;
    right: 0px;
    color: #53CED6;
    font-family: sans-serif;
    font-style: initial;
    bottom: -63px;
}

@media only screen and (max-width: 768px) {
	#testi-slider .swiper-slide.swiper-slide-active::before {
    font-size: 9rem;
		top: -145px;    
	}
	
	#testi-slider .elementor-testimonial__text::after {
		font-size: 9rem;
		bottom: -53px;
}

@media only screen and (max-width: 480px) {
	#testi-slider .elementor-widget-testimonial-carousel .swiper-slide {
		padding: 5px !important;
	}
	
#testi-slider .swiper-slide.swiper-slide-active::before {
		content: none;
}

/* TITLE AUSBLENDEN */

.page .entry-title {
display: none;
}

/* PORTFOLIO */

.righttext {
	float: right;
}

.item-inner {
	font-size: 20px;
	line-height: 1.2em;
	color: #000000 !important;
}

/* TYPO */

p {
	hyphens: auto;
	-webkit-hyphens: auto;
  -ms-hyphens: auto;
	hyphenate-limit-chars: auto 5;
	-webkit-hyphenate-limit-chars: auto 5;
}

.link-white {
	color: #F1605C !important;
}

.link-white:hover {
	color: #53CED6 !important;
}

/* LOTTIE BUTTON / ANCHOR LINK BUTTON */

.e-lottie__container svg * {
    fill: #A0D2F0 !important;
}

/* CONTACT FORM */

/*Startseite */

input[type=email], input[type=text] {
		border: 1px solid #577C88;
}

/* PORTFOLIO */

body:not(.rtl) .elementor-3706 .elementor-element.elementor-element-886135c .elementor-icon-list-text {
    padding-left: 0px !important;
}

/* PORTFOLIO SLIDER */

i.eicon-share-arrow {
	display: none;
}

.owl-item.cloned, .owl-item.active {
	padding-right: 15px !important;
}

.elementor-carousel-image.swiper-lazy.swiper-lazy-loaded {
    border-radius: 15px;
}

.elementor-skin-slideshow .elementor-thumbnails-swiper .swiper-slide:not(.swiper-slide-active):after {
    background-color: rgba(0,0,0,0) !important;
}

/* OWL Caroussel Slider */

.owl-carousel .owl-item img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

img.carousel-image.owl-lazy {
    border-radius: 15px;
}

.item-inner h3 {
	color: #577C88;
}

/* Kontaktseite */

.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
    background: #F1605C;
    padding-right: 5px;
}

.dnd-upload-status .dnd-upload-details .name {
    color: #53CED6;
    font-size: 18px;
    font-weight: 400;
}

.codedropz-upload-inner, .dnd-upload-status .dnd-upload-details .name em {
    color: #333333;
    font-size: 18px;
    font-weight: 300;
}

a.cd-upload-btn {
    color: #333333;
    font-weight: 500;
}

.contact-links {
	color: #577C88 !important;
	transition: all .3s;
}

.contact-links:hover {
	color: #F1605C !important;
}

.kontaktformular label {
    width: 100%;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: #F1605C;
    border: 0;
    border-radius: 15px 15px 15px 15px;
    /* border-radius: 20px; */
    color: #fff;
    font-family: 'Work Sans';
    font-size: 18px;
    font-weight: 500;
    padding: 12px 24px;
    line-height: 1.2em;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    background-color: #DC504D;
}

.wpcf7-not-valid-tip {
    color: #F1605C;
    font-size: 0.5em;
    padding-top: 7px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
    border-color: #F1605C;
    margin: 0;
    border-radius: 15px;
    color: #333333;
    font-size: 18px;
    line-height: 1.2;
}

.wpgmp_map_parent {
    margin-bottom: 0;
}

.wpgmp_iw_content {
    color: #333333;
}


/* FAQ */

input.search__input {
	font-family: 'Work Sans';
}

.helpie-faq.accordions .search__input:focus {
    border: 1px solid #53CED6;
    color: #F1605C;
}

.helpie-faq.accordions .accordion__header {
	background: #ffffff00 !important;
}

.accordion__header {
		background: #ffffff00 !important;

}

.helpie-faq.accordions .accordion .accordion__item .accordion__header div.accordion__title {
	padding-right: 60px;
}

.accordion__body {
	border-radius: 15px;
	margin-bottom: 20px;
	padding-bottom: 15px !important;
}


input.search__input {
    border-radius: 15px;
}

/* Portfolio */

.portfolio-house {
	background-position: 80% 0%;
}

/* Über uns */

.eael-adv-accordion .eael-accordion-list .eael-accordion-header>.eael-accordion-tab-title {
	flex-grow: 0;
}

.eael-adv-accordion .eael-accordion-list .eael-accordion-header, .eael-adv-accordion .eael-accordion-list .eael-accordion-content {
	border: 0;
}

#mehr-erfahren {
	justify-content: center;
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {
	float: none !important;
}

.akkorderon-center .elementor-accordion-item {
	text-align: center;
}

p.eael-team-text.eael-team-text-overlay {
    padding-top: 30px !important;
		font-size: 15px !important;
}

.elementor-button.elementor-slide-button.elementor-size-sm {
	display: none !important;
}

.elementor-arrows-position-outside .elementor-swiper-button-prev {
    left: -10px;
}

.elementor-arrows-position-outside .elementor-swiper-button-next {
    right: -10px;
}

/* FOOTER */

.logo-footer img {
	max-width: 100px !important;
}

.jublogo {
    max-width: 30px!important;
    opacity: 0.8;
    display: inline;
  }

  .jublogo:hover {
    opacity: 1;
    -moz-animation: 3s ease 0s normal none swing;
    -webkit-animation: swing 3s ease-in-out;
    -webkit-transform-origin: bottom;
  }

  @keyframes swing {
    20% {
      transform: rotate(15deg);
    }
    40% {
      transform: rotate(-10deg);
    }
    60% {
      transform: rotate(5deg);
    }
    80% {
      transform: rotate(-5deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }

/* FOOTER ENDE */

/* STOERER */

.circle-with-text:hover #text-beratung {
	display: block;
	opacity: 1;
	transition:opacity 500ms ease-out;

}

.circle-with-text:hover #icon-beratung {
	display: none;
}

img#icon-beratung {
	margin-left: 46px;
    margin-top: 76px;
}

#text-beratung {
	opacity: 0;
}

.circle-with-text {
	bottom: -64px;
  right: -84px;
  z-index: 99999;
  transform: rotate(9deg);
  height: 249px;
	width: 221px;
  transition: all .4s ease-in-out;
  position: fixed;
  text-align: center;
  padding-top: 33px;
  background-image: url(https://flexi-immovation.de/wp-content/uploads/2022/06/circles_stoerer_full_grey.png);
  background-size: cover;
}

.circle-with-text:hover {
	  display: flex;
		justify-content: center;
	transform: scale(1.3) translate(-60px, -70px);

}

.multi-line-text a {
	color: #F1605C;
    font-size: 25px;
    line-height: 28px !important;
    transform: rotate(9deg);
    font-weight: 600;
    padding-top: 52px;
    padding-left: 9px;
}

/* STOERER ENDE */

/* BORLABS */

.BorlabsCookie ._brlbs-content-blocker a._brlbs-btn {
	background: #F1605C;
}

.BorlabsCookie ._brlbs-content-blocker a._brlbs-btn:hover {
    background: #577C88;
    color: #fff;
}

._brlbs-default p, ._brlbs-default a {
	font-weight: 600;
	color: #577C88;
}


.BorlabsCookie ._brlbs-content-blocker ._brlbs-default {
    padding: 5em;
}

/* RESPONSIVE */

@media only screen and (max-width: 1200px) {
p.eael-team-text.eael-team-text-overlay {
    padding-top: 30px !important;
		font-size: 14px !important;
}

}


@media only screen and (max-width: 768px) {


	.header-uberuns {
		background-image: url(https://flexi-immovation.de/wp-content/uploads/2022/08/flexi-immovation-tiny-house-blue-mobile.jpg) !important;
    background-position: 0% 20% !important;
	}
	

	/* KALKULATOR */
	
	.faq-header {
		background-image: none !important;
	}

.header-kalkulator {
	background-image: url(https://flexi-immovation.de/wp-content/uploads/2022/08/flexi-immovation-calculator-mobile.jpg) !important;
    background-position: 55% 0% !important;
}
	
	#header-bg-mobile {
		border-radius: 15px;
	}
	
	.portfolio-house {
		    background-image: url(https://flexi-immovation.de/wp-content/uploads/2022/08/spacer.jpg) !important;
    background-position: 55% 0% !important;
	}
	

}

@media only screen and (max-width: 1024px) {
  .circle-with-text.multi-line-text {
    display: none;
  }
}

@media only screen and (max-width: 1440px) {
	p.eael-team-text.eael-team-text-overlay {
  font-size: clamp(10px, 1vw, 15px) !important;
	}
	
	span.header-team {
    font-size: clamp(14px, 1vw, 18px) !important;
}
}