.elementor-20254 .elementor-element.elementor-element-dab6dc3:not(.elementor-motion-effects-element-type-background), .elementor-20254 .elementor-element.elementor-element-dab6dc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-f30d8bb ) 0%, #CBD4DB 100%);}.elementor-20254 .elementor-element.elementor-element-dab6dc3 > .elementor-container{max-width:1500px;}.elementor-20254 .elementor-element.elementor-element-dab6dc3{box-shadow:0px 7px 5px -5px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:6% 5% 5% 5%;}.elementor-20254 .elementor-element.elementor-element-dab6dc3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-20254 .elementor-element.elementor-element-5e8a0080 .elementor-heading-title{font-size:36px;line-height:1.5em;}.elementor-20254 .elementor-element.elementor-element-76d8f3a6:not(.elementor-motion-effects-element-type-background), .elementor-20254 .elementor-element.elementor-element-76d8f3a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5289be2 );}.elementor-20254 .elementor-element.elementor-element-76d8f3a6 > .elementor-container{max-width:1088px;}.elementor-20254 .elementor-element.elementor-element-76d8f3a6, .elementor-20254 .elementor-element.elementor-element-76d8f3a6 > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-20254 .elementor-element.elementor-element-76d8f3a6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-20254 .elementor-element.elementor-element-76d8f3a6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-20254 .elementor-element.elementor-element-158b0a55 img{width:100%;height:160px;object-fit:cover;object-position:center right;border-radius:100px 100px 100px 100px;}.elementor-bc-flex-widget .elementor-20254 .elementor-element.elementor-element-67966cf.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-20254 .elementor-element.elementor-element-67966cf.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-20254 .elementor-element.elementor-element-67966cf > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-20254 .elementor-element.elementor-element-25e6e9fc .bdt-ep-accordion-title{background-color:#13519E00;color:var( --e-global-color-f30d8bb );font-family:var( --e-global-typography-a4097ad-font-family );font-size:var( --e-global-typography-a4097ad-font-size );font-weight:var( --e-global-typography-a4097ad-font-weight );line-height:var( --e-global-typography-a4097ad-line-height );}.elementor-20254 .elementor-element.elementor-element-25e6e9fc .bdt-ep-accordion-item + .bdt-ep-accordion-item{margin-top:2px;}.elementor-20254 .elementor-element.elementor-element-25e6e9fc .bdt-ep-title-text{justify-content:flex-start;}.elementor-20254 .elementor-element.elementor-element-25e6e9fc .bdt-ep-accordion-custom-icon svg{fill:var( --e-global-color-f30d8bb );}.elementor-20254 .elementor-element.elementor-element-25e6e9fc .bdt-ep-accordion-content{color:var( --e-global-color-f30d8bb );}.elementor-20254 .elementor-element.elementor-element-73a88cbe:not(.elementor-motion-effects-element-type-background), .elementor-20254 .elementor-element.elementor-element-73a88cbe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c1c603f );}.elementor-20254 .elementor-element.elementor-element-73a88cbe, .elementor-20254 .elementor-element.elementor-element-73a88cbe > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-20254 .elementor-element.elementor-element-73a88cbe{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-20254 .elementor-element.elementor-element-73a88cbe > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-20254 .elementor-element.elementor-element-4d0c99c9 img{width:100%;height:160px;object-fit:cover;object-position:center center;border-radius:100px 100px 100px 100px;}.elementor-bc-flex-widget .elementor-20254 .elementor-element.elementor-element-19838e1a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-20254 .elementor-element.elementor-element-19838e1a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-20254 .elementor-element.elementor-element-19838e1a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-20254 .elementor-element.elementor-element-3bc99e96 .bdt-ep-accordion-title{background-color:#13519E00;color:var( --e-global-color-f30d8bb );font-family:var( --e-global-typography-a4097ad-font-family );font-size:var( --e-global-typography-a4097ad-font-size );font-weight:var( --e-global-typography-a4097ad-font-weight );line-height:var( --e-global-typography-a4097ad-line-height );}.elementor-20254 .elementor-element.elementor-element-3bc99e96 .bdt-ep-accordion-item + .bdt-ep-accordion-item{margin-top:2px;}.elementor-20254 .elementor-element.elementor-element-3bc99e96 .bdt-ep-title-text{justify-content:flex-start;}.elementor-20254 .elementor-element.elementor-element-3bc99e96 .bdt-ep-accordion-custom-icon svg{fill:var( --e-global-color-f30d8bb );}.elementor-20254 .elementor-element.elementor-element-3bc99e96 .bdt-ep-accordion-content{color:var( --e-global-color-f30d8bb );}.elementor-20254 .elementor-element.elementor-element-10ebf812:not(.elementor-motion-effects-element-type-background), .elementor-20254 .elementor-element.elementor-element-10ebf812 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-60f3769 );}.elementor-20254 .elementor-element.elementor-element-10ebf812, .elementor-20254 .elementor-element.elementor-element-10ebf812 > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-20254 .elementor-element.elementor-element-10ebf812{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-20254 .elementor-element.elementor-element-10ebf812 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-20254 .elementor-element.elementor-element-7d50f1fe img{width:100%;height:160px;object-fit:cover;object-position:center center;border-radius:100px 100px 100px 100px;}.elementor-bc-flex-widget .elementor-20254 .elementor-element.elementor-element-25dba5a1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-20254 .elementor-element.elementor-element-25dba5a1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-20254 .elementor-element.elementor-element-25dba5a1 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-20254 .elementor-element.elementor-element-66fd4937 .bdt-ep-accordion-title{background-color:#13519E00;color:var( --e-global-color-f30d8bb );font-family:var( --e-global-typography-a4097ad-font-family );font-size:var( --e-global-typography-a4097ad-font-size );font-weight:var( --e-global-typography-a4097ad-font-weight );line-height:var( --e-global-typography-a4097ad-line-height );}.elementor-20254 .elementor-element.elementor-element-66fd4937 .bdt-ep-accordion-item + .bdt-ep-accordion-item{margin-top:2px;}.elementor-20254 .elementor-element.elementor-element-66fd4937 .bdt-ep-title-text{justify-content:flex-start;}.elementor-20254 .elementor-element.elementor-element-66fd4937 .bdt-ep-accordion-custom-icon svg{fill:var( --e-global-color-f30d8bb );}.elementor-20254 .elementor-element.elementor-element-66fd4937 .bdt-ep-accordion-content{color:var( --e-global-color-f30d8bb );}@media(max-width:1024px){.elementor-20254 .elementor-element.elementor-element-25e6e9fc .bdt-ep-accordion-title{font-size:var( --e-global-typography-a4097ad-font-size );line-height:var( --e-global-typography-a4097ad-line-height );}.elementor-20254 .elementor-element.elementor-element-3bc99e96 .bdt-ep-accordion-title{font-size:var( --e-global-typography-a4097ad-font-size );line-height:var( --e-global-typography-a4097ad-line-height );}.elementor-20254 .elementor-element.elementor-element-66fd4937 .bdt-ep-accordion-title{font-size:var( --e-global-typography-a4097ad-font-size );line-height:var( --e-global-typography-a4097ad-line-height );}}@media(max-width:767px){.elementor-20254 .elementor-element.elementor-element-dab6dc3{padding:30px 15px 30px 15px;}.elementor-20254 .elementor-element.elementor-element-7fa8a20c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-20254 .elementor-element.elementor-element-5e8a0080 > .elementor-widget-container{padding:0px 0px 27px 0px;}.elementor-20254 .elementor-element.elementor-element-5e8a0080{text-align:center;}.elementor-20254 .elementor-element.elementor-element-5e8a0080 .elementor-heading-title{font-size:20px;}.elementor-20254 .elementor-element.elementor-element-2bcb79b6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-20254 .elementor-element.elementor-element-158b0a55 img{width:40%;}.elementor-20254 .elementor-element.elementor-element-25e6e9fc .bdt-ep-accordion-title{font-size:var( --e-global-typography-a4097ad-font-size );line-height:var( --e-global-typography-a4097ad-line-height );}.elementor-20254 .elementor-element.elementor-element-4d0c99c9 img{width:40%;}.elementor-20254 .elementor-element.elementor-element-3bc99e96 .bdt-ep-accordion-title{font-size:var( --e-global-typography-a4097ad-font-size );line-height:var( --e-global-typography-a4097ad-line-height );}.elementor-20254 .elementor-element.elementor-element-7d50f1fe img{width:40%;}.elementor-20254 .elementor-element.elementor-element-66fd4937 .bdt-ep-accordion-title{font-size:var( --e-global-typography-a4097ad-font-size );line-height:var( --e-global-typography-a4097ad-line-height );}}@media(min-width:768px){.elementor-20254 .elementor-element.elementor-element-66f7eaab{width:22.968%;}.elementor-20254 .elementor-element.elementor-element-67966cf{width:70%;}.elementor-20254 .elementor-element.elementor-element-111719e5{width:22.968%;}.elementor-20254 .elementor-element.elementor-element-19838e1a{width:70%;}.elementor-20254 .elementor-element.elementor-element-1c7703df{width:22.968%;}.elementor-20254 .elementor-element.elementor-element-25dba5a1{width:70%;}}/* Start custom CSS for section, class: .elementor-element-dab6dc3 *//* --- 1. DER BALKEN (SLIM-LOOK) --- */
.vorteil-row {
    max-width: 850px; /* Begrenzt die Breite für bessere Lesbarkeit */
    margin: 0 auto 15px auto !important; /* Zentriert und gibt Abstand nach unten */
    padding: 5px 25px 5px 5px !important; /* Sehr flach: Oben/Unten nur 5px */
    min-height: 70px; /* Die flache Höhe des Balkens */
    
    display: flex;
    align-items: center; /* Zentriert Text und Bild vertikal */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    border-radius: 100px 30px 30px 100px !important; /* Links rund, rechts moderner Knick */
    cursor: pointer;
    position: relative;
    overflow: visible !important; /* Erlaubt dem Bild, über den Rand zu ragen */
}

