/* SCROLL CONTAINER */
.l2-scroll-container {
    opacity: 0;
    transition: opacity 0.3s ease !important;
}
.l2-scroll-container.l2-infobox {
    opacity: 1;
}
/* STICKY ANCHOR */

.theiaStickySidebar {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px;
}


.l2-content-container {
    display: block !important;
}

@media screen and (max-width:1439px) {
    .l2-post-content-container,
    .l2-post-intro-container,
    .l2-related-container {
        padding: 0 24px !important;
    }
        
    .l2-scroll-container {
        padding: 0 24px !important;
    }
}

@media screen and (min-width:1200px) {
    .l2-scroll-container:first-child {
        max-width: 176px;
    }
    .l2-scroll-container,
    .l2-content-container {
        padding: 0 !important;
    }
    .l2-scroll-container:last-child,
    .l2-scroll-container:last-child .theiaStickySidebar {
        width: 295px !important;
    }
}


@media screen and (max-width:1199px) {

    .l2-scroll-container {
        margin: 32px 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;     
    }

    .l2-post-content-container > div {
        flex-direction: column !important;
    }
    
    .l2-post-content-container > div > div {
        width: 100% !important;
    }
    
    .l2-scroll-container:first-child {
        max-width: 776px !important;
        padding: 32px 0;
    }

    .l2-container-width-vagcontent,
    .l2-post-content-container [class*="l2-container-width"] {
        width: auto !important;
        max-width: 776px !important;
    }

    .l2-scroll-container.l2-sticky:first-child {
        position: fixed !important;
        /* top: 32px; */
        z-index: 10;
        background-color: #fff;
        width: 100% !important;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 0 16px 0 !important;
    }

    .l2-scroll-container.l2-absolute:first-child {
        position: absolute !important;
        background-color: #fff;
        width: 100% !important;
        left: 50%;
        transform: translateX(-50%);
        overflow: hidden !important;
        top: -20px !important;
        padding: 16px 15px !important;
    }

    .l2-scroll-container.l2-absolute::before, 
    .l2-scroll-container.l2-sticky::before {
        content: "" !important;
        background-color: var(--e-global-color-brand_tertiary_04);
        left: -50%;
        right: -50%;
        width: 200%;
        bottom: 0 !important;
        height: auto;
        z-index: -1;
    }

    .l2-scroll-container.l2-sticky::before {
        top: -100% !important;
    }
    
    .l2-scroll-container.l2-sticky li:not(.l2-active) {
        display: none;
    }
    
    .l2-scroll-container.l2-sticky .l2-scroll-guide.l2-open li:not(.l2-active) {
        display: block;
    }

    .l2-scroll-guide:not(.l2-open) a {
        pointer-events: none;
    }

    .l2-scroll-container.l2-absolute .elementor-widget-heading .elementor-widget-heading::after {
        display: none !important;
    }

    .l2-scroll-headline > .elementor-widget-heading h6::after {
        content: "";
        background-image: url('/wp-content/uploads/2023/11/voestplus.svg');
        background-repeat: no-repeat;
        background-position: center;
        width: 16px;
        height: 16px;
        display: flex;
        align-self: center;
        justify-self: flex-end;
        margin-left: auto;
        float: right;
    }

    .l2-scroll-headline .elementor-widget-container {
        width: 100%;
    }
    
    .l2-scroll-container.l2-absolute  .l2-scroll-headline > .elementor-widget-heading h6::after {
        visibility: hidden;
    }

    .l2-scroll-headline {
        align-items: center;
    }
    
    .l2-scroll-headline > .elementor-widget-heading {
        flex-grow: 1;
        justify-content: center !important;
        align-items: center !important;
        display: flex;
    }

    .l2-scroll-headline.l2-minus > .elementor-widget-heading h6::after {
        content: "";
        background-image: url('/wp-content/uploads/2023/11/icon-minus.svg');
    }

    .l2-scroll-headline .elementor-widget-heading .elementor-heading-title,
    .l2-scroll-headline > .elementor-widget-heading::after,
    .l2-scroll-container.l2-sticky li {
        cursor: pointer;
    }
}

@media screen and (max-width:823px) {
    .l2-scroll-container:first-child {
        max-width: calc(100% - 48px) !important;
    }
}


@media screen and (max-width:767px) {
    .l2-sticky .l2-dynamic-sticky-menu .l2-scroll-guide {
        max-height: 85vh;
        overflow: scroll;
    }
}