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

html, body { overflow-x: hidden; }

/* STYLES */
.animation { animation: moveAndFade 4s ease-in-out infinite; transition: all .3s; }
.animation:hover { transition: all .3s; }

.elementor-button, .elementor-button:hover, .elementor-button .elementor-button-icon { transition: all .3s; }
.elementor-button:hover .elementor-button-icon { transform: rotate(45deg) scale(1.2); transition: all .3s; }
.elementor-button-content-wrapper { align-items: center!important; }
.bigicon .elementor-button { padding-top: 9px; padding-bottom: 9px; }
.bigicon .elementor-button svg { width: 1.4em; height: 1.4em; }

.invert { filter: invert(1); }

.teamflip { width: 280px; height: 280px; }
.teamflip .elementor-flip-box__layer  { width: 280px; height: 280px; border: 5px solid #f4cc22; border-radius: 1000px; background-color: #f4cc22; }
@media (min-width: 768px) {
	.team { margin-left: 80px;}
	.team .teamflip:nth-child(2), .team .teamflip:nth-child(4) { margin-left: -80px; margin-top: -100px; }
}

/* HEADER / NAVIGATION */
.elementor-menu-toggle, .elementor-menu-toggle:hover { transition: all .3s; }
.elementor-menu-toggle.elementor-active { background: #f4cc22!important; }

/* MENÜ */
.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container { max-height: 100vh; height: 100vh; top: -55px !important; background-color: rgba(0, 174, 239, 0.65) !important; backdrop-filter: blur(7px); z-index: -1; display: flex; align-items: center; justify-content: center; }

.elementor-item { transition: all .3s; letter-spacing: 0px; }
.elementor-item:hover { transform: scale(1.15); letter-spacing: 5px!important; transition: all .3s; }

.kita-anmeldung a { background-color: var(--e-global-color-b8273d1); transition-duration: 0.3s; border-radius: 50px 50px 50px 50px; padding: 12px 24px; margin: 35px 0 -35px 0; }

/* ANIMATIONEN */
@keyframes moveAndFade {
  0% { opacity: 0; transform: translateY(-50px); }
  40% { transform: translateY(0); opacity: 1; }
  80% { opacity: 1; transform: translateY(0); }
  85% { transform: translateY(-15px); opacity: 1; }
  100% { opacity: 0; transform: translateY(50px); }
}

/* COOKIES */
#cmplz-manage-consent { display: none!important; }
footer .cmplz-btn { background: transparent!important; padding: 0!important; text-transform: inherit!important; font-size: inherit!important; transition: all 0.3s; font-family: var( --e-global-typography-text-font-family ), Sans-serif!important; font-weight: var( --e-global-typography-text-font-weight )!important; color: var(--e-global-color-text); border: none!important; }
footer .cmplz-btn:hover { transition: all 0.3s; color: var(--e-global-color-b8273d1); }