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


/* Header Kontakt */

/* Blaue Linie um hamburger menü und linksentfernen */

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
}

a, a:visited { outline: none; }
a:hover,
a:active,
a:focus {
  /*Edit at will*/
  background: none;  
}

.text-header{

}

/* Menu Sytle Parent when child active */

.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-parent > a {
    background-color: #000!important;
}

/********************** Sticky Menu **********************/

/* Fade In Option */

/* 
.header-2 {
 opacity: 0;
 -moz-transition: opacity .25s ease-out!important;
  -webkit-transition: opacity .25s ease-out!important;
  transition: opacity .25s ease-out!important;
}


.elementor-sticky--effects.header-2  {
 opacity: 1!important;
}
*/

/* End Of Fade In Option */


/* Footer */

.text-footer{

}

.text-footer a{
  color: #ffffff;
}

/********************** Scroll to top **********************/

  .scroll-top {
    position: fixed;
    bottom: 4.5rem;
    right: 1rem;
    background-color: #72BF44;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    font-size: 24px;
    cursor: pointer;
    z-index: 999;
    display: none;
    transition: background-color 0.3s ease;
  }

  .scroll-top:focus {
    outline: 3px solid #fff;
    outline-offset: 2px;
  }

  .scroll-top:hover {
    background-color: #333;
  }

/************* Formulare  *************/

.elementor-field-group .elementor-field-textual{
  padding: 10px!important;
}



/************* Allgemeine fade in Animationen *************/


html.slide-animations-active .slide-from-left {
  opacity: 0;
  transform: translateX(-60px);
}
html.slide-animations-active .slide-from-right {
  opacity: 0;
  transform: translateX(60px);
}
html.slide-animations-active .slide-from-top {
  opacity: 0;
  transform: translateY(-60px);
}
html.slide-animations-active .slide-from-bottom {
  opacity: 0;
  transform: translateY(60px);
}

html.slide-animations-active .slide-from-left,
html.slide-animations-active .slide-from-right,
html.slide-animations-active .slide-from-top,
html.slide-animations-active .slide-from-bottom {
  transition: opacity 0.9s ease, transform 0.9s ease;
}

/* Gleiche Spezifität wie oben */
html.slide-animations-active .slide-from-left.is-visible,
html.slide-animations-active .slide-from-right.is-visible,
html.slide-animations-active .slide-from-top.is-visible,
html.slide-animations-active .slide-from-bottom.is-visible {
  opacity: 1;
  transform: translate(0, 0);
}