/* --- 2. DER HOVER-EFFEKT (AUFBULKEN) --- */
.vorteil-row:hover {
    transform: scale(1.025) translateX(10px); /* Wird leicht größer und rückt nach rechts */
    box-shadow: 0 12px 30px rgba(0,0,0,0.15); /* Edler Schatten beim Drüberfahren */
    z-index: 10;
}

/* --- 3. DIE BILD-BUBBLE --- */
.vorteil-row img {
    width: 90px !important;  /* Bildgröße */
    height: 90px !important;
    border-radius: 50% !important; /* Macht es kreisrund */
    border: 4px solid #ffffff; /* Weißer Kontrast-Ring */
    object-fit: cover;
    transition: all 0.4s ease !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    flex-shrink: 0; /* Verhindert, dass das Bild gequetscht wird */
}

/* Bild "bulkt" beim Hover zusätzlich auf */
.vorteil-row:hover img {
    transform: scale(1.1) rotate(-3deg); /* Vergrößert sich und dreht sich minimal */
}

/* --- 4. TEXT-STYLING --- */
.vorteil-row h2, 
.vorteil-row h3,
.vorteil-row .elementor-heading-title {
    color: #ffffff !important;
    font-size: 1.15rem !important;
    margin: 0 !important;
    padding-left: 20px;
    line-height: 1.2;
}

