/* Blazor-Framework-Hilfsstyles (Validierung, Error-Boundary) */

h1:focus {
    outline: none;
}

.validation-message {
    font-size: 12px;
    color: var(--danger);
    margin-top: var(--sp-xs);
}

.blazor-error-boundary {
    background: var(--danger);
    border-radius: var(--radius-sm);
    padding: var(--sp-md) var(--sp-base);
    color: #fff;
}

    .blazor-error-boundary::after {
        content: "Da ist etwas schiefgelaufen.";
    }