.elementor-2414 .elementor-element.elementor-element-61d3612{--display:flex;}.elementor-2414 .elementor-element.elementor-element-61d3612:not(.elementor-motion-effects-element-type-background), .elementor-2414 .elementor-element.elementor-element-61d3612 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #4876FF 0%, #f2295b 100%);}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-2414 .elementor-element.elementor-element-d1e1a25{text-align:left;}.elementor-2414 .elementor-element.elementor-element-d1e1a25 img{opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2414 .elementor-element.elementor-element-ed9718b{width:var( --container-widget-width, 4% );max-width:4%;--container-widget-width:4%;--container-widget-flex-grow:0;top:44px;z-index:0;}.elementor-2414 .elementor-element.elementor-element-ed9718b > .elementor-widget-container{margin:0px 0px 0px 0px;}body:not(.rtl) .elementor-2414 .elementor-element.elementor-element-ed9718b{left:850px;}body.rtl .elementor-2414 .elementor-element.elementor-element-ed9718b{right:850px;}.elementor-2414 .elementor-element.elementor-element-ed9718b .elementor-icon-wrapper{text-align:center;}.elementor-2414 .elementor-element.elementor-element-ed9718b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-2414 .elementor-element.elementor-element-ed9718b.elementor-view-framed .elementor-icon, .elementor-2414 .elementor-element.elementor-element-ed9718b.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-2414 .elementor-element.elementor-element-ed9718b.elementor-view-framed .elementor-icon, .elementor-2414 .elementor-element.elementor-element-ed9718b.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-2414 .elementor-element.elementor-element-ed9718b .elementor-icon{font-size:36px;}.elementor-2414 .elementor-element.elementor-element-ed9718b .elementor-icon svg{height:36px;}.elementor-2414 .elementor-element.elementor-element-ed9718b .elementor-icon i, .elementor-2414 .elementor-element.elementor-element-ed9718b .elementor-icon svg{transform:rotate(0deg);}.elementor-2414 .elementor-element.elementor-element-5662cfc{width:var( --container-widget-width, 4% );max-width:4%;--container-widget-width:4%;--container-widget-flex-grow:0;top:-2px;}body:not(.rtl) .elementor-2414 .elementor-element.elementor-element-5662cfc{left:-6px;}body.rtl .elementor-2414 .elementor-element.elementor-element-5662cfc{right:-6px;}body:not(.rtl) .elementor-2414 .elementor-element.elementor-element-e3a4afe{left:801px;}body.rtl .elementor-2414 .elementor-element.elementor-element-e3a4afe{right:801px;}.elementor-2414 .elementor-element.elementor-element-e3a4afe{top:44px;}@media(max-width:1366px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}body:not(.rtl) .elementor-2414 .elementor-element.elementor-element-5662cfc{left:-4px;}body.rtl .elementor-2414 .elementor-element.elementor-element-5662cfc{right:-4px;}.elementor-2414 .elementor-element.elementor-element-5662cfc{top:5px;}}@media(max-width:1024px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}body:not(.rtl) .elementor-2414 .elementor-element.elementor-element-5662cfc{left:154px;}body.rtl .elementor-2414 .elementor-element.elementor-element-5662cfc{right:154px;}.elementor-2414 .elementor-element.elementor-element-5662cfc{top:143px;}}/* Start custom CSS for html, class: .elementor-element-5662cfc *//* Stil für das Burger-Icon */
.burger-menu {
    width: 39px;
    height: 27px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    position: absolute;
    top: 50px;
    left: 910px;
}

.bar {
    width: 100%;
    height: 4px;
    background-color: #ffffff; /* Weiße Farbe für das Icon */
    border-radius: 2px;
    transition: background-color 0.3s;
}

/* Standard-Einstellungen für große Bildschirme */
nav {
    position: absolute;
    top: 220px; /* Abstand vom oberen Rand */
    left: 250px; /* Abstand vom linken Rand */
    width: auto; /* Breite anpassen */
}

.staticcta {
    color: #4876FF;
    position: absolute;
    top: 220px; /* Abstand vom oberen Rand */
    right: 250px; /* Abstand vom rechten Rand */
    text-align: left;
    width: auto; /* Breite anpassen */
}

.headlinestatic {
    font-size: 70px !important;
    letter-spacing: -2px !important;
    display: block !important;
    text-align: left !important;
}

.subheadlinestatic {
    font-size: 22px !important;
    margin-top: 10px !important;
    display: block !important;
}

.contact-info .phone-number a {
    color: #ffffff; /* Textfarbe */
    text-decoration: underline; /* Unterstreicht die Telefonnummer */
    font-size: 22px; /* Schriftgröße */
}

.contact-info .calling-time p {
    color: #ffffff !important; /* Setzt die Textfarbe auf Weiß */
}

.contact-info .phone-number a:hover {
    color: #F2295B; /* Farbe bei Hover */
    cursor: pointer; /* Zeigt eine Hand beim Hover */
}

