html{
    font-size: 16px;
}

::-webkit-validation-bubble-message { display: none; }

.required.reqerror{
    border-width: 3px;
    box-shadow: 4px 4px 14px rgba(255, 0, 0, 0.85);
}


.password-toggle-icon-eye-on {
    cursor: pointer;
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='%23000'%3E%3Cpath d='M10.5 8a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0'/%3E%3Cpath d='M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8m8 3.5a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.password-toggle-icon-eye-off {
    cursor: pointer;
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M432 448a15.92 15.92 0 0 1-11.31-4.69l-352-352a16 16 0 0 1 22.62-22.62l352 352A16 16 0 0 1 432 448M248 315.85l-51.79-51.79a2 2 0 0 0-3.39 1.69a64.11 64.11 0 0 0 53.49 53.49a2 2 0 0 0 1.69-3.39m16-119.7L315.87 248a2 2 0 0 0 3.4-1.69a64.13 64.13 0 0 0-53.55-53.55a2 2 0 0 0-1.72 3.39'/%3E%3Cpath fill='%23000' d='M491 273.36a32.2 32.2 0 0 0-.1-34.76c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.68 96a226.5 226.5 0 0 0-71.82 11.79a4 4 0 0 0-1.56 6.63l47.24 47.24a4 4 0 0 0 3.82 1.05a96 96 0 0 1 116 116a4 4 0 0 0 1.05 3.81l67.95 68a4 4 0 0 0 5.4.24a343.8 343.8 0 0 0 67.24-77.4M256 352a96 96 0 0 1-93.3-118.63a4 4 0 0 0-1.05-3.81l-66.84-66.87a4 4 0 0 0-5.41-.23c-24.39 20.81-47 46.13-67.67 75.72a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.39 76.14 98.28 100.65C162.06 402 207.92 416 255.68 416a238.2 238.2 0 0 0 72.64-11.55a4 4 0 0 0 1.61-6.64l-47.47-47.46a4 4 0 0 0-3.81-1.05A96 96 0 0 1 256 352'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.password-meter {
    display: inline-block;
    margin-left: 1em;
}

.password-meter-bar {
    width: 200px; /* Breite der Passwort-Meter-Leiste */
    height: 10px; /* Höhe der Passwort-Meter-Leiste */
    background-color: #ccc; /* Standard-Hintergrundfarbe der Leiste */
    border: 1px solid #999; /* Rahmen der Leiste */
}

.password-meter-too-short {
    background-color: #e74c3c; /* Rote Hintergrundfarbe */
}

.password-meter-very-weak {
    background-color: #e67e22; /* Orange Hintergrundfarbe */
}

.password-meter-weak {
    background-color: #f1c40f; /* Gelbe Hintergrundfarbe */
}

.password-meter-good {
    background-color: #2ecc71; /* Hellgrüne Hintergrundfarbe */
}

.password-meter-strong {
    background-color: #27ae60; /* Dunkelgrüne Hintergrundfarbe */
}

label.required:after {
    color: #e32;
    content: ' *';
    display:inline;
}

.checkbox_required:after {
    color: #e32;
    content: ' *';
}