.vorteil-row p {
    color: #ffffff !important;
    font-size: 0.95rem !important;
    margin: 0 !important;
    padding-left: 20px;
}

/* --- 5. DAS PLUS-ICON (RECHTS) --- */
/* Falls du ein Icon-Widget ganz rechts hast */
.vorteil-row .elementor-widget-icon {
    margin-left: auto; /* Schiebt das Icon ganz nach rechts */
    transition: transform 0.4s ease;
}

.vorteil-row:hover .elementor-widget-icon {
    transform: rotate(90deg); /* Dreht das Plus beim Hover */
}
/* --- BILD-BUBBLES VERGRÖSSERN --- */
.vorteil-row img {
    /* Wir erhöhen die Skalierung, damit sie über den Balken ragen */
    transform: scale(1.2) !important; 
    
    /* Ein fixer Wert sorgt für absolute Einheitlichkeit bei allen Balken */
    width: 120px !important; 
    height: 120px !important;
    min-width: 120px !important;
    
    /* Der weiße Rahmen lässt sie sauber vom farbigen Hintergrund abheben */
    border: 5px solid #ffffff !important;
    border-radius: 50% !important;
    object-fit: cover;
    
    /* Schatten für mehr Tiefe */
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    
    /* Sicherstellen, dass sie über dem Balken liegen */
    z-index: 10;
    position: relative;
    
    transition: all 0.4s ease-in-out !important;
}

