.elementor-2836 .elementor-element.elementor-element-dd6d2d6{--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:0 0;--row-gap:0;--column-gap:0;--padding-top:var(--spacing-48);--padding-bottom:var(--spacing-48);--padding-left:var(--spacing-32);--padding-right:var(--spacing-32);}.elementor-2836 .elementor-element.elementor-element-dd6d2d6:not(.elementor-motion-effects-element-type-background), .elementor-2836 .elementor-element.elementor-element-dd6d2d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7d424cf );}.elementor-2836 .elementor-element.elementor-element-7f4aba7{--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-24) var(--spacing-24);--row-gap:var(--spacing-24);--column-gap:var(--spacing-24);}.elementor-2836 .elementor-element.elementor-element-eb6c399{--display:flex;}.elementor-2836 .elementor-element.elementor-element-3865318{text-align:start;}.elementor-2836 .elementor-element.elementor-element-3865318 img{width:30px;}.elementor-2836 .elementor-element.elementor-element-173703b{text-align:start;}.elementor-2836 .elementor-element.elementor-element-04095b2 .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-2836 .elementor-element.elementor-element-0ad21d0 > .elementor-widget-container{padding:var(--spacing-16) 0 0 0;}.elementor-2836 .elementor-element.elementor-element-0ad21d0{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-2836 .elementor-element.elementor-element-b9d3188 > .elementor-widget-container{padding:var(--spacing-32) 0 0 0;}.elementor-2836 .elementor-element.elementor-element-c9d7d94.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f3f0282 );}.elementor-2836 .elementor-element.elementor-element-c9d7d94.elementor-view-framed .elementor-icon, .elementor-2836 .elementor-element.elementor-element-c9d7d94.elementor-view-default .elementor-icon{color:var( --e-global-color-f3f0282 );border-color:var( --e-global-color-f3f0282 );}.elementor-2836 .elementor-element.elementor-element-c9d7d94.elementor-view-framed .elementor-icon, .elementor-2836 .elementor-element.elementor-element-c9d7d94.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f3f0282 );}.elementor-2836 .elementor-element.elementor-element-c9d7d94 .elementor-icon{font-size:16px;}.elementor-2836 .elementor-element.elementor-element-c9d7d94 .elementor-icon svg{height:16px;}@media(max-width:1024px){.elementor-2836 .elementor-element.elementor-element-04095b2 .elementor-heading-title{font-size:var( --e-global-typography-7e93507-font-size );line-height:var( --e-global-typography-7e93507-line-height );}.elementor-2836 .elementor-element.elementor-element-0ad21d0{font-size:var( --e-global-typography-1d0da5b-font-size );line-height:var( --e-global-typography-1d0da5b-line-height );}}@media(max-width:767px){.elementor-2836 .elementor-element.elementor-element-04095b2 .elementor-heading-title{font-size:var( --e-global-typography-7e93507-font-size );line-height:var( --e-global-typography-7e93507-line-height );}.elementor-2836 .elementor-element.elementor-element-0ad21d0{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-dd6d2d6 */.elementor-2836 .elementor-element.elementor-element-dd6d2d6 {
    position: relative;
    overflow: hidden;
    background-color: #0D3F3F;
    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}

.elementor-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-toggle {
    display: none;
}

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

.elementor-2836 .elementor-element.elementor-element-dd6d2d6 .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-2836 .elementor-element.elementor-element-dd6d2d6 .icon-light {
    opacity: 1;
    transform: scale(1);
}

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

.elementor-2836 .elementor-element.elementor-element-dd6d2d6 .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-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-title .elementor-heading-title,
.elementor-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-button,
.elementor-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-button a {
    color: #FFFFFF;
    transition: color 0.3s ease;
}

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

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

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

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

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

@media (max-width: 1024px) {
    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 {
        display: grid !important;
        grid-template-columns: minmax(0, 80%) minmax(0, 20%);
        grid-template-areas:
            "header toggle"
            "text text"
            "button button";
        align-items: center !important;
        align-content: start !important;
        gap: 0 !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;

        padding: 20px 20px var(--spacing-32) !important;
        box-sizing: border-box;
        cursor: pointer;
    }

    /* Gemeinsamer Container für Icon und Titel */
    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 > .e-con {
        grid-area: header;
        align-self: center !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 > .e-con > .e-con-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    /* Linkes Icon */
    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-icon {
        position: relative;
        flex: 0 0 40px !important;
        align-self: center !important;

        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-icon .elementor-widget-image {
        position: absolute;
        top: 0;
        left: 0;

        width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-icon .elementor-widget-container {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 100%;
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0;
    }

    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-icon img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        max-width: 100%;
        max-height: 100%;
        margin: 0;
        object-fit: contain;
        object-position: center;
    }

    /* Titel neben dem Icon */
    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-title {
        flex: 1 1 0% !important;
        align-self: center !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-title .elementor-widget-container {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-title .elementor-heading-title {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        text-wrap: wrap !important;
        text-align: left;
    }

    /* Rechter Pfeil */
    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-toggle {
        display: block !important;
        grid-area: toggle;
        align-self: center !important;
        justify-self: end !important;

        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-toggle .elementor-widget-container {
        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-toggle .elementor-icon-wrapper {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        line-height: 0;
    }

    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 .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-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-toggle .elementor-icon svg,
    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-toggle .elementor-icon path {
        fill: currentColor !important;
    }

    /* Aufklappbarer Inhalt */
    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-text {
        grid-area: text;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-height: 0;

        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-2836 .elementor-element.elementor-element-dd6d2d6 .kompetenz-button {
        grid-area: button;
        display: none;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .elementor-2836 .elementor-element.elementor-element-dd6d2d6.is-open {
        background-color: #D9FF3F;
    }

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

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

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

    .elementor-2836 .elementor-element.elementor-element-dd6d2d6.is-open .kompetenz-button {
        display: block;
        margin-top: var(--spacing-16) !important;
    }

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

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