body, html {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f8f7f5;
}

#logo {
    background: url(../images/login_logo.png) no-repeat center;
    width: 428px; /* oder die tatsächliche Breite deines Logos */
    height: 112px; /* oder die tatsächliche Höhe deines Logos */
    margin-bottom: 20px; /* Abstand zwischen Logo und Loginbox */
}

.loginBox {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 15px;
    color: #336699;    /*336699*/
    width: 428px; /* Breite der Login-Box */
    margin: auto; /* Zentriert die Box */
    padding: 20px; /* Innenabstand */
    border: 1px solid #ddd; /* Umrandung */
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    background-color: #81acce; /* Hintergrundfarbe */
}

.formfieldM_BG {
    margin-bottom: 10px; /* Abstand zwischen den Feldern */
}

.formfieldM {
    width: 100%; /* Volle Breite innerhalb des Containers */
    padding: 8px; /* Innenabstand */
    border: 1px solid #ccc; /* Umrandung */
    box-sizing: border-box; /* Box-Sizing */
    font-size: 18px;
}

.loginbutton {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    background-color: #336699; /* Grüne Farbe */
    color: white;
    padding: 10px 24px; /* Innenabstand */
    margin: 4px 0; /* Außenabstand */
    border: none;
    cursor: pointer; /* Cursor beim Überfahren */
}

.loginbutton:hover {
    background-color: #336699;
    color: #FFFF00;
}

#retrieveCredentialsModal {
    background-color: #f6f6d2;
    padding: 20px;
    margin: 20px auto; /* Zentriert das Modal und die Anmeldedaten-Anzeige horizontal */
    width: 300px; /* Oder eine Breite, die zur Gesamtanordnung passt */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    display: none; /* Versteckt es standardmäßig */
    font-weight: normal;
}

#retrieveCredentialsModal button {
    background-color:  #f6f6d2;
    color: #144a77;
    margin-top: 10px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: larger;
    font-weight: bolder;
}