/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

.elementor-element.bg-gradient {
	background: linear-gradient(-45deg, #A78BB9, #D1929D, #AB6C9D, #B18DB5);
	background-size: 400% 400%;
	animation: gradient 30s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.elementor-element.bg-pride {
  width: 100%;
  height: 10px; /* anpassen */
  background: linear-gradient(
    to right,
    #E40303 0%   10%,
    #FF8C00 10%  20%,
    #FFED00 20%  30%,
    #008026 30%  40%,
    #004DFF 40%  50%,
    #750787 50%  60%,
    #FFAFC8 60%  70%,
    #74D7EE 70%  80%,
    #613915 80%  90%,
    #000000 90%  100%
  );
}

.elementor-widget-loop-carousel.elementor-pagination-type-bullets {
    --swiper-pagination-size: 8px !important;
}

.elementor-widget-loop-carousel .swiper-pagination-bullet {
    -webkit-transition: transform 300ms ease;
    -moz-transition: transform 300ms ease;
    transition: transform 300ms ease;
}

.elementor-widget-loop-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
    -webkit-transform: scale(1.25) !important;
    -moz-transform: scale(1.25) !important;
    transform: scale(1.25) !important;
}

.btn-cta .elementor-button-link {
	font-size: 1.25rem;
	padding: 1rem;
	font-weight: bold;
}

@media (max-width: 767px) {
    .event-carousel {
        padding-left: 20px !important;
    }
}


/* --- Hero --- */

/* Nur das interne Elementor-Video ansprechen */
.video-bg .elementor-background-video-container,
.video-bg .elementor-background-video-embed {
    transition: opacity 0.1s ease;
}

.video-bg:hover .elementor-background-video-container,
.video-bg:hover .elementor-background-video-embed {
    opacity: 0.1;
}

/* Startzustand: Slider unsichtbar*/
.video-bg .event-slider {
    opacity: 0.1;
    max-height: 0;
    overflow: hidden;
    transition:
        opacity 0.4s ease,
        max-height 0.4s ease,
        transform 0.4s ease;
}

/* Beim Hover über .video-bg: Slider sichtbar machen */
.video-bg:hover .event-slider {
    opacity: 1;
    max-height: 1000px;
    transform: translate(0);
}