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

body {
	overflow-x: hidden;
}

.no-margin-bottom,
.no-margin-bottom p {
	margin-bottom: 0 !important;
}

.colored-icon-button .elementor-button-icon .e-font-icon-svg {
	fill: var(--e-global-color-accent) !important;
}
.colored-icon-button .elementor-button:hover .elementor-button-icon .e-font-icon-svg {
	fill: #ffffff !important;
}
/*
#content .e-n-accordion .e-n-accordion-item-title-icon .e-closed,
#content .e-n-accordion .e-n-accordion-item-title-icon .e-opened {
	background-color: var(--e-global-color-8d886a3);
	border-radius: 50%;
	padding: 5px;
	height: 100%;
	width: 100%;
}
*/

/*
#content .e-n-accordion .e-n-accordion-item-title-icon .e-closed {
	transform: rotate(45deg);
}
#content .e-n-accordion .e-n-accordion-item-title-icon .e-opened {
	transform: rotate(-45deg);
}
*/

#content .elementor-widget-n-accordion:not(.usp-accordion) .e-n-accordion .e-n-accordion-item:last-of-type > .e-n-accordion-item-title {
	border-bottom: 1px solid var(--n-accordion-border-color) !important;
}

.custom-image-carousel .swiper,
.custom-image-carousel-white .swiper {
  position: relative;
  overflow: hidden;
}

.custom-image-carousel .swiper::before,
.custom-image-carousel .swiper::after,
.custom-image-carousel-white .swiper::before,
.custom-image-carousel-white .swiper::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px;
  z-index: 99;
  pointer-events: none;
}

.custom-image-carousel .swiper::before {
  left: 0;
  background: linear-gradient(to right, rgba(244, 242, 243, 1), rgba(244, 242, 243, 0.9), transparent);
}

.custom-image-carousel .swiper::after {
  right: 0;
  background: linear-gradient(to left, rgba(244, 242, 243, 1), rgba(244, 242, 243, 0.9), transparent);
}

.custom-image-carousel-white .swiper::before {
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.9), transparent);
}

.custom-image-carousel-white .swiper::after {
  right: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.9), transparent);
}


#referenzen-carousel .swiper::before,
#referenzen-carousel .swiper::after {
	width: 500px;
}

#referenzen-carousel,
#referenzen-carousel .elementor-loop-container,
#referenzen-carousel .elementor-loop-container .swiper-wrapper {
	overflow-y: visible !important;
}
#referenzen-carousel .elementor-loop-container {
	padding-top: 120px;
	padding-bottom: 120px;
}
#referenzen-carousel .elementor-loop-container .swiper-slide-active + .swiper-slide + .swiper-slide {
	z-index: 9999;
}

#referenzen-carousel .elementor-loop-container .swiper-slide .elementor-widget-image img {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

#referenzen-carousel .elementor-loop-container .swiper-slide .elementor-widget-image:after {
  content: '';
  position: absolute;
  inset: 0;
  background: #ff0000;
	background: linear-gradient(30deg, rgba(195, 6, 3, 1) 0%, rgba(195, 6, 3, 0.5) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: 1;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#referenzen-carousel .elementor-loop-container .swiper-slide-active + .swiper-slide + .swiper-slide .elementor-widget-image {
	transform: scale(1.3);
	z-index: 9999;
}
#referenzen-carousel .elementor-loop-container .swiper-slide-active + .swiper-slide + .swiper-slide .elementor-widget-image img {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 7px;
}


.custom-bento {
	transition: background-size 0.4s ease !important;
}
@media(min-width: 1024px) {
	.custom-bento:hover {
		background-size: 110% !important;
	}
}


.custom-bento .show-on-hover {
	transition: all 0.5s ease-in-out;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.5s ease;
	display: grid;
}
.custom-bento .show-on-hover .elementor-widget-text-editor,
.custom-bento .show-on-hover p,
.custom-bento .show-on-hover div,
.custom-bento .show-on-hover h2,
.custom-bento .show-on-hover h3,
.custom-bento .show-on-hover h4,
.custom-bento .show-on-hover h5,
.custom-bento .show-on-hover h6 {
	overflow: hidden;
}
.custom-bento:hover .show-on-hover {
	grid-template-rows: 1fr !important;
}
.custom-bento:hover:before {
	background-color: transparent !important;
  background-image: linear-gradient(10deg, var( --e-global-color-accent ) 0%, #FFFFFF00 65%) !important;
}

.custom-bento:hover .arrow-icon {
	transform: rotate(-90deg);
}

.custom-bento {
  overflow: hidden;
	--min-height: max(45vh, 450px) !important;
}

.custom-bento::before {
	z-index: 1;
}

.custom-bento::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: inherit !important;
  transition: all 0.4s ease-in !important;
  z-index: 0 !important;
}

.custom-bento:hover::after {
  transform: scale(1.1) !important;
}

.custom-bento > * {
  position: relative !important;
  z-index: 1 !important;
}

.e-n-menu-content .elementor-widget-heading .elementor-heading-title span,
#content .elementor-widget-heading .elementor-heading-title span,
.dialog-widget .elementor-widget-heading .elementor-heading-title span,
#content .gradient-text,
#content .usp-accordion .e-n-accordion .e-n-accordion-item-title .e-n-accordion-item-title-header .e-n-accordion-item-title-text > span {
	background: var(--e-global-color-accent) !important;
    background-clip: border-box !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	animation: gradient-animation 5s ease infinite !important;
}


@media(min-width: 769px) {
	.usp-accordion .e-n-accordion-item-title-icon {
		display: none;
	}
	.usp-accordion .e-n-accordion-item-title {
		pointer-events: none;
	}
}

/*
@media(max-width: 769px) {
	#footer-main-menu .elementor-nav-menu {
		flex-direction: column !important;
	}
	#footer-main-menu .elementor-nav-menu li,
	#footer-main-menu .elementor-nav-menu li a {
		padding: 0 !important;
		margin: 0 !important;
		margin-top: 10px !important;
		text-align: center !important;
		align-content: center;
		align-items: center;
		justify-content: center;
		justify-items: center;
	}
}
*/
/*
#my-search-icon .elementor-icon-wrapper .elementor-icon {
	border-color: var(--e-global-color-8d886a3) !important;
}
*/
/*
.elementor-sticky--active #main-header-container {
	background-color: var( --e-global-color-8d886a3 ) !important;
}
*/

.popup-trigger {
	cursor: pointer !important;
}

.popup-trigger:hover .elementor-icon .e-font-icon-svg {
	fill: var(--e-global-color-accent) !important;
}

.teammitglied-popup-background,
.dialog-widget.dialog-lightbox-widget.dialog-type-lightbox.elementor-lightbox {
	background-color: rgba(0, 0, 0, 0.85) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

/*
.suche-popup-background{
	background-color: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}
*/

@media (max-width: 767px) {
  #referenzen-carousel .swiper::before,
  #referenzen-carousel .swiper::after { width: 40px; }
}