/*////////////////////////////////////////////////*/
/*does overwrite properties from dsv.css*/
body {
    background-color: white;
}

.dsv_form-error {
    color: #EE0000;
    text-align: center;
}

.dsv_spkvlg_site-footer .dsv_spkvlg_footer-window {
    background-color: white;
}

.dsv_teaser {
    background-color: white;
}

.dsv_spkvlg_site-header {
    border: none;
}

/*////////////////////////////////////////////////*/

.inputfield-label {
    color: #565656;
    font-feature-settings: 'liga' off, 'clig' off;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.teaser-container {
    height: 100%;
    justify-self: center;
}

.inputfield-container {
    border-radius: 8px;
    padding: 12px 24px;
    border: 1px solid #949494;
}

.button-and-pw-forgot-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    padding-top: 0 !important;
}

.service-container {
    padding: 12px;
    margin: 0;
    display: flex !important;
    flex-direction: column;
    gap: 24px;
    align-self: stretch;
    width: 100%;
    background-color: #F7F7F7;
}

.footer-link-list {
    color: black;
    opacity: 0.57;
    font-size: 1.2rem;
}

#kc-sms-logo-footer-wrapper {
    background: url("../img/sms-transparent-logo.svg") no-repeat top right;
    padding: 0;
    margin-bottom: 0;
    margin-top: 14px;
    width: 111px;
    height: 40px;
}

.dsv-button {
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 100px;
    border: 2px solid #EE0000;
    background: #EE0000;
    color: #FFF;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 100% */
    cursor: pointer;
}

.dsv-button:disabled {
    background: #bbb;
    cursor: not-allowed;
    border: 2px solid #bbb;
}

#kc-logo-wrapper-dsv {
    background: url("../img/dsv-logo.svg") no-repeat top right;
    background-size: contain;
    width: 13.6rem;
    height: 2.4rem;
    aspect-ratio: 17/3;
}

#kc-logo-wrapper-scs {
    background: url("../img/scs-logo.svg") no-repeat top right;
    background-size: contain;
    width: 11.3rem;
    height: 3.5rem;
    aspect-ratio: 113/35;
}

.scs-logo-container {
    display: flex;
    padding: 12px 24px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-left: 1px solid #EE0000;
}

#kc-logo-wrapper-sms {
    background: url("../img/sms-logo.svg") no-repeat top right;
    background-size: contain;
    width: 9.8rem;
    height: 3.5rem;
    aspect-ratio: 97/35;
}

.sms-logo-container {
    display: flex;
    padding: 12px 24px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-left: 1px solid #E0E0E0;
}

#kc-logo-wrapper-spay {
    background: url("../img/spay-logo.svg") no-repeat top right;
    background-size: contain;
    width: 7.1rem;
    height: 2.2rem;
    aspect-ratio: 71/22;
}

.spay-logo-container {
    display: flex;
    height: 33px;
    padding: 12px 24px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-left: 1px solid #E0E0E0;
}

#kc-logo-wrapper-sps {
    background: url("../img/sps-logo.svg") no-repeat top right;
    background-size: contain;
    width: 7rem;
    height: 3.5rem;
    aspect-ratio: 2/1;
}

.sps-logo-container {
    display: flex;
    padding: 12px 24px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-left: 1px solid #E0E0E0;
}

#arrow_forward {
    background: url("../img/Arrow_Forward.svg");
    width: 24px;
    height: 24px;
}

.link_beside_arrow-forward {
    color: #363636;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Sparkasse Medium";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.pw-forgot {
    color: #363636;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Sparkasse Medium";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.no-access-and-no-permission-container {
    padding: 50px 12px 12px;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    width: 100%;
}

.no-access-container {
    display: flex;
    padding-bottom: 12px;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    justify-content: space-between;
    border-bottom: 1px solid #E0E0E0;
}

.link-with-arrow-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.p-service-style {
    font-size: 1.75rem;
    color: #363636;
    font-weight: bold;
    opacity: 0.7;
}

.header-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.dsv-logo-container {
    display: flex;
    padding: 12px 24px;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}

.footer-inner-container {
    padding: 48px 24px 24px 24px;
    border-top: 1px solid #E0E0E0;
}

.footer-disclaimer-text {
    color: black;
    opacity: 0.57;
    font-size: 1.2rem;
    padding: 0;
    margin: 0 !important;
}

.application-name {
    color: #000;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    margin-top: 0 !important;
}


@media screen and (max-width: 767px) {
    .no-access-container {
        display: block;
    }
}

@media screen and (max-width: 990px) {

    .dsv_spkvlg_footer-logo {
        margin-bottom: 8px !important;
    }
}

@media screen and (max-width: 991px) {
    .dsv-logo-container {
        padding: 8px 16px;
    }

    .scs-logo-container {
        padding: 8px 16px !important;
    }

    .sms-logo-container {
        padding: 8px 16px !important;
    }

    .spay-logo-container {
        padding: 8px 16px !important;
    }

    .sps-logo-container {
        padding: 8px 16px !important;
    }
}

