/*==================================================================================*/ 
/* 6KA Softwareentwicklung und Digitalisierung                                      */
/* gui.schlafplatz-frei.de                                                          */
/*                                                                                  */
/* login.css v1.0.0 - 3.8.2025                                                     */
/*==================================================================================*/

/*==================================================================================*/
/* Container                                                                        */
/*==================================================================================*/
.login_container                                    {   max-width: 22rem;
                                                        margin: 4rem auto;
                                                        background: #ffffff;
                                                        padding: 2.5rem 2rem 2rem 2rem;
                                                        border: 1px solid #4b628e; }

.login_title                                        {   font-size: 1.5rem;
                                                        margin-bottom: 1.5rem;
                                                        text-align: center;   
                                                        letter-spacing: 0.01em; }

.login_form label                                   {   display: block;
                                                        margin-bottom: 0.2rem;
                                                        font-weight: 400;
                                                        color: #214778; }



.login_error                                        {   background: #ffe2e2;
                                                        color: #a02c2c;
                                                        text-align: center;
                                                        padding: 0.8rem 1rem;
                                                        margin-bottom: 1.1rem;
                                                        border-left: 4px solid #a02c2c; }

.login_error_noDisplay                              {   display: none; }

.loginConR,
.loginConC,
.loginCon                                           {   width: 100%; }

.loginConR                                          {   text-align: right;
                                                        margin-top: -0.6rem; }

.loginConC                                          {   text-align: center; }

input[type="password"],
input[type="text"]                                  {   width: 100%;
                                                        padding: 0.7rem;
                                                        margin-bottom: 1rem;
                                                        border: none;
                                                        border: transparent;
                                                        outline: none;
                                                        border-bottom: 1px solid #6d80a3;
                                                        font-size: 1rem;
                                                        background: #dadee8;
                                                        color: #1c304f; }

input[type="password"]:focus,
input[type="text"]:focus                            {   border-bottom: 1.5px solid #7e9c1e; 
                                                        background: #eaf6d5;
                                                        color: #214778; }

.showpwlink                                         {   font-size: 0.9rem;
                                                        color: #214778;
                                                        cursor: pointer;                                                        
                                                        background: none;
                                                        border: 1px #4b628e solid;
                                                        border-radius: 4px;
                                                        padding: 0.2rem 0.4rem 0.2rem 0.4rem;
                                                        margin-top: 0.2em;
                                                        display: inline-block; }

.showpwlink:hover                                   {   text-decoration: underline;
                                                        text-underline-offset: 0.3rem;
                                                        border: 1px #7e9c1e solid; }

button                                              {   width: 100%;
                                                        padding: 0.9rem;
                                                        background: #214778;
                                                        color: #fff;
                                                        border: none;
                                                        border-radius: 0;
                                                        font-size: 1.1rem;
                                                        font-weight: 700;
                                                        cursor: pointer;
                                                        transition: all 0.2s;
                                                        letter-spacing: 0.04em; }

button:hover                                        {   background: #4b628e; }

.logo                                               {   max-width: 12rem; 
                                                        height: auto; }

/*=================================================================================*/
/* Viewport max 420                                                                */
/*=================================================================================*/                                                        
@media only screen and ((max-width: 500px))         {

    body                                            {   background-color: #ffffff; }
    .login_container                                {   border: none; }

}
          /*
@media (max-width: 500px) {

    .login_container {
        padding: 1.2rem 0.3rem 1rem 0.3rem;
    }
}*/