ul.typo3-messages {
    margin: 2em 0;
    padding: 0;
    list-style: none;
}

li.alert,
.felogin-error-message {
    border-radius: var(--border-radius-btn);
    padding: 1.5em 1.5em 1.5em 5em;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center left 2em;
}

ul.typo3-messages li + li {
    margin-top: .5em;
}

li.alert.alert-notice,
li.alert.alert-info {
    background-color: var(--color-blue);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.004' height='31.114' viewBox='0 0 33.004 31.114'%3E%3Cg id='Gruppe_12' data-name='Gruppe 12' transform='translate(-796 -939.49)'%3E%3Cpath id='Differenzmenge_1' data-name='Differenzmenge 1' d='M2273,27.6a.993.993,0,0,1-.415-.09,25.421,25.421,0,0,0-7.361-2.039,14.977,14.977,0,0,0-1.5-.079c-2.309,0-3.974.617-4.948,1.833a1,1,0,0,1-1.561,0c-.974-1.217-2.639-1.833-4.949-1.833-.473,0-.976.027-1.5.079a25.517,25.517,0,0,0-7.36,2.039A1,1,0,0,1,2242,26.6V4.6a1,1,0,0,1,.586-.91,27.4,27.4,0,0,1,7.988-2.21c.581-.058,1.147-.088,1.684-.088a10.174,10.174,0,0,0,11.482,0c.538,0,1.105.03,1.687.088a23.419,23.419,0,0,1,3.357.606l.329,2.16a22.24,22.24,0,0,0-3.887-.776c-.519-.052-1.021-.079-1.492-.079A6.287,6.287,0,0,0,2259,4.978V24.47a9.517,9.517,0,0,1,4.731-1.073,16.86,16.86,0,0,1,1.7.089,26.889,26.889,0,0,1,6.574,1.62V15h2V26.6a1,1,0,0,1-1,1ZM2252.268,3.4c-.471,0-.974.026-1.492.079A25.326,25.326,0,0,0,2244,5.261V25.106a27.013,27.013,0,0,1,6.574-1.622c.58-.058,1.146-.088,1.684-.088A9.552,9.552,0,0,1,2257,24.47V4.978A6.289,6.289,0,0,0,2252.268,3.4Z' transform='translate(-1446 943)' fill='%23fff'/%3E%3Cpath id='Pfad_9' data-name='Pfad 9' d='M7,18a2,2,0,1,1,2,2A2,2,0,0,1,7,18Zm.2-12.01a1.81,1.81,0,1,1,3.6,0l-.7,7.014a1.1,1.1,0,0,1-2.2,0Z' transform='translate(818.002 935.495)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

li.alert.alert-warning {
    background-color: var(--color-yellow);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg id='exclamation-diamond' transform='translate(0)'%3E%3Cpath id='Pfad_2' data-name='Pfad 2' d='M13.9.87a2.969,2.969,0,0,1,4.2,0L31.13,13.9a2.965,2.965,0,0,1,0,4.2L18.1,31.13a2.965,2.965,0,0,1-4.2,0L.87,18.1a2.964,2.964,0,0,1,0-4.2Zm2.8,1.4a.99.99,0,0,0-1.4,0L2.268,15.3a.99.99,0,0,0,0,1.4L15.3,29.732a.99.99,0,0,0,1.4,0L29.732,16.7a.99.99,0,0,0,0-1.4L16.7,2.268Z' transform='translate(0 0)' fill='%23fff'/%3E%3Cpath id='Pfad_3' data-name='Pfad 3' d='M7,18a2,2,0,1,1,2,2A2,2,0,0,1,7,18Zm.2-12.01a1.81,1.81,0,1,1,3.6,0l-.7,7.014a1.1,1.1,0,0,1-2.2,0Z' transform='translate(7.002 3.995)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

li.alert.alert-danger,
.felogin-error-message {
    background-color: var(--color-red);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg id='exclamation-diamond' transform='translate(0)'%3E%3Cpath id='Pfad_2' data-name='Pfad 2' d='M13.9.87a2.969,2.969,0,0,1,4.2,0L31.13,13.9a2.965,2.965,0,0,1,0,4.2L18.1,31.13a2.965,2.965,0,0,1-4.2,0L.87,18.1a2.964,2.964,0,0,1,0-4.2Zm2.8,1.4a.99.99,0,0,0-1.4,0L2.268,15.3a.99.99,0,0,0,0,1.4L15.3,29.732a.99.99,0,0,0,1.4,0L29.732,16.7a.99.99,0,0,0,0-1.4L16.7,2.268Z' transform='translate(0 0)' fill='%23fff'/%3E%3Cpath id='Pfad_3' data-name='Pfad 3' d='M7,18a2,2,0,1,1,2,2A2,2,0,0,1,7,18Zm.2-12.01a1.81,1.81,0,1,1,3.6,0l-.7,7.014a1.1,1.1,0,0,1-2.2,0Z' transform='translate(7.002 3.995)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

li.alert.alert-success {
    background-color: var(--color-green);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.876' height='18.003' viewBox='0 0 25.876 18.003'%3E%3Cpath id='check2' d='M28.045,3.83a1.125,1.125,0,0,1,0,1.593L12.3,21.171a1.125,1.125,0,0,1-1.593,0L2.829,13.3A1.126,1.126,0,0,1,4.422,11.7l7.078,7.08L26.452,3.83a1.125,1.125,0,0,1,1.593,0Z' transform='translate(-2.499 -3.499)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

li.alert p {
    margin: 0;
}

li.alert .alert-title {
    font-family: 'Roboto';
    font-weight: 700;
    margin: 0 0 .5rem;
}