@media screen and (max-width: 768px) {
    .dsv-logo-container {
        padding: 4px 8px;
    }

    .scs-logo-container {
        padding: 4px 8px !important;
        height: 24px !important;
    }

    .sms-logo-container {
        padding: 4px 8px !important;
        height: 27px !important;
    }

    .spay-logo-container {
        padding: 4px 8px !important;
        height: 25px !important;
    }

    .sps-logo-container {
        padding: 4px 8px !important;
        height: 25px !important;
    }

    #kc-logo-wrapper-dsv {
        background: url("../img/dsv-logo.svg") no-repeat top right;
        background-size: contain;
        width: 9.6rem;
        height: 1.4rem;
        aspect-ratio: 17/3;
    }

    #kc-logo-wrapper-scs {
        background: url("../img/scs-logo.svg") no-repeat top right;
        background-size: contain;
        width: 8.3rem !important;
        height: 3.5rem !important;
        aspect-ratio: 113/35;
    }

    #kc-logo-wrapper-sms {
        background: url("../img/sms-logo.svg") no-repeat top right;
        background-size: contain;
        width: 7.8rem !important;
        height: 3.5rem !important;
        aspect-ratio: 97/35;
    }

    #kc-logo-wrapper-spay {
        background: url("../img/spay-logo.svg") no-repeat top right;
        background-size: contain;
        width: 6.1rem !important;
        height: 2.2rem !important;
        aspect-ratio: 71/22;
    }

    #kc-logo-wrapper-sps {
        background: url("../img/sps-logo.svg") no-repeat top right;
        background-size: contain;
        width: 6rem !important;
        height: 3.5rem !important;
        aspect-ratio: 2/1;
    }

    .zbv_main-headline {
        h1 {
            font-size: 20px !important;
        }
    }

    .link_beside_arrow-forward {
        font-size: 12px !important;
    }

    p {
        font-size: 12px !important;
    }

    .link-with-arrow-container {
        justify-content: unset;
    }

    .p-service-style {
        font-size: 1.5rem !important;
    }

    .dsv_spkvlg_footer-service {
        padding: 24px 0 !important;
    }

    .footer-logo-container {
        display: flex;
        margin-top: 12px;
        margin-bottom: 17px;
        justify-content: end;

        .dsv_spkvlg_footer-logo {
            margin-top: 0 !important;
            display: none;
        }
    }

    .pw-forgot {
        font-size: 12px !important;
    }

    .dsv-button {
        padding: 12px 24px !important;
        font-size: 12px !important;
    }

    .dsv_spkvlg_container {
        gap: 0 !important;
        padding-right: 20px !important;
    }
}

@media screen and (max-width: 450px) {  /*320*/

    .dsv_spkvlg_container{
        padding-right:0 !important;
    }
    .dsv-logo-container {
        padding: 2px 4px; !important;
    }

    .scs-logo-container {
        padding: 2px 4px !important;
    }

    .sms-logo-container {
        padding: 2px 4px !important;
    }

    .spay-logo-container {
        padding: 2px 4px !important;
    }

    .sps-logo-container {
        padding: 2px 4px !important;
    }

    #kc-logo-wrapper-dsv {
        background: url("../img/dsv-logo.svg") no-repeat top right;
        background-size: contain;
        width: 6.6rem;
        height: 1.4rem;
        aspect-ratio: 17/3;
    }

    #kc-logo-wrapper-scs {
        background: url("../img/scs-logo.svg") no-repeat top right;
        background-size: contain;
        width: 6.3rem !important;
        height: 3.5rem !important;
        aspect-ratio: 113/35;
    }

    #kc-logo-wrapper-sms {
        background: url("../img/sms-logo.svg") no-repeat top right;
        background-size: contain;
        width: 6.0rem !important;
        height: 3.5rem !important;
        aspect-ratio: 97/35;
    }

    #kc-logo-wrapper-spay {
        background: url("../img/spay-logo.svg") no-repeat top right;
        background-size: contain;
        width: 4.1rem !important;
        height: 2.2rem !important;
        aspect-ratio: 71/22;
    }

    #kc-logo-wrapper-sps {
        background: url("../img/sps-logo.svg") no-repeat top right;
        background-size: contain;
        width: 4rem !important;
        height: 3.5rem !important;
        aspect-ratio: 2/1;
    }

    .zbv_main-headline {
        h1 {
            font-size: 20px !important;
        }
    }

    .link_beside_arrow-forward {
        font-size: 12px !important;
    }

    p {
        font-size: 12px !important;
    }

    .link-with-arrow-container {
        justify-content: unset;
    }

    .p-service-style {
        font-size: 1.5rem !important;
    }

    .dsv_spkvlg_footer-service {
        padding: 24px 0 !important;
    }

    .footer-logo-container {
        display: flex;
        margin-top: 12px;
        margin-bottom: 17px;
        justify-content: end;

        .dsv_spkvlg_footer-logo {
            margin-top: 0 !important;
            display: none;
        }
    }

    .pw-forgot {
        font-size: 12px !important;
    }

    .dsv-button {
        padding: 12px 24px !important;
        font-size: 12px !important;
    }
}