.frame-type-ce_industries[class*="frame-bg-"]{
    background-image:url("../../Images/footer-background.svg");
    background-size:cover;
    background-position:top center;
}

.frame-type-ce_industries{
    overflow:visible !important;

    & .inside{
        background-color:transparent !important;
    }

    & .categories{
        margin:0 0 2rem 0;
    }

    & .slide-item .header{
        margin-bottom:1.5rem;
    }

    & .slide-item .links{
        margin-bottom:2rem;
    }

    & img {
        border-radius:var(--image-border-radius-small);
    }
}

@media only screen and (max-width: 768px) {
}

@media only screen and (min-width:600px) {

    .frame-type-ce_industries{
        &:not(:has(.inside)){
            position:relative;

            & header{
                transform-origin: left;
                transform: rotate(-90deg) translate(-50%,0);
                left:calc(-2rem + calc(5rem + var(--root-frame-padding)));
                position: absolute;
                top: 50%;
            }
        }

        & .inside{
            position:relative;

            & header{
                transform-origin: left;
                transform: rotate(-90deg) translate(-50%,50%);
                left:calc(-2rem + 5rem);
                position: absolute;
                top: 50%;
            }
        }

        &:not(:has(.inside)){
            padding-left:10rem;
        }

        &:has(.inside) .inside{
            padding-left:10rem !important;
        }
    }

}

@media only screen and (min-width: 768px) {
    .frame-type-ce_industries{

        & .categories{
            margin-bottom:3rem;
            column-count: 2;
        }

        & .slider-container{
            & .slide-item{
                display:flex;

                & .links{
                    flex:0 40%;
                    width:40%;
                    min-width:40%;
                    padding-right:1rem;
                    margin:0;

                    & img{
                        width:100%
                    }
                }

                & .rechts{
                    padding-left:1rem;
                }
            }
        }
    }
}

@media only screen and (min-width: 1024px) {
    .frame-type-ce_industries{
        & .categories{
            column-count:3;
            margin-bottom:4rem;
        }
    }
}

@media only screen and (min-width: 1280px) {
    .frame-type-ce_industries{
        & .categories{
            padding-left:4rem;
            margin-bottom:6rem;
        }

        & .slider-container-outer{
            padding-left:4rem;
        }

        & .slider-container{
            & .slide-item{
                & .links{
                    flex:0 40%;
                    width:40%;
                    min-width:40%;
                    padding-right:2rem;
                }

                & .rechts{
                    padding-left:2rem;
                    max-width:500px;
                }
            }
        }
    }
}

@media only screen and (min-width: 1600px) {
    .frame-type-ce_industries{
        & .slider-container{
            & .slide-item{
                & .links{
                    padding-right:3rem;
                }

                & .rechts{
                    padding-left:3rem;
                }
            }
        }
    }
}


@media only screen and (min-width: 1900px) {
    .frame-type-ce_industries{

        & .categories{
            margin-bottom:8rem;
        }

        &:not(:has(.inside)){
            & header{
                left:calc(var(--root-frame-padding) * -1);
            }
        }

        & .inside{
            position:relative;

            & header{
                left:calc(var(--root-frame-padding) * -7.5);
            }
        }

        &:not(:has(.inside)){
            padding-left:var(--root-frame-padding);
        }

        &:has(.inside) .inside{
            padding-left:var(--root-frame-padding) !important;
        }
    }
}