.elementor-kit-9{--e-global-color-primary:#0967B1;--e-global-color-secondary:#16233C;--e-global-color-text:#16233C;--e-global-color-accent:#a3cb3c;--e-global-color-602dee3:#0967B1;--e-global-color-c019ee3:#739bab;--e-global-color-78d736f:#16233CB3;--e-global-color-e819c93:#0967B1B3;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-weight:600;color:var( --e-global-color-text );font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;line-height:1.8rem;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-secondary );border-radius:8px 8px 8px 8px;padding:16px 20px 16px 20px;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:var( --e-global-color-text );color:#FFFFFF;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:var( --e-global-color-accent );}.elementor-kit-9 h1{color:var( --e-global-color-text );font-size:60px;}.elementor-kit-9 h2{color:var( --e-global-color-text );font-size:46px;font-weight:800;text-transform:none;letter-spacing:-1px;}.elementor-kit-9 h3{color:var( --e-global-color-text );font-size:20px;font-weight:600;text-transform:uppercase;}.elementor-kit-9 h4{color:var( --e-global-color-text );font-size:34px;font-weight:400;}.elementor-kit-9 h5{color:var( --e-global-color-text );}.elementor-kit-9 h6{color:var( --e-global-color-text );}.elementor-kit-9 img{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#046CBBDE;}@media(max-width:1024px){.elementor-kit-9{font-size:16px;line-height:1.65em;}.elementor-kit-9 h1{font-size:50px;}.elementor-kit-9 h2{font-size:38px;}.elementor-kit-9 h3{font-size:18px;}.elementor-kit-9 h4{font-size:20px;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9 h1{font-size:32px;}.elementor-kit-9 h2{font-size:28px;}.elementor-kit-9 h3{font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* CUSTOM SKYABILITY STYLES */
.page-padding{
    padding-left:35px;
    padding-right:35px;
}

@media screen and (max-width:1024px){
    .page-padding{
        padding-left:5%;
        padding-right:5%;
    }
}

@media screen and (max-width:768px){
    .page-padding{
        padding-left:15px;
        padding-right:15px;
    }
}


.break-word{
    word-break: break-word;
}

/* ol ul paddings */

.wp-block-list,
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol{
    padding-left:25px;
}

.elementor-widget-text-editor ul li::marker{
    color: var(--e-global-color-accent);
}

.list-abstand ul li{
    margin-bottom:15px;
}

/* SVG ARROW FIX */
.arrow-list li svg{
    fill:none !important;
    transform:rotate(45deg);
}

@media screen and (max-width:767px){
    .hero-acc .acc-block{
        flex:0 1 auto;
        padding:25px;
    }
    
    .hero-acc .acc-content{
        width:100%;
        left:0;
        top:0;
        padding-bottom:70px;
        position:relative;
    }
}


/* disapear left right */
.disappear-gradient-left-right{
    -webkit-mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent 100%);
}




/* scroll to anchor menu states */

.scroll-to-anchor-menu .elementor-icon-list-item a.active {
    font-weight: bold !important;
    border-bottom: 2px solid var(--e-global-color-accent) !important;
}



/* AREA-BG-ANI */
.area-bg-ani{
    aspect-ratio: 16/9;
    background-size:150% !important;
    transition: background-size 0.3s ease;
}

.area-bg-ani:hover{
    background-size:160% !important;
}

/* BUTTON SLIDE ICON ANIMATION */
.button-slide-icon .elementor-button-icon {
  position: relative;
  width: 24px;
  height: 24px;
  overflow: hidden;
  margin-bottom: -5px;
  margin-top: -2px;
}

.button-slide-icon .elementor-button-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.4s ease;
}

.button-slide-icon .elementor-button-icon::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-image: var(--icon-bg);
  transition: transform 0.4s ease;
}

.button-slide-icon.secondary .elementor-button-icon:after{
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22lucide%20lucide-arrow-up-right-icon%20lucide-arrow-up-right%22%3E%3Cpath%20d%3D%22M7%207h10v10%22%20stroke%3D%22black%22%2F%3E%3Cpath%20d%3D%22M7%2017%2017%207%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E");
}

.button-slide-icon .elementor-button:hover .elementor-button-icon svg {
  transform: translateX(100%);
}

