.elementor-kit-16{--e-global-color-primary:#1A1A18;--e-global-color-secondary:#F6F5F5;--e-global-color-text:#1A1A18;--e-global-color-accent:#EA5F17;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-16 e-page-transition{background-color:#FFBC7D;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */::selection {
    background-color: var(--e-global-color-accent);
    color: #fff;
}

/* Whitepaper Toggle*/
div#offcanvas-trigger {
    top: 50%;
}
/* Projekt Loop */
.idl-loopskin::before {
    background-repeat: no-repeat;
    background-position: center center;
}


/* Glow Button */
.idl-button-glow > .elementor-button {
  background-color: #ffb84 !important;
  transition: all 0.3s ease;
}

.idl-button-glow > .elementor-button:hover {
  box-shadow: 0 0 20px #ffb84d, 0 0 40px #ffb84d, 0 0 60px #ffb84d;
  transform: scale(1.05);
  background-color: #ffb84 !important;
}


.shine-text-container .shine-text {
  padding: 0px;
  position: relative;
  overflow: hidden;
}

.shine-text-container .shine-text::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(213, 216, 220, 0) 0%,
    rgba(255, 255, 255, 0.7) 50%,
     rgba(213, 216, 220, 0) 100%
  );
  transform: skewX(-20deg);
}

.shine-text-container:hover .shine-text::after {
  animation: shineBlack 1.5s forwards;
}

@keyframes shineBlack {
  to {
    left: 100%;
  }
}

.steps:hover .step>h2{
    color:white !important;

}

.steps:hover .step{
    background-color:#EA5F17 !important;

}
   

.nextStep{
      opacity: 1; 
  clip-path: inset(0 100% 0 0);
  animation: reveal-left 2s forwards; 
}
@keyframes reveal-left {
  to {
    clip-path: inset(0 0 0 0);
  }
}

.customer_thumbn{
    max-width:90px;
    max-height:50px;
}
      @media(min-width:767px){
  .kacheln .swiper-pagination{
      display:none;
  }
             .swiper-wrapper {
    --swiper-slide-width: 300px;
  }
  }
          
      }
  .kacheln{
      display: flex;
      flex-wrap: wrap;
  }
  
  
  /* USP */
  .idl-usp .e-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title b{
  color: #ea5f17;
}
/* greift nur, wenn im Wrapper .has-open (kannst du mit dem JS von oben setzen) */
.idl-usp.has-open .idl-orange-icon svg path,
.idl-usp.has-open .idl-orange-icon svg [stroke]{
  stroke: #ea5f17 !important;
}

.idl-usp summary.e-n-accordion-item-title {
    padding: 0;
}



/* Media Querries */
@media only screen and (max-width: 769px) {
    div#offcanvas-trigger {
    right: -58px;
    padding: 5px;
    overflow: hidden;
}
}
@media (min-width: 767px) {

  .elementor-swiper .swiper-pagination {
    display: none !important;
  }
}

 .fade-in {
    opacity: 0;
    animation: fadeIn 1s forwards;
  }

  .word1 {
    animation-delay: 0s;
  }

  .word2 {
    animation-delay: 500ms;
  }

  .word3 {
    animation-delay: 1s;
  }

  @keyframes fadeIn {
    to {
      opacity: 1;
    }
  }/* End custom CSS */