ich habe im CSS Tab, mit den Sonos Controls vom Sonos Player und Backgroud etwas rum gespielt.
Einige Sachen haben funktioniert, wie z.B. das ich den Background und die Lautstärke Leiste ausblenden konnte.

.sonos-master-volume {
    margin-bottom: 0%;
    margin-top: 3%;
    margin-left: -250px;
    height: 5px;
    position: fixed;
    width: calc(150%);
    **opacity: 0;**
}

Leider funktioniert die Größen Änderung, mit diesem Code hier, nur in der VIS Vorschau und im Browser Entwicklungsmodus.

.sonos-landscape .sonos-controls img {
    **width: 30%;**   /*orginal 16%*/
    height: 16%;
    transition: background 0.05s;
    border-radius: 4%;

Warum? Jedes mal wenn die Seite neu geladen wird, stehen da immer die 16%...
Hoffe jemand kann mir das erklären...