.flash-message,
.form-message {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid;
    border-radius: var(--border-radius, 0.5rem);
}

.flash-message--success {
    background-color: rgba(124, 195, 114, 0.15); /* --rptu-apfel with opacity */
    border-color: var(--rptu-apfel, #7cc372);
    color: var(--rptu-petrol);
}

.flash-message--error,
.form-message--error {
    background-color: rgba(227, 27, 76, 0.15); /* --rptu-himbeere with opacity */
    border-color: var(--rptu-himbeere);
    color: var(--rptu-himbeere);
}

.flash-message--warn {
    background-color: rgba(255, 162, 82, 0.15); /* --rptu-mango with opacity */
    border-color: var(--rptu-mango);
    color: #b87333; /* darker orange for better contrast */
}

.flash-message--notice {
    background-color: rgba(72, 154, 195, 0.15); /* --rptu-himmel with opacity */
    border-color: var(--rptu-himmel);
    color: var(--rptu-nacht);
}