Falsche Darstellung von html-Liste in EMail - Google Script

function sendColoredTextFromFirstTwoColumnsByEmail() {
  // Hier die Spreadsheet-ID, den Tabellennamen und die E-Mail-Adresse aktualisieren
  var spreadsheetId = "17zrloZpcZIrgqdTE8wQ0c1R34pf2ET5XMfan2n3madc";  
  var sheetName = "Tabellenblatt1";  
  var recipientEmail = "xxx";  

   // Spreadsheet und Sheet öffnen
  var spreadsheet = SpreadsheetApp.openById(spreadsheetId);
  var sheet = spreadsheet.getSheetByName(sheetName);

  // Hier den gewünschten Bereich aktualisieren
  var range = sheet.getDataRange();
  
  // Daten und Formatierung aus dem Bereich erhalten
  var values = range.getValues();
  var fontColors = range.getFontColors();

  // HTML-Nachricht zusammenstellen
  var emailSubject = "Bestellungen für den Inhalt der Verbandskästen H245 / H246 / Shell-Tower";  
  var emailBody = "Im angezeigten Verbandskasten ist/sind bei folgenden Inhaltskomponenten das Haltbarkeitsdatum zeitnah überschritten und muss/müssen ausgetauscht werden.<p><p>Nachfolgend erfordern folgende Komponenten Ihre Mitwirkung.<p><p><h3>Es wurden folgende Komponenten zur Bestellung gefunden:</h3><ul>";  

  // Überprüfen und Daten hinzufügen, wenn die Schriftfarbe vorhanden ist
  for (var i = 0; i < values.length; i++) { 
    var cell1Color = fontColors[i][0]; 
    var cell2Color = fontColors[i][1];

    // Überprüfen, ob die Schriftfarbe in einer der beiden Zellen vorhanden ist
    if ((cell1Color !== null && cell1Color !== '#000000') || (cell2Color !== null && cell2Color !== '#000000')) {  
      emailBody += "<li>" + values[i][0] + " &nbsp;&nbsp;|&nbsp;&nbsp; " + values[i][1] + "</li>";  

      if (i % 2 === 1) { // Nach jedem zweiten Ergebnis
        emailBody += "<br>";  
      }
    }
  }

  emailBody += "</ul>";   

  // E-Mail senden
  MailApp.sendEmail({
    to: recipientEmail,
    subject: emailSubject,
    htmlBody: emailBody,
  });
}