body.napha-white-bg {
    background-color: var(--napha-white);
    height: auto;
}

.normal-container {
    margin-top: 50px;

    @media (max-width: 767px) {
        margin-top: 100px;
    }
}

#title-row {
    h1 {
        font-weight: 500;
        font-size: 38px;
        line-height: 44px;
        letter-spacing: 0.41px;
        color: var(--napha-black-600);
        margin-bottom: 50px;
        margin-top: 15px;

        @media (max-width: 767px) {
            font-size: 26px !important;
            font-weight: 500;
            letter-spacing: 0.29px;
            line-height: 34px;
            margin-top: 0;
            margin-bottom: 30px;
        }
    }
}

.login-or-register {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 160%;
    letter-spacing: 0.15372px;
    color: var(--napha-black-600);

    .resend-password-link {
        float: right;
    }

    .icon.icon-external-link {
        display: inline-block;
        width: 16px;
        height: 16px;
        /*float: left;*/
        background: url("../gfx/icons/external_link_white2.svg") 0 0 no-repeat;
        align-self: center;
        margin-left: 10px;
    }

    .online-course-login-col {
        @media (max-width: 767px) {
            margin-top: 40px;
        }
    }
}

#napha-register-form {
    label:has(.feltfeil){
        color: var(--napha-orange-600);
    }
    label {
        .feltfeil {
            color: var(--napha-orange-600);
        }
    }

    .user-registered-info {
        display: block;
        padding: 12px 18px 12px 18px;
        margin-top: 10px;
        margin-bottom: 10px;
        color: var(--napha-black-600);
        background: var(--napha-orange-100);
        border: 1px solid var(--napha-orange-400);
        border-radius: 8px;
        font-size: 17px;

        &.invisible {
            display: none;
        }
    }

    .recaptcha-error-container {
        font-style: normal;
        font-weight: 600;
        font-size: 17px;
        line-height: 140%;
        letter-spacing: 0.15372px;
        color: var(--napha-orange-600);
        margin-bottom: 5px;
    }
}