Danke erstmal. Also ich hab jetzt deinen Code genau so kopiert und eingefügt in die userContent.css (ohne noch die anderen Seite 3 bis 15 einzufügen um Fehler zu vermeiden). Leider wird immer nur das letzte von Seite 16 angezeigt.
Was mache ich falsch?
Also ich merke gerade es muss irgendwie an anderen Code in meiner userContent.css liegen. Denn wenn ich nur deinen Code kopiere dann funktioniert es. Muss mal weiter forschen.
Ich füge jetzt mal den gesamten Code ein, den ich in der userContent.css habe.
CSS
/*about:newtab-Seite: Automatisch generierte Anfangs-Buchstaben entfernt und einzelne Kacheln mit Icon versehen */
.top-site-outer .tile .icon-wrapper.letter-fallback::before {
content: attr(data-fallback);
display:none !important;
}
/*about:newtab-Seite: Automatisch generierte Icons ausblenden */
.icon-wrapper .top-site-icon.default-icon{
visibility:hidden !important;
}
/*about:newtab-Seite: Hintergrundfarbe geändert */
@-moz-document url(about:newtab), url(about:home) {
body {background-color: #ECECEC !important;}
/*Inhalte wieder die ganze Breite vom Feld*/
.top-site-outer .tile .icon-wrapper {
border-radius: 8px !important;
width: 100% !important;
height: 100% !important;
}
}
@-moz-document url(about:newtab), url(about:home) {
.top-site-outer {
&:nth-child(1) {
.top-site-icon {
background-image: url('icons-newtab-seite/camp-firefox.de.png') !important;
}
}
&:nth-child(2) {
.top-site-icon {
background-image: url('icons-newtab-seite/mediathekviewweb.de.png') !important;
}
}
&:nth-child(16) {
.top-site-icon {
background-image: url('icons-newtab-seite/thunderbird-mail.de.png') !important;
}
}
.top-site-icon {
background-position: center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
}
}
}irgendwas beißt sich da. Ich raff aber nicht was genau und kenne mich zu wenig damit aus. Kann mir jemand helfen? 
