/*
 * Warenartgerechte Angaben auf der Produktkarte (Aufgabe 3.1.1).
 *
 * Eigene Datei, weil die Sicherheitsrichtlinie keine eingebetteten Stile
 * zulaesst.
 *
 * Die Angaben stehen unter der Beschreibung und sollen den Namen nicht
 * bedraengen: kleine Schrift, gedeckte Farbe, die Bezeichnung eine Spur
 * blasser als der Wert. Wer die Karte ueberfliegt, liest weiterhin zuerst
 * Name und Preis.
 *
 * Firma: 4Unit Systems Integration GmbH
 */

.menu-item-facts {
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2px 12px;
    font-size: 12px;
    line-height: 1.5;
    color: #4b5563;
}

.menu-item-facts li {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

/*
 * Der Abstand steht hier und nicht als Leerzeichen im Markup: ein Umbruch
 * zwischen den Elementen faellt beim Rendern zwar zu einem Leerzeichen
 * zusammen, verschwindet aber, sobald jemand das Markup umbricht. Ein
 * Abstand, der von der Einrueckung abhaengt, ist kein Abstand.
 */
.menu-item-fact-label {
    color: #9ca3af;
    margin-right: 4px;
}