.elementor-18081 .elementor-element.elementor-element-febba44{--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:2em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(1em/2);}.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(1em/2);}.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(1em/2);}.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-1em/2);}.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-1em/2);}.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-18081 .elementor-element.elementor-element-9333c1c{--e-icon-list-icon-size:1.5em;--icon-vertical-align:center;}.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-item > a{font-family:var( --e-global-typography-521bd5f-font-family ), Sans-serif;font-size:var( --e-global-typography-521bd5f-font-size );line-height:var( --e-global-typography-521bd5f-line-height );}.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}@media(max-width:1366px){.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-item > a{font-size:var( --e-global-typography-521bd5f-font-size );line-height:var( --e-global-typography-521bd5f-line-height );}}@media(max-width:1024px){.elementor-18081 .elementor-element.elementor-element-febba44{--justify-content:space-between;}.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0.5em/2);}.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0.5em/2);}.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0.5em/2);}.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0.5em/2);}.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0.5em/2);}.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-item > a{font-size:var( --e-global-typography-521bd5f-font-size );line-height:var( --e-global-typography-521bd5f-line-height );}}@media(max-width:767px){.elementor-18081 .elementor-element.elementor-element-9333c1c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-item > a{font-size:var( --e-global-typography-521bd5f-font-size );line-height:var( --e-global-typography-521bd5f-line-height );}}@media(min-width:2400px){.elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-18081 .elementor-element.elementor-element-9333c1c .elementor-icon-list-item > a{font-size:var( --e-global-typography-521bd5f-font-size );line-height:var( --e-global-typography-521bd5f-line-height );}}/* Start custom CSS *//* 1. Basis-Container */
.hero-video {
    position: relative;
    /* NEU: Der dunkelste Ton als Basis */
    /*background-color: #2f4645 !important;*/
    overflow: hidden;
    isolation: isolate;
    min-height: 100vh;
}

/* 2. Wrapper - Blur bleibt */
.hero-video .canvas-wrapper {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 0;
    pointer-events: none;
    filter: blur(200px); 
    opacity: 0.9; 
}

/* 3. Textschutz */
.hero-video .elementor-widget-wrap,
.hero-video .e-con-inner {
    position: relative;
    z-index: 10 !important;
}

/* 4. Orb Basis-Einstellungen */
.hero-video .orb {
    position: absolute;
    border-radius: 50%;
    /* Screen hellt auf - bei dieser Palette wirkt das sehr edel */
    mix-blend-mode: screen; 
    will-change: transform;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

/* --- GRUPPE 1: Die dunkle Basis (Tiefe) --- */

.hero-video .orb-base-1 {
    /* NEU: Zweitdunkelster Ton */
    background: #4f6968; 
    width: 140vw; height: 140vh;
    top: -40vh; left: -40vw; 
    opacity: 0.5; /* Etwas reduziert, da die Farbe heller ist */
    animation-name: wander-base-1;
    animation-duration: 35s; 
}

.hero-video .orb-base-2 {
    /* NEU: Gleicher Ton für Balance */
    background: #4f6968; 
    width: 150vw; height: 120vh;
    top: 40vh; left: 20vw; 
    opacity: 0.4;
    animation-name: wander-base-2;
    animation-duration: 40s; 
}

/* --- GRUPPE 2: Die Nebel (Mittel- & Hellere Töne) --- */

/* Fog 1: Unten Links */
.hero-video .orb-fog-1 {
    /* NEU: Der Mittelton (Grau-Blau-Grün) */
    background: #76908f; 
    width: 50vw; height: 50vh; 
    top: 60vh; left: -10vw; 
    opacity: 0.35; 
    animation-name: wander-fog-1;
    animation-duration: 22s; 
}

/* Fog 2: Oben Rechts */
.hero-video .orb-fog-2 {
    /* NEU: Wieder der dunklere Ton für Kontrast */
    background: #4f6968; 
    width: 40vw; height: 40vh; 
    top: -10vh; left: 60vw; 
    opacity: 0.4; 
    animation-name: wander-fog-2;
    animation-duration: 28s; 
}

/* Fog 3: Mitte */
.hero-video .orb-fog-3 {
    /* NEU: Ein heller Akzent-Ton */
    background: #a0b4b2; 
    width: 60vw; height: 40vh;
    top: 30vh; left: 20vw; 
    opacity: 0.25; /* Subtiler, da heller */
    animation-name: wander-fog-3;
    animation-duration: 25s; 
}

/* --- GRUPPE 3: Highlight (Der hellste Ton) --- */

.hero-video .orb-highlight {
    /* NEU: Der hellste Ton der Palette */
    background: #d3ddda; 
    width: 100vw; height: 20vh; 
    top: 90vh; left: 0vw;
    /* Sehr niedrig, damit es nur ein Schimmer ist */
    opacity: 0.2; 
    animation-name: wander-highlight;
    animation-duration: 30s;
}

/* 5. Die Animationen (Unverändert) */

@keyframes wander-base-1 {
    0% { transform: translate(0, 0) rotate(0deg); }
    100% { transform: translate(20vw, 20vh) rotate(5deg); }
}

@keyframes wander-base-2 {
    0% { transform: translate(0, 0) rotate(0deg); }
    100% { transform: translate(-20vw, -10vh) rotate(-5deg); }
}

@keyframes wander-fog-1 {
    0% { transform: translate(0, 0) scale(1); border-radius: 50%; }
    100% { transform: translate(40vw, -40vh) scale(1.1); border-radius: 40% 60% 30% 70% / 50%; }
}

@keyframes wander-fog-2 {
    0% { transform: translate(0, 0) rotate(0deg); }
    100% { transform: translate(-40vw, 40vh) rotate(15deg); }
}

@keyframes wander-fog-3 {
    0% { transform: translate(0, 0); }
    33% { transform: translate(20vw, -20vh) rotate(10deg); }
    66% { transform: translate(-20vw, 10vh) rotate(-10deg); }
    100% { transform: translate(0, 0); }
}

@keyframes wander-highlight {
    0% { transform: translateY(0) rotate(-5deg) scaleX(1); }
    100% { transform: translateY(-80vh) rotate(5deg) scaleX(1.2); }
}


/* Allgemein */

.elementor-icon-box-title {
    margin: 0;
}

.svgcolor .elementor-icon svg {
  filter: invert(61%) sepia(8%) saturate(1003%) hue-rotate(134deg) brightness(91%) contrast(88%);
}/* End custom CSS */