.outer-liste {
    padding: var(--paddingMobile);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    .s_container {
        max-width: var(--max-width);
        margin: 0 auto;
        z-index: 1;
        position: relative;
        h2 {
            text-align: left;
            margin-bottom: 1rem;
        }
       
        .container-inner {
            margin-top: 4rem;
            background-position: 0;
            background-repeat: no-repeat;
            .list-item {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                margin-bottom: 3rem;
                position: relative;
                 &:first-of-type {
                    .list-inner.center {
                        &::after {
                            top: 0;
                        }
                    }
                }
                

                .list-inner {
                    img {
                        width: 100%;
                        aspect-ratio: 3/2;
                        object-fit: cover;
                    }
                    h3 {
                        margin-bottom: 0rem;
                    }
                    &.first {
                        position: relative;
                        flex: 70%;
                    }
                    &.center {
                        flex: 30%;
                        display: flex;
                        justify-content: end;
                        position: relative;
                        &::after {
                            content: "";
                            position: absolute;
                            top: -3rem;
                            right: calc(25px - 1.5px);
                            width: 3px;
                            height: calc(100% + 3rem);
                            background-color: var(--farbehell);
                            z-index: -1;
                        }
                        .icon {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            width: 50px;
                            height: 50px;
                            border-radius: 100%;
                            position: relative;
                            background-color: var(--farbehell);
                            &::after {
                                content: "";
                                position: absolute;
                                top: 50%;
                                left: 0;
                                width: 50px;
                                height: 50px;
                                border-radius: 100%;
                                transform: translateY(-50%);
                            }
                            img {
                                width: 25px;
                                height: 25px;
                                object-fit: cover;
                            }
                        }
                    }
                    &.last {
                        display: none;
                    }
                }
            }
        }
    }
}











@media (min-width: 1200px) {
    .outer-liste {
        padding: var(--paddingDesktop);
        .s_container {
            h2 {
                
            }
            .container-inner {
                margin-top:8rem;
                .list-item {
                   
                    .list-inner.center { order: 2; }
                    .list-inner.last { order: 3; }
                    &:nth-child(even) {
                        .list-inner.first {
                            order: 3;
                        }
                        .list-inner.last {
                            order: 1; 
                        }
                    }

                    .list-inner {
                        flex: 33.33%;

                        &.first {
                            flex: 33.33%;
                        }
                        &.center {
                            flex: 33.33%;
                            justify-content: center;
                            &::after {
                                content: "";
                                position: absolute;
                                top: -3rem;
                                left: calc(50% - 1.5px);
                                right: unset;
                                width: 3px;
                                height: calc(100% + 3rem);
                                background-color: var(--farbehell);
                                z-index: -1;
                            }
                            .icon {
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                width: 80px;
                                height: 80px;
                                border-radius: 100%;
                                position: relative;
                                background-color: var(--farbehell);
                                &::after {
                                    content: "";
                                    position: absolute;
                                    top: 50%;
                                    left: 0;
                                    width: 80px;
                                    height: 80px;
                                    border-radius: 100%;
                                    transform: translateY(-50%);
                                }
                                img {
                                    width: 40px;
                                    height: 40px;
                                    object-fit: cover;
                                }
                            }
                        }
                        &.last {
                            flex: 33.33%;
                            display: block;
                        }
                    }
                }
            }
        }
    }
}