/* Stil für den Button */
.staticctabutton {
    background-color: transparent; /* Transparenter Hintergrund */
    border: 1px solid #ffffff; /* Randfarbe und Dicke */
    color: #ffffff!important; /* Schriftfarbe */
    font-size: 22px; /* Schriftgröße */
    padding: 10px 20px; /* Innenabstand */
    cursor: pointer; /* Zeigt eine Hand beim Hover */
    text-transform: uppercase; /* Macht den Text großgeschrieben */
    margin-top: 20px; /* Abstand zum oberen Element (subheadlinestatic) */
    display: block; /* Stellt sicher, dass der Button in einer neuen Zeile erscheint */
    text-align: center; /* Zentriert den Text im Button */
    background-clip: text; /* Macht den Verlauf auf den Text anwendbar */
    -webkit-background-clip: text; /* Für WebKit-Browser */
    transition: color 0.3s ease; /* Sanfter Übergang für die Textfarbe */
}

/* Hover-Effekt für den Button */
.staticctabutton:hover {
    background: radial-gradient( #4876FFE0, #F2295B); /* Horizontaler Verlauf von links nach rechts */
    color: #F2295B!important; /* Setzt die Schriftfarbe auf #F2295B */
}
@media (min-width: 1300px) and (max-width: 1600px) {
        .elementor-button.elementor-button-link.elementor-size-xl{
        display:none;
    }
    .smp {
      left:200px;
      position:fixed;
     
  }
  .smp a{

      font-size: 25px!important;
      
  }
  .headlinestatic {
            font-size: 60px!important; /* Schriftgröße der Headline */
           
        }

        .subheadlinestatic {
            font-size: 14px!important; /* Schriftgröße der Subheadline */
        
        }
        
     
            
              .staticcta {
       
        right: 200px; /* Abstand vom rechten Rand */
        position: fixed;
    }

}

@media (min-width: 1200px) and (max-width: 1300px) {
   
  
    .smp {
      left:200px;
      position:fixed;
     
  }
  .smp a{

      font-size: 25px!important;
      
  }
  .headlinestatic {
            font-size: 60px!important; /* Schriftgröße der Headline */
           
        }

        .subheadlinestatic {
            font-size: 18px!important; /* Schriftgröße der Subheadline */
        
        }
        
     
            
              .staticcta {
       
        right: 200px; /* Abstand vom rechten Rand */
        position: fixed;
    }
            
        
  
}


@media (min-width: 1024px) and (max-width: 1200px) {
   
  
    .smp {
      left:10px;
      position:fixed;
     
  }
  .smp a{

      font-size: 25px!important;
      
  }
  .headlinestatic {
            font-size: 60px!important; /* Schriftgröße der Headline */
           
        }

        .subheadlinestatic {
            font-size: 18px!important; /* Schriftgröße der Subheadline */
        
        }
        
     
            
              .staticcta {
       
        right: 70px; /* Abstand vom rechten Rand */
        position: fixed;
    }
            
        
  
}

@media (min-width: 767px) and (max-width: 1024px) {
    .staticcta {
       display: none;
    }
    .elementor-button.elementor-button-link.elementor-size-xl{
        display:none;
    }
    .smp {
      left:180px;
      position:fixed;
     
  }
  .smp a{

      font-size: 30px!important;
      
  }
  
}


@media (max-width: 767px) {
    .burger-menu {
        display: flex; /* Nur auf mobilen Geräten sichtbar */
        position: fixed;
        top: 10px;
        left: 10px;
    }

    .staticcta {
        display: none; /* Versteckt statischen CTA auf mobilen Geräten */
    }

    nav {
        top: 150px;
        left: 10px;
        width: auto;
        position: absolute;
    }

    .smp {
        left: 20px;
        position: fixed;
    }

    .smp a {
        font-size: 25px !important;
    }

    .headlinestatic {
        font-size: 50px !important;
    }

    .subheadlinestatic {
        font-size: 18px !important;
    }

    .staticctabutton {
        font-size: 18px;
    }

    .contact-info .phone-number a {
        font-size: 18px;
    }

 


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3a4afe *//* Container für das Icon und die Telefonnummer */
.elementor-icon-wrapper {
  position: relative;
  display: inline-block;
}

/* Styling für die Telefonnummer */
.elementor-icon-wrapper .phone-number {
  font-weight: bold;
  font-size: 16px; /* Schriftgröße anpassen */
  color: #ffffff; /* Weiße Schriftfarbe */
  position: absolute;
  left: 0; /* Startpunkt direkt links vom Icon */
  top: 50%;
  transform: translateX(-100%) translateY(-50%); /* Startpunkt direkt links vom Icon */
  white-space: nowrap;
  opacity: 0;
  transition: transform 0.3s ease-in-out, opacity 0.5s ease-in-out;
}

/* Bei Hover: Die Telefonnummer herausgleiten lassen */
.elementor-icon-wrapper:hover .phone-number {
  transform: translateX(-120%) translateY(-50%); /* Bewege die Telefonnummer weiter nach links */
  opacity: 1;
}

/* Zusätzlicher Stil für das SVG-Icon */
.e-font-icon-svg.e-fas-phone-alt {
  fill: #ffffff; /* Icon in Weiß */
  width: 30px; /* Größe des Icons */
  height: 36px; /* Größe des Icons */
}/* End custom CSS */