/* --- INTERAKTIVER HOVER-EFFEKT --- */
.vorteil-row:hover img {
    /* Beim Drüberfahren "bulkt" das Bild noch einen Ticken mehr auf */
    transform: scale(1.3) rotate(-3deg) !important;
}

/* --- TEXT-ANPASSUNG (BÜNDIGKEIT) --- */
.vorteil-row h2, 
.vorteil-row p,
.vorteil-row .elementor-heading-title {
    /* Durch die größeren Bilder brauchen wir etwas mehr Abstand links */
    padding-left: 45px !important; 
    margin: 0 !important;
}
/* --- BILD-BUBBLES VERGRÖSSERN & NACH LINKS RÜCKEN --- */
.vorteil-row img {
    /* Skalierung für die Größe */
    transform: scale(1.25) !important; 
    
    /* Fixe Maße für absolute Einheitlichkeit */
    width: 120px !important; 
    height: 120px !important;
    min-width: 120px !important;
    
    /* SCHIEBT DAS BILD NACH LINKS (Wert anpassen für mehr/weniger Effekt) */
    margin-left: -25px !important; 
    
    /* Optik-Details */
    border: 5px solid #ffffff !important;
    border-radius: 50% !important;
    object-fit: cover;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    
    /* Über dem Balken positionieren */
    z-index: 10;
    position: relative;
    
    transition: all 0.4s ease-in-out !important;
}

/* --- HOVER EFFEKT --- */
.vorteil-row:hover img {
    /* Beim Hovern noch ein Stück größer und leichter Linksschub */
    transform: scale(1.35) rotate(-3deg) translateX(-5px) !important;
}

/* --- TEXT-ANPASSUNG --- */
.vorteil-row h2, 
.vorteil-row p,
.vorteil-row .elementor-heading-title {
    /* Genug Abstand zum nach links gerückten Bild halten */
    padding-left: 55px !important; 
    margin: 0 !important;
    text-align: left !important;
}

/* --- OPTIMIERUNG NUR FÜR MOBILE GERÄTE --- */
@media (max-width: 767px) {
    .vorteil-row {
        /* Mehr Innenabstand links für den Text-Bereich */
        padding-left: 25px !important; 
        padding-right: 20px !important;
        
        /* Erhöht den Abstand zwischen den einzelnen Balken */
        margin-bottom: 40px !important; 
        
        /* Verhindert, dass der Balken zu flach wird, wenn das Bild groß ist */
        min-height: 180px !important; 
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        padding-bottom: 20px !important;
    }

    .vorteil-row img {
        /* Die Bubble bekommt mehr Abstand nach oben */
        margin-top: -30px !important; 
        margin-left: 15px !important;
        
        /* Größe für Mobile etwas handlicher */
        width: 100px !important;
        height: 100px !important;
        min-width: 100px !important;
        
        /* Stellt sicher, dass das Bild immer oben links sitzt */
        align-self: flex-start !important;
    }

    .vorteil-row h2, 
    .vorteil-row p,
    .vorteil-row .elementor-heading-title {
        /* Text rückt bündig unter die Bubble mit mehr Abstand links */
        padding-left: 15px !important;
        font-size: 1.1rem !important;
    }
}/* End custom CSS */