.survey__background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: url("https://eucusa-feedback.com/templates/LehrlingsSpiegel_12/img/circle-scatter-haikei(1).svg") !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center !important;
    transform: scale(-1, -1) !important;
    opacity: 1 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    background-color: #f7f7fc !important;
}

.survey__background--desktop {
    display: none !important;
}
.survey__background--mobile {
    display: none !important;
}

/* Desktop Survey Header */
.survey__header {
    justify-content: flex-start !important;
}
.survey__header > .survey__logo{
    margin-left: 0 !important;
    padding: 14px !important;
}
/* Mobile Survey Header */
.survey__header--mobile > .survey__logo-bar {
    justify-content: flex-start !important;
}




/* Buttons */
.survey__code-page-card-btn.bg-primary {
    background-color: #ef8830 !important;
    color: white !important;
    .v-icon {
        color: white !important;
    }
}
.v-btn:not(.scale-question-button) {
    background: #ef8830 !important;
    color: white !important;
    height: 54px !important;
    border-radius: 27px;
    padding: 0 38px;

    .v-icon {
        color: white !important;
    }
}

@media (max-width: 1279.98px) {
    .survey__logo {
        max-height: 80px !important;
    }
}

@media (max-width: 992px) {
    .v-btn:not(.scale-question-button){
        height: 40px !important;
        border-radius: 20px;
        padding: 0 12px;
    }
    .survey__logo {
        max-height: 70px !important;
    }
}

@media (max-width: 959.98px) {
    .survey__logo-bar {
        display: unset !important;
    }

    .survey__logo {
        max-height: 65px !important;
        padding: 0.5rem !important;
        margin: 0 !important;
        max-width: calc(100% - 65px);
    }
}

.v-btn.survey__code-page-card-btn {
    background: #4a3aff !important;
    color: white !important;
    height: 54px !important;
    border-radius: 27px;
    padding: 0 38px;
    box-shadow: #f2f1ff 0px 0px 0px 20px;
}
.v-btn:not(.scale-question-button).survey__code-page-card-btn:hover {
    background:  #6355ff !important;
}

.v-btn:not(.scale-question-button):hover {
    background: #f6ac4e  !important;
    color: white !important;
    .v-icon {
        color: white !important;
    }
}
.v-btn:disabled {
    background: #ffffff !important;
    color: black !important;
    .v-btn__overlay {
        opacity: 0.2 !important;
    }
}
.v-btn.survey__nav-btn.survey__finalize-btn,
.survey__finalize-dialog .survey__finalize-btn {
    background: #0dbc79 !important;
}
.v-btn.survey__nav-btn.survey__finalize-btn:hover,
.survey__finalize-dialog .survey__finalize-btn:hover {
    background: #5ad5a6 !important;
}

.survey__language-selection-container.survey__footer-language-selection{
    display: none !important;
}

.codepage-header-img {
    margin: 35px 0;
    max-width: 30%;
    align-self: center;

}
@media(max-width: 768px) {
    .codepage-header-img {
        max-width: 40%;
        align-self:center;
    }
}
@media(max-width: 576px) {
    .codepage-header-img {
        max-width: 60%;
        align-self:center;
    }
}

.survey__code-page-card-language-selection{
    display: none !important;
}