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

.section-width{
	padding-left:5%;
	padding-right:5%;
}


/* Show Hide Sticky Header Speed Control */
#hide-header {
	transition: all .8s ease!important;
}


.gradient-text{
	/*
	background-image: linear-gradient(45deg, --e-global-color-ccb443b, rgba(99,165,243,1));
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	display:inline-block;
	*/
	
	
    color: #61CEA3;
	/* background-image: -webkit-radial-gradient(circle, var(--e-global-color-ccb443b) 0%, var(--e-global-color-55ed3a3) 100%); */
	background-image: -webkit-linear-gradient(45deg, var(--e-global-color-55ed3a3) 0%, var(--e-global-color-ccb443b) 100%);
	/* background-image: -webkit-linear-gradient(45deg, #2196f3 0%, #47ff9d 100%); */

	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
    display:inline-block;
        
}

.elementor-button{
	transition:all 0.4s ease-out !important;
}


/* JET TIMELINE */
.jet-hor-timeline .jet-arrow.jet-arrow-disabled{
	opacity:0;
}

/* GLOWBOX */
.glowBox{
	position:relative;
	z-index:1;
}

.glowBox::after {
  position: absolute;
  content: "";
  top: 5vw;
  left: 0;
  right: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  transform: scale(0.75);
  -webkit-filter: blur(5vw);
  -moz-filter: blur(5vw);
  -ms-filter: blur(5vw);
  filter: blur(5vw);
  background: linear-gradient(270deg, #0fffc1, #7e0fff);
  background-size: 200% 200%;
  animation: animateGlow 10s ease infinite;
}


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

/* ########################################## LEISTUNGEN */

.leistungen-box{
    transition:all 0.25s linear;
}

.leistungen-box:hover .leistungen-text{
    color:#fff;
}

/* ########################################## ABLAUF */


@media screen and (max-width:1024px){
	.ablauf-headline h2{
        color:#ffffff !important;
	}
	
	.ablauf-text{
        color: #B3BAC9 !important;
    }
	
	.ablauf-number h2{
		color:#2196F342 !important;	
	}
}


/* ########################################## TESTIMONIALS */

.testimonial-autor-box{
	flex:1 !important; 
}
.testimonial-autor-box .e-con-inner{
	align-items: flex-end !important;
}



/* ########################################## HAMBURGER BUTTON */
#menu_button{
    position: fixed;
    right:5%;
	  top:8px;
}
@media screen and (max-width: 767px){
  #menu_button{
    top:1px;
  }
}

.btn-platzhalter{
    opacity:0;
}

    .ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hamRotate.active {
  transform: rotate(45deg);
}
.hamRotate180.active {
  transform: rotate(180deg);
}
.line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke:#fff;
  stroke-width:3;
  stroke-linecap:round;
}
.ham1 .top {
  stroke-dasharray: 40 139;
}
.ham1 .bottom {
  stroke-dasharray: 40 180;
}
.ham1.active .top {
  stroke-dashoffset: -98px;
}
.ham1.active .bottom {
  stroke-dashoffset: -138px;
}


/* z-index button and popup */
#elementor-popup-modal-3771{
    z-index:110;
}

#header-with-button{
    z-index:120;
}

/* ########################################## FULLSCREEN NAVIGATION */
#fullScreenNav,
.elementor-popup-modal > .fadeIn{
	transition:all .5s linear;
	backdrop-filter: blur(10px);
}

#fullScreenNav .elementor-nav-menu li{
	transition: all .15s linear;
	opacity:0;
}

#fullScreenNav .elementor-nav-menu:hover > li a{
	opacity:0.3;
}

#fullScreenNav .elementor-nav-menu > li a:hover{
	opacity:1;
}

#fullScreenNav .elementor-nav-menu > li:hover a{
	letter-spacing:3px
}

/* list show animation */
#fullScreenNav .elementor-nav-menu > li {
      animation: fadeFromBottom 1s ease forwards;
      animation-delay: .2s;
}

#fullScreenNav .elementor-nav-menu > li:nth-of-type(2) {
        animation-delay: .3s;
}
#fullScreenNav .elementor-nav-menu > li:nth-of-type(3) {
	animation-delay: .4s;
}
#fullScreenNav .elementor-nav-menu > li:nth-of-type(4) {
	animation-delay: .5s;
}



@keyframes fadeFromBottom {
  0% {
    opacity:0.3;
    transform:translateY(30px);
  }
  100% {
    opacity: 1;
    left: 0;
		transform:translateY(0px);
  }
}



 /* Improved Animations Stylesheet  works for the 'fade' animations */

 @keyframes fadeDown {
  from {
      opacity: 0;
      transform: translate3d(0,-30px,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

.elementor-element.fadeInDown {
  animation-name: fadeDown
}

@keyframes fadeLeft {
  from {
      opacity: 0;
      transform: translate3d(-30px,0,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

.elementor-element.fadeInLeft {
  animation-name: fadeLeft
}

@keyframes fadeRight {
  from {
      opacity: 0;
      transform: translate3d(30px,0,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

.elementor-element.fadeInRight {
  animation-name: fadeRight
}

@keyframes fadeUp {
  from {
      opacity: 0;
      transform: translate3d(0,30px,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

.elementor-element.fadeInUp {
  animation-name: fadeUp
}