.elementor-kit-7{--e-global-color-primary:#F7A600;--e-global-color-secondary:#B71766;--e-global-color-text:#575757;--e-global-color-accent:#E30613;--e-global-color-863ed77:#FFFFFF;--e-global-color-056a4d4:#00000026;--e-global-color-cb10078:#F9BC40;--e-global-color-cfa3786:#FBD380;--e-global-color-7a9a0af:#FDE9BF;--e-global-color-ea61ce7:#FEF2D9;--e-global-color-0b06077:#C9518C;--e-global-color-34997e8:#DB8BB3;--e-global-color-0535a07:#EDC5D9;--e-global-color-8f13f85:#F4DCE8;--e-global-color-ef4975b:#EA444E;--e-global-color-9eb348e:#F18389;--e-global-color-3fd6549:#F8C1C4;--e-global-color-a3025b8:#FBDADC;--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-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-primary );font-weight:bold;color:var( --e-global-color-863ed77 );box-shadow:10px 10px 30px 0px rgba(0, 0, 0, 0.1);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-056a4d4 );border-radius:2em 2em 2em 2em;padding:1.25em 1.25em 1.25em 1.25em;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-863ed77 );color:var( --e-global-color-primary );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{box-shadow:10px 10px 30px 0px rgba(0, 0, 0, 0.05);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-056a4d4 );border-radius:2em 2em 2em 2em;padding:1.25em 1.25em 1.25em 1.25em;}.elementor-kit-7 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea:focus,.elementor-kit-7 .elementor-field-textual:focus{border-style:solid;border-color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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: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 *//** FORMS **/


.elementor-field-group.elementor-field-type-upload label.elementor-field-label,
.elementor-field-group.elementor-field-type-checkbox label.elementor-field-label {
    position: relative;
    transform: translateY(0) !important;
    color: inherit !important;
}

select, select option { font-size: inherit !important; }
@media(min-width: 1024px){
    select, select option { font-size: 18px !important; }

}
.elementor-field-group textarea::placeholder,
.elementor-field-group input::placeholder {
    opacity: 0 !important;

}
.elementor-field-group.elementor-field-type-select select {

}
.elementor-field-group.elementor-field-type-select label.elementor-field-label {z-index:1; font-size:12px;
}
.elementor-field-group.elementor-field-type-select label.elementor-field-label,
.elementor-field-group label.elementor-field-label {
    position: absolute;
    top: 50%;
    line-height: 1;
    left: 20px;
    padding: 3px 6px !important;
    display: inline-block;
    transform: translateY(-50%);
    transition: top ease .3s;pointer-events: none !important;
     border-radius: 5px !important;

}
.elementor-field-group.elementor-field-type-select label.elementor-field-label
{
    background-color: #fff;
    top: 0;
    font-size:12px; border-radius: 5px;
}
.elementor-field-group:has(textarea:focus) label.elementor-field-label,
.elementor-field-group:has(input:focus) label.elementor-field-label {
   color: #fff;
   background-color: var(--e-global-color-primary);
    top: 0;
    font-size:12px;
}

.elementor-field-group:has(textarea:not(:placeholder-shown)) .elementor-field-label,
.elementor-field-group:has(textarea:not(:placeholder-shown):valid) .elementor-field-label,
.elementor-field-group:has(input:not(:placeholder-shown)) .elementor-field-label,
.elementor-field-group:has(input:not(:placeholder-shown):valid) .elementor-field-label {
    top: 0;
    /*background-image: linear-gradient(0deg, var(--e-global-color-9f02609) 50%, rgba(0, 0, 0, 0) 100%);*/
    color: #fff;
   background-color: var(--e-global-color-primary);
    font-size:12px; 
}


.elementor-field-group:has(textarea:not(:placeholder-shown):valid) .elementor-field-label,
.elementor-field-group:has(input:not(:placeholder-shown):valid) .elementor-field-label { background-color: var(--e-global-color-secondary) !important; }

.elementor-field-group:has(textarea:not(:placeholder-shown):valid) textarea,
.elementor-field-group:has(input:not(:placeholder-shown):valid) input { border-color: var(--e-global-color-secondary) !important; }


.elementor-field-group:has(textarea:not(:placeholder-shown)) teaxtarea,
.elementor-field-group:has(input:not(:placeholder-shown)) input {
    border-color: var(--e-global-color-primary) !important;
}

/** Kringel**/
.kringel svg { transition: all ease .3s !important; }


/** CTA**/
.ctaitem {
    --theme: var(--e-global-color-primary);
}

.ctaitem svg { max-height: 400px !important; }

.ctaitem:hover .ctacontent *{ color: #fff !important;}
.ctaitem:not(:hover) .kringel svg { fill: #f0f0f0 !important; }
.ctaitem:hover .kringel svg{     transform: rotate(50deg); }

/** ABlauf **/

.ablaufitem { aspect-ratio: 1; }
.ablaufinner {    position: absolute;
    left: 0rem;
    top: 0rem;
    bottom: 0rem;
    right: 0rem;
    border-radius: 2rem;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    padding: 2rem;
    overflow: hidden;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 5%);
    color: #575756;
    transition: box-shadow ease .3s; }

.ablaufcontent {
    transition: top ease .5s;
    transform: translateY(0%);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 2rem;
    max-height: calc(100%);
    width: calc(100% + 20px);
    overflow: visible;
    padding-right: calc(2rem + 20px);
    
 }
    
    .swiper-slide-active .ablaufheader {
    transform: translateY(0);
}

.ablaufheader {
    transform: translateY(calc(-100% - 4rem));
}

.swiper-slide-active  .ablaufcontent {
    overflow: auto !important;
    top: 0;
    background: var(--e-global-color-text);
    color:#fff !important;
}


.swiper-slide-active  .ablaufcontent p, 
.swiper-slide-active  .ablaufcontent h1, 
.swiper-slide-active  .ablaufcontent h2, 
.swiper-slide-active  .ablaufcontent h3, 
.swiper-slide-active  .ablaufcontent h4, 
.swiper-slide-active  .ablaufcontent h5, 
.swiper-slide-active  .ablaufcontent h6 {
    color:#fff !important;
} 

.swiper-slide:hover .kringel { transform: rotate(215deg);}

.swiper-slide-active .kringel { transform: rotate(230deg);}/* End custom CSS */