.input-group{
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.validation-icon{
    font-size: 1.4em;
    margin-left: 10px;
    transition: color 0.3s;
}
.password-toggle-icon{
    font-size: 1.4em;
    cursor: pointer;
    color: #4a403f;
    margin-left: 10px;
}
.validation-icon.invalid{
    color: #dc3545; /* Rot für ungültig */
}
.validation-icon.valid {
    color: #28a745; /* Grün für gültig */
}
.input-group .modern-input{
    flex-grow: 1;
}
/* Styling für meldungen */
.error-message{ display: none; /* Standardmäßig versteckt */ }
.error-message, .errmess{
    width: 400px;
    height: auto; /* Höhe angepasst, falls Text mehrzeilig wird */
    margin: 20px auto 20px auto;
    padding: 5px 10px; /* Padding angepasst */
    background: darkred;
    text-align: center;
    color: #cfd825;
    font-weight: bold;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 5px red;
    -moz-box-shadow: 0 0 5px red;
    -webkit-box-shadow: 0 0 5px red;
}