.elementor-2872 .elementor-element.elementor-element-b430f24{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:var(--spacing-80);--padding-bottom:var(--spacing-48);--padding-left:0;--padding-right:0;}.elementor-2872 .elementor-element.elementor-element-44033b7 > .elementor-widget-container{padding:var(--spacing-48) 0 0 0;}.elementor-2872 .elementor-element.elementor-element-44033b7 .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-2872 .elementor-element.elementor-element-6ebfdab > .elementor-widget-container{padding:var(--spacing-8) 0 0 0;}.elementor-2872 .elementor-element.elementor-element-6ebfdab{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-2872 .elementor-element.elementor-element-e8c00cc > .elementor-widget-container{padding:var(--spacing-48) 0 0 0;}.elementor-2872 .elementor-element.elementor-element-dd5452f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f3f0282 );}.elementor-2872 .elementor-element.elementor-element-dd5452f.elementor-view-framed .elementor-icon, .elementor-2872 .elementor-element.elementor-element-dd5452f.elementor-view-default .elementor-icon{color:var( --e-global-color-f3f0282 );border-color:var( --e-global-color-f3f0282 );}.elementor-2872 .elementor-element.elementor-element-dd5452f.elementor-view-framed .elementor-icon, .elementor-2872 .elementor-element.elementor-element-dd5452f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f3f0282 );}.elementor-2872 .elementor-element.elementor-element-dd5452f .elementor-icon{font-size:16px;}.elementor-2872 .elementor-element.elementor-element-dd5452f .elementor-icon svg{height:16px;}@media(max-width:1024px){.elementor-2872 .elementor-element.elementor-element-44033b7 .elementor-heading-title{font-size:var( --e-global-typography-7e93507-font-size );line-height:var( --e-global-typography-7e93507-line-height );}.elementor-2872 .elementor-element.elementor-element-6ebfdab{font-size:var( --e-global-typography-1d0da5b-font-size );line-height:var( --e-global-typography-1d0da5b-line-height );}}@media(max-width:767px){.elementor-2872 .elementor-element.elementor-element-44033b7 .elementor-heading-title{font-size:var( --e-global-typography-7e93507-font-size );line-height:var( --e-global-typography-7e93507-line-height );}.elementor-2872 .elementor-element.elementor-element-6ebfdab{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-b430f24 */.elementor-2872 .elementor-element.elementor-element-b430f24 {
    position: relative;
    padding: 0;
    overflow: visible;
    min-height: 0;
    background: transparent !important;
}

/* Falls das Toggle aus dem ersten Listing übernommen wurde: hier nicht anzeigen */
.elementor-2872 .elementor-element.elementor-element-b430f24 .kompetenz-toggle {
    display: none !important;
}

/* Icons übereinanderlegen */
.elementor-2872 .elementor-element.elementor-element-b430f24 .kompetenz-icon {
    position: relative;
    width: 56px;
    height: 56px;
}

.elementor-2872 .elementor-element.elementor-element-b430f24 .kompetenz-icon .elementor-widget-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 56px;
    margin: 0;
    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

/* Immer das helle Icon zeigen */
.elementor-2872 .elementor-element.elementor-element-b430f24 .icon-light {
    opacity: 1;
    transform: scale(1);
}

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

.elementor-2872 .elementor-element.elementor-element-b430f24 .kompetenz-title .elementor-heading-title {
    color: #FFFFFF !important;
}

/* Desktop: Beschreibung ist direkt sichtbar */
.elementor-2872 .elementor-element.elementor-element-b430f24 .kompetenz-text {
    display: block;
    max-height: none;
    overflow: visible;
    opacity: 1;
    transform: none;
    color: #FFFFFF !important;
}

/* Button bleibt sichtbar */
.elementor-2872 .elementor-element.elementor-element-b430f24 .kompetenz-button a {
    color: var(--color-bright-yellow) !important;
}

.elementor-2872 .elementor-element.elementor-element-b430f24 .kompetenz-button a:hover {
    color: var(--color-deep-sea) !important;
}

/* Kein Hintergrund und kein Farbwechsel beim Hover */
.elementor-2872 .elementor-element.elementor-element-b430f24:hover,
.elementor-2872 .elementor-element.elementor-element-b430f24.is-open {
    background: transparent !important;
}

.elementor-2872 .elementor-element.elementor-element-b430f24:hover .icon-light,
.elementor-2872 .elementor-element.elementor-element-b430f24.is-open .icon-light {
    opacity: 1;
    transform: scale(1);
}

.elementor-2872 .elementor-element.elementor-element-b430f24:hover .icon-dark,
.elementor-2872 .elementor-element.elementor-element-b430f24.is-open .icon-dark {
    opacity: 0;
    transform: scale(0.9);
}/* End custom CSS */