.outer-textbild {
    padding: var(--paddingMobile);
    background-color: var(--lightblue);
    .s_container {
        max-width: var(--max-width);
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2rem;
        h3 {
            flex: 100%;
            text-align: center;
            color: var(--farbedunkel);
            text-transform: uppercase;
        }
        .container-inner {
            flex: calc(50% - 2rem);
            min-width: 300px;
            h6 {
                color: var(--farbedunkel);
                margin-bottom: 1rem;
            }
            img {
                width: 100%;
            }

            .link-farbedunkel-frame {
                margin-top: 2rem;
                text-align: center;
            }

            &.right {
                position: relative;
                &::after {
                    content: "";
                    position: absolute;
                    right: -35%;
                    top: -50%;
                    width: 400px;
                    height: 400px;
                    background-image: url('/ake/images/gestaltung/backgroundRight.png');
                    background-repeat: no-repeat;
                    background-size: contain;
                    z-index: -1;
                    opacity: .1;
                }
            }

            &.left {
                position: relative;
                &::after {
                    content: "";
                    position: absolute;
                    left: -35%;
                    bottom: -50%;
                    width: 400px;
                    height: 400px;
                    background-image: url('/ake/images/gestaltung/backgroundLeft.png');
                    background-repeat: no-repeat;
                    background-size: contain;
                    z-index: -1;
                    opacity: .1;
                }
            }
        }

        &.button {
            display: flex;
            justify-content: center;
            margin-top: 4rem;
        }
    }
}







@media (min-width: 1200px) {
    .outer-textbild {
        padding: 7rem 2rem 7rem 2rem;
        .s_container {
            gap: 10rem;
            .container-inner {
                flex: calc(50% - 10rem);
            }
        }
    }    
}