#registerBtn, #anmeldeBtn, #anmeldeBtnGast{
    border: none;
    padding: 5px 20px;
}

.headerMenu{
    align-content: center;
}

.ssoLogin{
    text-align: left !important;
}

.login-sso{
    margin: 5px;
}

.btn-login{
    width: 40%;
    margin: 0 5%;
    height: 30pt;
    border: none;
}

.btn-Login-Google, .btn-Login-Apple{
    background-color: #f5f5f5 !important;
    color: #000 !important;

}

.btn-Login-Google img{
    width: 22px !important;
}

.btn-Login-Apple img{
    width: 22px !important;
}

#btnAlsGastBestellen, #btnAlsGastAnmelden, #cortec-Login, #btnWeiterAlsGast{
    width: 50%;
    height: 30pt;
    font-size: 20px !important;
}

.cortec-login-div{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    place-content: flex-end;
}

.sso-logins{
    display: flex;
    place-content: center;
}

.hr-sect {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: rgba(0, 0, 0, 0.35);
    text-transform: uppercase;
    width: 70%;
    place-self: center;
    padding: 0 8px;
    height: 60px;
    margin: 0 auto !important;
}

.hr-sect:before,
.hr-sect:after {
    content: "";
    flex-grow: 1;
    background: rgba(0, 0, 0, 0.35);
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 8px;
}

.Info-Login{
    position: absolute;
}

.LoginStep{
    float: unset;
}

.hideCortecLogin-guestLogin{
    display: flex;
    justify-content: center;
}

.hideCortecLogin-guestLogin button{
    width: 25% !important;
}

.code-input-container {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.code-input {
    width: 40px;
    height: 50px;
    text-align: center;
    font-size: 24px;
    border: 2px solid #ccc;
    border-radius: 5px;
    outline: none;
    transition: border-color 0.2s;
}

.code-input:focus {
    border-color: #007bff;
}

@media(max-width: 600px){
    .Info-Login{
        margin-top: 35px;
    }

    #anmeldeDiv h2.headerMenu, #loginCCDiv h2.headerMenu{
        display: flex;
        align-content: space-between !important;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .sso-logins{
        margin: 20px 0;
    }

    hr{
        margin: 30px;
    }

    .cortec-login-div{
        margin-left: 0;
        padding: 0;
    }

    .col-xs-offset-1.col-xs-10.col-md-offset-2.col-md-8.col-sm-offset-2.col-sm-8.guestLogin-login-btn-div.cortec-login-div{
        flex-direction: column !important;
        margin: 12px 10%;
        padding-right: 16px;
    }

    #btnAlsGastBestellen, #btnAlsGastAnmelden, #cortec-Login, #btnWeiterAlsGast{
        width: 100%;
    }
}

@media(max-width: 1260px){
    .Info-Login{
        font-size: 14px !important;
    }

    hr{
        margin-top: 32px;
    }
}

@media(max-width: 1400px){
    .guestLogin-login-btn-div{
        flex-direction: column;
    }

    #btnAlsGastAnmelden, #cortec-Login, #btnAlsGastBestellen, #btnWeiterAlsGast{
        width: 100%;
    }
}


@media(max-width: 1060px){
    hr{
        margin-top: 38px;
    }
}

@media(max-width: 770px){
    hr{
        margin-top: 28px;
    }

    #frm_login div{
        float: unset !important;
    }
}

@media(max-width: 740px){
    hr{
        margin-top: 38px;
    }
}

@media(max-width: 600px){
    hr{
        margin-top: 30px;
    }
    .Info-Login{
        margin-top: 48px;
    }
    button#registerBtn, button#anmeldeBtn{
        padding: 2px 12px;
        height: max-content;
    }
}

@media(max-width: 430px){
    hr{
        margin-top: 42px;
    }
}

@media(max-width: 408px){
    hr{
        margin-top: 62px;
    }
}

@media(max-width: 328px){
    .Info-Login{
        margin-top: 48px;
    }
}

#anmeldeDiv, #anmeldeDiv div,
#loginCCDiv, #loginCCDiv div,
#registerDiv, #registerDiv div{
    float: unset;
}

.LoginStep{
    height: auto !important;
}

.anmeldeDiv-Spacer{
    height: 25px !important;
}

#personDiv input, textarea, select {
  font-size: 16px !important;
}

.headerMenu-Title-Container{
    display: flex;
    align-items: anchor-center;
    height: 34px;
    font-size: 22px;
    justify-content: space-between;
}

.GAKKV_Activve .btn.btn-login {
    margin: 0 5px;
}

.btn-Login-CC p{
    margin: 0 !important;
}

#passwordForgot_cc{
    cursor: pointer;
    text-decoration: underline;
}

@media (max-width: 600px) {
    .sso-logins {
        flex-wrap: wrap;
    }

    .btn-login{
        width: 100%;
        margin: 5px 0 !important;
    }
}

@media (max-width: 500px) {
    .col-xs-offset-1.col-xs-10.col-md-offset-2.col-md-8.col-sm-offset-2.col-sm-8.guestLogin-login-btn-div.cortec-login-div{
        width: auto !important;
        padding: 0;
        margin: 0;
    }

    #btnAlsGastAnmelden {
        white-space: normal;
        display: inline-block;
        text-align: center;
        height: auto;
    }
}