.outer-header {
    &.grafik {
        background-color: var(--farbedunkel);
        height: 230px;
        position: relative;
        overflow: hidden;
        &:before {
            content: "";
            position: absolute;
            left: -5rem;
            bottom: -10rem;
            width: 450px;
            height: 450px;
            background-image: url('/ake/images/gestaltung/backgroundFooter.png');
            background-repeat: no-repeat;
            background-size: contain;
            opacity: .15;
        }
        &:after {
            content: "";
            position: absolute;
            right: -10rem;
            top: -10rem;
            width: 450px;
            height: 450px;
            background-image: url('/ake/images/gestaltung/backgroundFooter.png');
            background-repeat: no-repeat;
            background-size: contain;
            opacity: .15;
        }
        .s_container {
            .container-inner {
                 img {
                    display: none;
                }
            }
        }
    }
    .s_container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        .container-inner {
            width: 100%;
            img {
                display: block;
                width: 100%;
                object-fit: cover;
                object-position: center;
                max-height: 230px;

            }
        }
    }
}











@media (min-width: 1200px) {
    .outer-header {
        .s_container {
            .container-inner {
                
            }
        }
    }
}