/*
 * Lange Wörter ohne Leerzeichen (z. B. Dateinamen wie "Focus_[Laufwerk]_20140620_Focus_Katalog_2014_DE")
 * sprengen sonst die Benachrichtigung: Der Flex-Inhalt wächst auf die Wortbreite, drückt Icon und
 * Schließen-Button aus dem sichtbaren Bereich und wird abgeschnitten.
 */
.fi-no-notification {
    max-width: min(24rem, 100%);
}

/* Icon und Schließen-Button behalten immer ihre Größe, damit die Benachrichtigung schließbar bleibt. */
.fi-no-notification > .fi-no-notification-icon,
.fi-no-notification > .fi-no-notification-close-btn {
    flex-shrink: 0;
}

.fi-no-notification .fi-no-notification-main,
.fi-no-notification .fi-no-notification-text {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
}

.fi-no-notification .fi-no-notification-title,
.fi-no-notification .fi-no-notification-body,
.fi-no-notification .fi-no-notification-body * {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}