.formwrapper {
    .container {
        .tx-powermail {
            display: flex;
            justify-content: center;

            .container-fluid {
                padding-right: 0;
                padding-left: 0;
                display: block;
                width: auto;
                min-width: 500px;

                form.powermail_form {
                    max-width: 600px;

                    h3 {
                        text-transform: uppercase;
                    }

                    .btn-group {
                        margin-bottom: 20px;

                        button {
                            border-radius: 3px;
                            overflow: hidden;
                        }

                        button.btn-default {
                            width: 33px;
                            margin-right: 5px;
                            padding-left: 4px;
                        }

                        button.btn-primary {
                            background: #ffb001;
                            color: #000;
                            width: auto;
                            padding: 0 15px
                        }

                    }

                    fieldset.powermail_fieldset {
                        legend {
                            display: none;
                        }

                        .powermail_fieldwrap {
                            padding: 0;
                            max-width: unset;

                            div {
                                padding: 0;
                            }

                            input,
                            textarea {
                                background-color: #000;
                                color: #c1c1c1;
                                padding: 15px 30px;
                            }

                            select {
                                color: #c1c1c1;
                                background-color: rgba(0, 0, 0, 0.2);
                                background-color: #000;
                                padding: 15px 30px;
                                height: 50px;

                                option {
                                    color: #c1c1c1;
                                    background-color: #000;
                                }
                            }

                            input[type="submit"] {
                                color: #ffb001;
                                text-transform: uppercase;

                                &:hover {
                                    -webkit-box-shadow: 0px 0 16px 0 #ffb001; /* für ältere WebKit-Browser (Safari, iOS, Android) */
                                    -moz-box-shadow: 0px 0 16px 0 #ffb001; /* für ältere Firefox-Versionen */
                                    box-shadow: 0px 0 16px 0 #ffb001; /* Standard */

                                    -webkit-transition: box-shadow .3s ease-out, opacity .3s ease-out;
                                    -moz-transition: box-shadow .3s ease-out, opacity .3s ease-out;
                                    -o-transition: box-shadow .3s ease-out, opacity .3s ease-out;
                                    transition: box-shadow .3s ease-out, opacity .3s ease-out;
                                }
                            }
                        }

                        .powermail_fieldwrap.powermail_tab_navigation {
                            position: relative;

                            a {
                                background-color: #ffb001;
                                color: #ffb001;
                                border-color: #000000;
                                position: absolute;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                padding: 0;
                                width: 50px;
                                height: 40px;
                                border-radius: 3px !important;

                                &:before {
                                    content: "";
                                    display: inline-block;
                                    width: 20px;
                                    height: 20px;
                                    left: 4px;
                                    position: relative;
                                    background-size: contain;
                                }
                            }

                            .btn-warning {
                                left: 0;
                                &:before {
                                    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M0 12l10.975 11 2.848-2.828-6.176-6.176H24v-3.992H7.646l6.176-6.176L10.975 1 0 12z'/></svg>") no-repeat center;
                                    background-size: contain;
                                }
                            }

                            .btn-primary {
                                right: 0;
                                &:before {
                                    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z'/></svg>") no-repeat center;
                                    background-size: contain;

                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/* GRID XS */
@media only screen and (max-width: 578px) {
    .formwrapper {
        .container {
            .tx-powermail {
                .container-fluid {
                    min-width: unset;
                }
            }
        }
    }
}