.outer-newsletter {
    background-color: var(--farbedunkel);
    padding: 2rem 2rem;
    position: relative;
    overflow: hidden;
    &: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: .05;
    }
    .s_container.newsletter {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        margin-bottom: 5rem;
        color: var(--white);
        h5 {
            text-transform: uppercase;
            margin-bottom: .5rem;
        }
        .acym_module  {
            width: 100%;
            margin-top: 1rem;
            .acym_module_form {
                display: flex;
                flex-direction: row;
                gap: 1rem;
                align-items: center;
                justify-content: center;
                .acym_form {
                    width: 100%;
                    max-width: 315px;
                    .acyfield_text {
                        margin: 0;
                        width: 100%!important;
                        input {
                            height: 50px!important;
                            border-radius: 50px!important;
                            width: 100%!important;
                            max-width: 315px!important;
                            background-color: transparent!important;
                            border: 1px solid var(--white)!important;
                            &::placeholder {
                                color: var(--white);
                            }
                        }
                    }
                }
                .acysubbuttons {
                    width: fit-content!important;
                    margin-bottom: 0;
                    input {
                        padding: 1rem 3rem!important;
                        background-color: var(--white)!important;
                        color: var(--farbedunkel)!important;
                        text-align: center!important;
                        width: fit-content!important;
                        max-width: unset!important;
                        height: 50px!important;
                        border-radius: 50px!important;
                        transition: all .3s;
                        &:hover {
                            background-color: #EBF4FA!important;
                        }
                    }
                }
            }
        }
    }
}











@media (min-width: 1200px) {
    .outer-newsletter {
        padding: 3rem 2rem;
    }
}