.elementor-366 .elementor-element.elementor-element-3a774a6{--display:flex;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-366 .elementor-element.elementor-element-d962d79{--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:1vw 0vw;--row-gap:1vw;--column-gap:0vw;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-366 .elementor-element.elementor-element-568def3 .elementor-heading-title{font-family:var( --e-global-typography-78e3608-font-family ), Sans-serif;font-size:var( --e-global-typography-78e3608-font-size );font-weight:var( --e-global-typography-78e3608-font-weight );line-height:var( --e-global-typography-78e3608-line-height );color:var( --e-global-color-0184856 );}.elementor-366 .elementor-element.elementor-element-3c83be3{color:var( --e-global-color-f13fa19 );}#elementor-popup-modal-366{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-366 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-366 .dialog-close-button{display:flex;}#elementor-popup-modal-366 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1366px) and (min-width:768px){.elementor-366 .elementor-element.elementor-element-d962d79{--width:100%;}}@media(min-width:2400px){.elementor-366 .elementor-element.elementor-element-568def3 .elementor-heading-title{font-size:var( --e-global-typography-78e3608-font-size );line-height:var( --e-global-typography-78e3608-line-height );}}@media(max-width:1366px){.elementor-366 .elementor-element.elementor-element-d962d79{--gap:1vw 0vw;--row-gap:1vw;--column-gap:0vw;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-366 .elementor-element.elementor-element-568def3 .elementor-heading-title{font-size:var( --e-global-typography-78e3608-font-size );line-height:var( --e-global-typography-78e3608-line-height );}}@media(max-width:1200px){.elementor-366 .elementor-element.elementor-element-d962d79{--padding-top:5vw;--padding-bottom:5vw;--padding-left:8vw;--padding-right:8vw;}}@media(max-width:1024px){.elementor-366 .elementor-element.elementor-element-568def3 .elementor-heading-title{font-size:var( --e-global-typography-78e3608-font-size );line-height:var( --e-global-typography-78e3608-line-height );}}@media(max-width:767px){.elementor-366 .elementor-element.elementor-element-3a774a6{--width:100%;--min-height:0px;--padding-top:10vw;--padding-bottom:10vw;--padding-left:10vw;--padding-right:10vw;}.elementor-366 .elementor-element.elementor-element-d962d79{--padding-top:8vw;--padding-bottom:8vw;--padding-left:8vw;--padding-right:8vw;}.elementor-366 .elementor-element.elementor-element-568def3 .elementor-heading-title{font-size:var( --e-global-typography-78e3608-font-size );line-height:var( --e-global-typography-78e3608-line-height );}#elementor-popup-modal-366 .dialog-message{width:1000px;}}/* Start custom CSS for container, class: .elementor-element-d962d79 *//* Styling für deine Leistungs-Cards */
.elementor-366 .elementor-element.elementor-element-d962d79 {
    background: rgba(221, 240, 255, 0.8) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(80, 107, 176, 0.3) !important;
    border-radius: 20px;

    transition: all 0.4s ease-in-out;
}

/* Subtiler Glow-Effekt, wenn man mit der Maus über eine Card fährt */
.elementor-366 .elementor-element.elementor-element-d962d79:hover {
    border-color: #DDF0FF !important;
    box-shadow: 0 0 25px rgba(221, 240, 255, 0.2);
    transform: translateY(-5px);
}

/* Falls du die Überschriften farblich anpassen willst */
.elementor-366 .elementor-element.elementor-element-d962d79 h3 {
    color: #DDF0FF !important;
    font-family: 'Deine-Tech-Schriftart', sans-serif;
    letter-spacing: 1px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a774a6 *//* --- BASIS-CONTAINER --- */
.elementor-366 .elementor-element.elementor-element-3a774a6 {
    background-color: #060D15 !important; /* Dein Basis-Blau */
    position: relative;
    overflow: hidden;
    z-index: 1;
}


/* --- EBENE 2: VOLLERES STERNENFELD / STAUB (::after) --- */
/* Nutzt dein Hellblau #DDF0FF für viele kleine und mittlere Sterne */
.elementor-366 .elementor-element.elementor-element-3a774a6::after {
    content: "";
    position: absolute;
    top: -50%; left: -50%;
    width: 200%; height: 200%;
    
    /* Viel mehr Sterne hinzugefügt und Positionen gestreut */
    background-image: 
        /* Sehr kleine Sterne */
        radial-gradient(1px 1px at 10% 10%, #DDF0FF, rgba(0,0,0,0)),
        radial-gradient(1px 1px at 20% 80%, #DDF0FF, rgba(0,0,0,0)),
        radial-gradient(1px 1px at 30% 30%, rgba(221, 240, 255, 0.6), rgba(0,0,0,0)),
        radial-gradient(1px 1px at 50% 10%, #DDF0FF, rgba(0,0,0,0)),
        radial-gradient(1px 1px at 60% 70%, rgba(221, 240, 255, 0.7), rgba(0,0,0,0)),
        radial-gradient(1px 1px at 80% 40%, #DDF0FF, rgba(0,0,0,0)),
        radial-gradient(1px 1px at 90% 90%, #DDF0FF, rgba(0,0,0,0)),
        /* Mittlere Sterne/Staubpartikel */
        radial-gradient(2px 2px at 15% 45%, rgba(221, 240, 255, 0.5), rgba(0,0,0,0)),
        radial-gradient(1.5px 1.5px at 25% 65%, #DDF0FF, rgba(0,0,0,0)),
        radial-gradient(2px 2px at 35% 15%, rgba(80, 107, 176, 0.6), rgba(0,0,0,0)), /* Blaues Funkeln */
        radial-gradient(2px 2px at 70% 30%, #DDF0FF, rgba(0,0,0,0)),
        radial-gradient(1.5px 1.5px at 85% 60%, rgba(221, 240, 255, 0.4), rgba(0,0,0,0)),
        /* Etwas größere Partikel */
        radial-gradient(3px 3px at 45% 50%, rgba(221, 240, 255, 0.3), rgba(0,0,0,0)),
        radial-gradient(2.5px 2.5px at 95% 10%, rgba(80, 107, 176, 0.4), rgba(0,0,0,0));
        
    /* Dichterer Kachel-Abstand für mehr Sterne */
    background-size: 350px 350px; 
    
    z-index: -1;
    
    /* Beibehaltung der langsamen, majestätischen Geschwindigkeit */
    animation: dust-drift 60s linear infinite;
    opacity: 0.6; /* Leicht erhöht für bessere Sichtbarkeit der vielen Sterne */
}

/* --- ANIMATIONEN --- */

@keyframes nebula-pulse {
    0%, 100% { opacity: 0.4; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.1); }
}

@keyframes dust-drift {
    from { transform: translate(0, 0); }
    to { transform: translate(350px, 350px); } /* Angepasst an background-size */
}










/* Grundzustand der Überschrift (unsichtbar + 40px weiter unten) */
.elementor-366 .elementor-element.elementor-element-3a774a6 .reveal-text {
    opacity: 0;
    filter: blur(10px);
    transform: translateY(40px);
    transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
    text-align: center;
    width: 100%;
}

/* Aktiv-Zustand: Fliegt butterweich nach oben und wird scharf */
.elementor-366 .elementor-element.elementor-element-3a774a6.is-active .reveal-text {
    opacity: 1 !important;
    filter: blur(0px) !important;
    transform: translateY(0) !important;
}

/* ... Deine bisherigen Styles für ::before (Nebel) und ::after (Sterne) bleiben einfach darunter stehen ... *//* End custom CSS */