.elementor-kit-182{--e-global-color-primary:#AFC410;--e-global-color-secondary:#173C2A;--e-global-color-text:#173C2A;--e-global-color-accent:#BB4827;--e-global-color-5a91eba:#F6F2E6;--e-global-color-7c191f9:#FFFFFF;--e-global-color-4fe5efb:#FFFFFF00;--e-global-color-c0da714:#D7E5B1;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Outfit";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-a1f9fda-font-family:"Outfit";--e-global-typography-a1f9fda-font-size:20px;--e-global-typography-a1f9fda-font-weight:300;--e-global-typography-a1f9fda-line-height:1.5em;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 );}.elementor-kit-182 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;--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:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}{}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:1024px){.elementor-kit-182{--e-global-typography-primary-font-size:40px;--e-global-typography-secondary-font-size:25px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-182{--e-global-typography-primary-font-size:30px;--e-global-typography-secondary-font-size:22px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Keyframes für die Drehung im Uhrzeigersinn */
@keyframes rotateClockwise {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Keyframes für die Drehung gegen den Uhrzeigersinn */
@keyframes rotateCounterClockwise {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}

/* Anwendung der Animation auf das .badge-Element */
.badge {
    /* Dauer der vollständigen Drehung (z.B. 5 Sekunden) */
    animation: rotateClockwise 15s linear infinite;
    
    /* Sicherstellen, dass das Element sich um sein Zentrum dreht */
    transform-origin: center;
}

/* Anwendung der Animation auf das .badge-left-Element */
.badge-left {
    /* Dauer der vollständigen Drehung (z.B. 5 Sekunden) */
    animation: rotateCounterClockwise 15s linear infinite;
    
    /* Sicherstellen, dass das Element sich um sein Zentrum dreht */
    transform-origin: center;
}

/* Optional: Browser-Kompatibilität mit Präfixen */
@-webkit-keyframes rotateClockwise {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateCounterClockwise {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg);
    }
}

.badge {
    -webkit-animation: rotateClockwise 5s linear infinite;
    animation: rotateClockwise 15s linear infinite;
    transform-origin: center;
}

.badge-left {
    -webkit-animation: rotateCounterClockwise 15s linear infinite;
    animation: rotateCounterClockwise 5s linear infinite;
    transform-origin: center;
}/* End custom CSS */