.elementor-501 .elementor-element.elementor-element-0679267{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:50px;--padding-right:50px;}.elementor-501 .elementor-element.elementor-element-0679267:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-0679267 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://markeding.world/wp-content/uploads/2026/09/Hintergrund.webp");background-repeat:no-repeat;background-size:cover;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-501 .elementor-element.elementor-element-4ff052a{color:#FFFFFF;}.elementor-501 .elementor-element.elementor-element-4ff052a a{color:var( --e-global-color-text );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-501 .elementor-element.elementor-element-0679267:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-0679267 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}}@media(max-width:767px){.elementor-501 .elementor-element.elementor-element-0679267:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-0679267 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-501 .elementor-element.elementor-element-0679267{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for container, class: .elementor-element-0679267 *//* 1. Haupt-Container vorbereiten */
.elementor-501 .elementor-element.elementor-element-0679267 {
    position: relative !important;
    overflow: hidden !important; /* Verhindert, dass der Lichtkegel seitlich herausragt */
}

/* 2. Der dunkle Hintergrund-Verlauf (Von links dunkel nach rechts transparent) */
.elementor-501 .elementor-element.elementor-element-0679267::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: ; /* Über dem Hintergrundbild, aber unter dem Text */
    pointer-events: none;
    background: 
        linear-gradient(90deg, rgba(20, 17, 15, 0.92) 0%, rgba(20, 17, 15, 0.6) 42%, rgba(20, 17, 15, 0.12) 100%), 
        linear-gradient(0deg, rgba(20, 17, 15, 0.72) 0%, transparent 52%);
}

/* 3. Der animierte, rote Lichteffekt (Sheen) */
.elementor-501 .elementor-element.elementor-element-0679267::after {
    content: "";
    position: absolute;
    z-index: 2; /* Liegt elegant eingebettet im Hintergrund */
    top: 42%;
    left: -35vw;
    width: 170vw;
    height: clamp(12rem, 26vh, 20rem);
    pointer-events: none;
    background: linear-gradient(180deg, transparent 0%, rgba(236, 29, 36, 0.04) 16%, rgba(236, 29, 36, 0.23) 40%, rgba(255, 205, 205, 0.15) 50%, rgba(236, 29, 36, 0.2) 60%, transparent 100%);
    filter: blur(20px);
    mix-blend-mode: screen;
    will-change: transform, opacity;
    
    /* Animation aufrufen */
    animation: diagonal-sheen 22s cubic-bezier(0.45, 0, 0.3, 1) 0.2s infinite;
}

/* 4. Z-Index Korrektur für deine Elementor-Inhalte (Damit der Text über dem Filter liegt) */
.elementor-501 .elementor-element.elementor-element-0679267 > .elementor-container,
.elementor-501 .elementor-element.elementor-element-0679267 > .e-con-inner,
.elementor-501 .elementor-element.elementor-element-0679267 > .elementor-widget {
    position: relative;
    z-index: 3 !important;
}

/* 5. Die dazugehörige Animations-Logik für den diagonalen Lichtstreif */
@keyframes diagonal-sheen {
    0% {
        transform: translateY(40vh) rotate(-15deg);
        opacity: 0;
    }
    10% {
        opacity: 0.8;
    }
    90% {
        opacity: 0.8;
    }
    100% {
        transform: translateY(-40vh) rotate(-15deg);
        opacity: 0;
    }
}/* End custom CSS */