.elementor-4461 .elementor-element.elementor-element-b5f9d47{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:var(--spacing-16) var(--spacing-16);--row-gap:var(--spacing-16);--column-gap:var(--spacing-16);--padding-top:var(--spacing-16);--padding-bottom:var(--spacing-48);--padding-left:var(--spacing-24);--padding-right:var(--spacing-24);}.elementor-4461 .elementor-element.elementor-element-b5f9d47:not(.elementor-motion-effects-element-type-background), .elementor-4461 .elementor-element.elementor-element-b5f9d47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7d424cf );}.elementor-4461 .elementor-element.elementor-element-c10b313{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:var(--spacing-16) var(--spacing-16);--row-gap:var(--spacing-16);--column-gap:var(--spacing-16);}.elementor-4461 .elementor-element.elementor-element-c10b313.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4461 .elementor-element.elementor-element-509a8b1{--display:flex;}.elementor-4461 .elementor-element.elementor-element-33f1da4{text-align:start;}.elementor-4461 .elementor-element.elementor-element-33f1da4 img{width:30px;}.elementor-4461 .elementor-element.elementor-element-2fd8d35{text-align:start;}.elementor-4461 .elementor-element.elementor-element-2fd8d35 img{width:32px;}.elementor-4461 .elementor-element.elementor-element-385a286 .elementor-heading-title{font-family:var( --e-global-typography-7e93507-font-family ), Sans-serif;font-size:var( --e-global-typography-7e93507-font-size );font-weight:var( --e-global-typography-7e93507-font-weight );line-height:var( --e-global-typography-7e93507-line-height );color:var( --e-global-color-9995973 );}.elementor-4461 .elementor-element.elementor-element-b0215f6{font-family:var( --e-global-typography-1d0da5b-font-family ), Sans-serif;font-size:var( --e-global-typography-1d0da5b-font-size );font-weight:var( --e-global-typography-1d0da5b-font-weight );line-height:var( --e-global-typography-1d0da5b-line-height );color:var( --e-global-color-9995973 );}.elementor-4461 .elementor-element.elementor-element-b23dcdd.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f3f0282 );}.elementor-4461 .elementor-element.elementor-element-b23dcdd.elementor-view-framed .elementor-icon, .elementor-4461 .elementor-element.elementor-element-b23dcdd.elementor-view-default .elementor-icon{color:var( --e-global-color-f3f0282 );border-color:var( --e-global-color-f3f0282 );}.elementor-4461 .elementor-element.elementor-element-b23dcdd.elementor-view-framed .elementor-icon, .elementor-4461 .elementor-element.elementor-element-b23dcdd.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f3f0282 );}.elementor-4461 .elementor-element.elementor-element-b23dcdd .elementor-icon{font-size:16px;}.elementor-4461 .elementor-element.elementor-element-b23dcdd .elementor-icon svg{height:16px;}@media(max-width:1024px){.elementor-4461 .elementor-element.elementor-element-385a286 .elementor-heading-title{font-size:var( --e-global-typography-7e93507-font-size );line-height:var( --e-global-typography-7e93507-line-height );}.elementor-4461 .elementor-element.elementor-element-b0215f6{font-size:var( --e-global-typography-1d0da5b-font-size );line-height:var( --e-global-typography-1d0da5b-line-height );}}@media(max-width:767px){.elementor-4461 .elementor-element.elementor-element-c10b313{--width:186.359px;--justify-content:flex-start;--flex-wrap:nowrap;}.elementor-4461 .elementor-element.elementor-element-385a286 .elementor-heading-title{font-size:var( --e-global-typography-7e93507-font-size );line-height:var( --e-global-typography-7e93507-line-height );}.elementor-4461 .elementor-element.elementor-element-b0215f6{font-size:var( --e-global-typography-1d0da5b-font-size );line-height:var( --e-global-typography-1d0da5b-line-height );}}/* Start custom CSS for container, class: .elementor-element-509a8b1 */.kompetenz-card .kompetenz-icon .icon-light img[src$="/branchen-icon-light.svg"] {
    object-position: center center!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5f9d47 */.elementor-4461 .elementor-element.elementor-element-b5f9d47 {
    position: relative;
    overflow: hidden;
    padding: var(--spacing-32) var(--spacing-24);
    background-color: #0D3F3F;
    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}

.elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-toggle {
    display: none;
}

.elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-icon {
    position: relative;
    width: var(--spacing-32);
    height: var(--spacing-32);
}

.elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-icon .elementor-widget-image {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--spacing-32);
    margin: 0;
    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

.elementor-4461 .elementor-element.elementor-element-b5f9d47 .icon-light {
    opacity: 1;
    transform: scale(1);
}

.elementor-4461 .elementor-element.elementor-element-b5f9d47 .icon-dark {
    opacity: 0;
    transform: scale(0.9);
}

.elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-text {
    max-height: 0;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(8px);
    transition:
        max-height 0.35s ease,
        opacity 0.2s ease,
        transform 0.3s ease,
        margin 0.3s ease;
}

.elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-button {
    margin-top: var(--spacing-48);
}

.elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-title .elementor-heading-title,
.elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-button,
.elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-button a {
    color: #FFFFFF;
    transition: color 0.3s ease;
}

@media (min-width: 1025px) {
    .elementor-4461 .elementor-element.elementor-element-b5f9d47:hover {
        background-color: #D9FF3F;
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47:hover .icon-light {
        opacity: 0;
        transform: scale(0.9);
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47:hover .icon-dark {
        opacity: 1;
        transform: scale(1);
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47:hover .kompetenz-text {
        max-height: 180px;
        margin-top: var(--spacing-8);
        opacity: 1;
        transform: translateY(0);
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47:hover .kompetenz-title .elementor-heading-title,
    .elementor-4461 .elementor-element.elementor-element-b5f9d47:hover .kompetenz-text,
    .elementor-4461 .elementor-element.elementor-element-b5f9d47:hover .kompetenz-button,
    .elementor-4461 .elementor-element.elementor-element-b5f9d47:hover .kompetenz-button a {
        color: #003B3B !important;
    }
}

@media (max-width: 1024px) {
    .elementor-4461 .elementor-element.elementor-element-b5f9d47 {
        display: grid;
        grid-template-columns: 48px minmax(1fr) 40px;
        grid-template-areas:
            "icon title toggle"
            "text text text"
            "button button button";
        align-items: center;
        gap: 0 16px;
        min-height: 0;
        padding: 20px 24px var(--spacing-32);
        cursor: pointer;
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-icon {
        grid-area: icon;
        width: 48px;
        height: 48px;
        margin: 0;
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-icon .elementor-widget-image {
        width: 48px;
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-title {
        grid-area: title;
        margin: 0 !important;
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-title .elementor-heading-title {
        margin: 0;
        font-size: 20px;
        line-height: 1.2;
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-toggle {
        display: block;
        grid-area: toggle;
        justify-self: end;
        margin: 0;
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-toggle .elementor-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        color: #FFFFFF !important;
        transition:
            color 0.3s ease,
            transform 0.3s ease;
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-toggle .elementor-icon svg,
    .elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-toggle .elementor-icon path {
        fill: currentColor !important;
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-text {
        grid-area: text;
        max-height: 0;
        margin: 0;
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47 .kompetenz-button {
        grid-area: button;
        display: none;
        margin: 0;
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47.is-open {
        background-color: #D9FF3F;
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47.is-open .icon-light {
        opacity: 0;
        transform: scale(0.9);
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47.is-open .icon-dark {
        opacity: 1;
        transform: scale(1);
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47.is-open .kompetenz-text {
        max-height: 220px;
        margin-top: var(--spacing-16);
        opacity: 1;
        transform: translateY(0);
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47.is-open .kompetenz-button {
        display: block;
        margin-top: var(--spacing-16);
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47.is-open .kompetenz-title .elementor-heading-title,
    .elementor-4461 .elementor-element.elementor-element-b5f9d47.is-open .kompetenz-text,
    .elementor-4461 .elementor-element.elementor-element-b5f9d47.is-open .kompetenz-button,
    .elementor-4461 .elementor-element.elementor-element-b5f9d47.is-open .kompetenz-button a,
    .elementor-4461 .elementor-element.elementor-element-b5f9d47.is-open .kompetenz-toggle .elementor-icon {
        color: #003B3B !important;
    }

    .elementor-4461 .elementor-element.elementor-element-b5f9d47.is-open .kompetenz-toggle .elementor-icon {
        transform: rotate(90deg);
    }
}/* End custom CSS */