.button-slide-icon .elementor-button:hover .elementor-button-icon::after {
  transform: translateX(100%);
}


/* IMG ASPECT RATIO 4/3 */
.img-ratio-4-3 img{
    aspect-ratio: 16/9;
    object-fit: cover;
}


/* FLYING DRONE ANIMATION */
.flying-drone-ani {
  position: relative; /* Ermöglicht Animation relativ zur Position */
  animation: float 4s ease-in-out infinite; /* Einzige Animation für alle Bewegungen */
}

@keyframes float {
  0%, 100% {
    transform: translateY(0) translateX(0) rotate(0deg); /* Start- und Endposition */
  }
  50% {
    transform: translateY(-10px) translateX(-5px) rotate(1deg); /* Oben, leicht seitwärts, geneigt */
  }
}


/* FadeInUp Animation change */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,20%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

/* GALLERY CAROUSEL */
.sky-gallery-carousel img{
    aspect-ratio: 4/3;
    object-fit:cover
}

.sky-gallery-carousel .elementor-swiper-button-prev {
    margin-left: -80px;
}

.sky-gallery-carousel .elementor-swiper-button-next {
    margin-right: -80px;
}
@media screen and (max-width:1620px){
    .sky-gallery-carousel .elementor-swiper-button{
                background-color:var(--e-global-color-primary);
        padding:5px;
        margin-top:-5px;
    }
    .sky-gallery-carousel .elementor-swiper-button i{
        color:#fff;
    }
    .sky-gallery-carousel .elementor-swiper-button-next{
        margin-right:-50px;
    }
    .sky-gallery-carousel .elementor-swiper-button-prev{
        margin-left:-50px;
    }
}
@media screen and (max-width:767px){
    .sky-gallery-carousel .elementor-swiper-button-prev {
        margin-left: -28px;
    }
    
    .sky-gallery-carousel .elementor-swiper-button-next {
        margin-right: -28px;
    }
}

/* PRODUKT GALLERY mit THUMBNAILS */

.swiper.gallery-top img{
    width:100%;
    aspect-ratio: 4/3;
    object-fit: contain;
}


/* PAGINATION STYLES */
.elementor-pagination .page-numbers{
    background-color: #eee;
    display: inline-block;
    width: 35px;
    padding:3px;
}
.elementor-pagination .page-numbers:hover{
    background-color: #e8e8e8;
}

.elementor-pagination .page-numbers.current{
    background-color:var( --e-global-color-primary );
}

/* BLOG POST */

#blog-post-content h1{
    font-size:36px;
    margin-bottom:1rem;
}

#blog-post-content h4{
    font-size:22px;
    margin-bottom:1rem;
}

#blog-post-content blockquote{
    background:rgba(37,112,170,.15);
    margin:40px 0;
    padding:20px 20px 10px 20px;
    font-style: italic;
}


/* KACHEL HOVER EFFECT */
.hover-effect-container::before{
    opacity:0;
}

.hover-effect-container:hover::before{
    opacity:0.85;
}

.hover-effect-container .overlay-content{
    opacity:0;
    transform:translateY(20px);
    transition:all 0.25s ease-out 0;
}

.hover-effect-container:hover .overlay-content{
    margin-top:0;
    opacity:1;
    transition:all .3s ease-out 0.15s;
    transform:translateY(0);
}

.hover-effect-container:not(a) .link-arrow {
    display: none;
}

@media screen and (max-width:1024px){
    .hover-effect-container{
        padding-top:300px;
    }
    .hover-effect-container::before{
        opacity:1;
        background: linear-gradient(0deg,rgba(22, 35, 60, 0.9) 25%, rgba(255, 255, 255, 0) 100%) !important;
    }
    
    .hover-effect-container .overlay-content{
        opacity:1;
        transform:translateY(0);
    }
}



/* LOGO SLIDER */
.logo-slider .swiper-wrapper{
  transition-timing-function: linear !important; 
}

.logo-slider .swiper-slide{
    width:auto !important;
    margin:0 50px;
}


/* FORMULARE */

.elementor-message-success{
    font-size:20px;
    font-weight:600;
}


/* BLOG */

.wp-block-image{
    margin:25px 0;
}

.wp-block-image.aligncenter img,
.wp-block-image.aligncenter{
    width:100%;
}/* End custom CSS */