.outer-formular {
    padding: var(--paddingMobile);
    overflow: hidden;
    background-color: var(--farbedunkel);
    .s_container {
        max-width: var(--max-width);
        margin: 0 auto;
        padding: 2rem;
        .container-inner {
            text-align: center;
            max-width: 450px;
            margin: 0 auto;
            h3 {
                text-transform: uppercase;
                color: var(--white);
                margin-bottom: 2rem;
            }
            p {
                margin-bottom: 2rem;
            }
            form {
                text-align: left;
                .formRequired {
                    display: none;
                }
                .progress {
                    display: none;
                }
                .formControlLabel {
                    color: var(--white);
                    font-size: 14px;
                    font-weight: 400;
                    margin-bottom: .25rem;
                }
                .btn-group {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                }
                select, input, textarea, .selectize-input {
                    display: flex;
                    padding: .5rem 1rem;
                    background-color: var(--farbedunkel);
                    border-radius: 50px;
                    border: 1px solid var(--white);
                    color: var(--white);
                    min-height: 50px;
                    &::placeholder {
                        color: var(--white);
                    }
                }
                textarea {
                    border-radius: 20px;
                }

                #Schritt_1Next {
                    margin: 0 auto;
                    background-color: var(--white)!important;
                    border: 1px solid var(--farbedunkel)!important;
                    color: var(--farbedunkel)!important;
                    border-radius: 50px;
                    min-height: 50px;
                    padding-right: 4rem;
                    position: relative;
                    &::after {
                        content: "";
                        position: absolute;
                        top: calc(50% - 7px);
                        right: 2rem;
                        width: 20px;
                        height: 14px;
                        background-image: url('/ake/images/gestaltung/arrow-button.svg');
                        background-repeat: no-repeat;
                        background-size: cover;
                    }
                }
                .rsform-selectized-box {
                    .item {
                        padding: .5rem 1.5rem!important;
                        border-radius: 50px;
                        a {
                            padding: .5rem 0!important;
                        }
                    }
                }
                .rsform-type-freetext {
                    color: var(--white);
                    font-weight: 400;
                    font-size: 14px;
                }

                .rsform-type-submitbutton {
                    .formControls {
                        display: flex;
                        justify-content: space-between;
                    }
                    .help-block {
                        display: none;
                    }
                }

                #AbsendenPrev {
                    background-color: var(--farbedunkel)!important;
                    border: 1px solid var(--white)!important;
                    color: var(--white)!important;
                    border-radius: 50px;
                    min-height: 50px;
                    padding-left: 4rem;
                    position: relative;
                    &::after {
                        content: "";
                        position: absolute;
                        top: calc(50% - 7px);
                        left: 2rem;
                        width: 20px;
                        height: 14px;
                        background-image: url('/ake/images/gestaltung/arrow-button.svg');
                        transform: rotateZ(-180deg);
                        background-repeat: no-repeat;
                        background-size: cover;
                        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(189deg) brightness(103%) contrast(104%);
                    }
                }
                #Absenden {
                    background-color: var(--white)!important;
                    border: 1px solid var(--farbedunkel)!important;
                    color: var(--farbedunkel)!important;
                    border-radius: 50px!important;
                    min-height: 50px!important;
                }
            }
        }
    }
}


@media (min-width: 1200px) {
    .outer-formular {
        padding: var(--paddingDesktop);
        .s_container {
            .container-inner {

            }
        }
    }    
}