leider muss ich euch doch mal belästigen, weil ich mir an einer vermeindlich ganz einfachen Sache die Zähne ausbeiße.
Ich nutze Vis-2 mit vis-inventwo Widgets, im konkreten Fall das Universal-Widget.

Was möchte ich?
Ich nutze das Universal um einen HomeaticIP-Rollladenaktor zu steuern. Ich möchte, daß wenn sich der Rollladen bewegt, das Widget eine andere Farbe annimmt und wenn der Rollladen steht, wieder die Ursprungsfarbe zeigt.

Was habe ich gemacht?
Gefühlt alle Möglilchkeiten probiert, die es gibt. Das noch beste Ergebnis liefern mir Bindings in "CSS inventwo Widget-Hintergrund-Farbe Aktiv" und "CSS Hintergrund background-color".

[
  {
    "tpl": "i-vis-universal",
    "data": {
      "bindings": [
        "iButtonActive"
      ],
      "iUniversalWidgetType": "State",
      "g_common": true,
      "oid": "hm-rpc.0.001118A993AB44.4.LEVEL",
      "iValueType": "boolean",
      "iValueComparison": "equal",
      "iStateResponseTime": "0",
      "iStateResetValueTime": "0",
      "iNavWait": "100",
      "iHttpType": "iSend",
      "iPopUpBackground": "",
      "iPopUpPreventClickOutside": "",
      "iPopUpShowTitle": true,
      "iPopUpTitle": "",
      "iPopUpTitleColor": "#ffffff",
      "iPopUpCloseBtnColor": "",
      "iPopUpWidth": "800px",
      "iPopUpHeight": "500px",
      "iPopUpHeightTitle": "50",
      "iPopUpTitleSize": 30,
      "iPopUpPosition": "center",
      "iPopUpPositionX": "0",
      "iPopUpPositionY": "0",
      "iPopUpCloseAfterSeconds": "0",
      "iPopUpCornerRadiusUL": "12",
      "iPopUpCornerRadiusUR": 12,
      "iPopUpCornerRadiusLR": "12",
      "iPopUpCornerRadiusLL": 12,
      "iPopUpShadowXOffset": "2",
      "iPopUpShadowYOffset": "2",
      "iPopUpShadowBlur": "2",
      "iPopUpShadowSpread": "1",
      "iPopUpShadowColor": "",
      "iButtonCol": "",
      "g_i-css": true,
      "iButtonActive": "{bt:hm-rpc.0.001118A993AB44.3.PROCESS;bt == \"1\" ? \"#33cc33\" :\"#FF0000\"}",
      "iButtonColHover": "",
      "iOpacityBack": 1,
      "iCornerRadiusUL": "12",
      "iCornerRadiusUR": 12,
      "iCornerRadiusLR": "12",
      "iCornerRadiusLL": 12,
      "iContentFlexDirection": "vertical",
      "iContentVertAlign": "iCenter",
      "iContentOrder": "orderImgText",
      "iOpacityCtn": "1",
      "iContentType": "image",
      "iTextColor": "#ffffff",
      "iTextColorActive": "#ffffff",
      "iTextSize": 19,
      "iTextAlign": "iCenter",
      "iTextDecoration": "none",
      "iTextSpaceTop": "0",
      "iTextSpaceBottom": "0",
      "iTextSpaceLeft": "0",
      "iTextSpaceRight": "0",
      "iIconSize": "35",
      "iImgAlign": "iCenter",
      "iImgSpaceTop": "5",
      "iImgSpaceBottom": "0",
      "iImgSpaceLeft": "0",
      "iImgSpaceRight": "0",
      "iImgRotation": "0",
      "iImgBlinkFalse": "0",
      "iImgBlinkTrue": "0",
      "iImgColorFalse": "",
      "iImgColorTrue": "",
      "iImgClockFace": "01",
      "iImgClockHands": "01",
      "iImgClockShowBorder": "1",
      "iImgColorClockFace": "#ffffff",
      "iImgColorHands": "#ffffff",
      "iImgColorHandSecond": "#ff0000",
      "iClockShowSeconds": "",
      "iClockTimezone": "Europe/Berlin",
      "iHtmlTextFieldFalse": "",
      "iHtmlTextFieldTrue": "",
      "iShadowXOffset": "2",
      "iShadowYOffset": "2",
      "iShadowBlur": "2",
      "iShadowSpread": "1",
      "iShadowColor": "#111111",
      "iShadowColorActive": "#111111",
      "iShadowColorHover": "",
      "iShadowInnerXOffset": "0",
      "iShadowInnerYOffset": "0",
      "iShadowInnerBlur": "0",
      "iShadowInnerSpread": "0",
      "iShadowInnerColor": "#111111",
      "iShadowInnerColorActive": "#111111",
      "iShadowInnerColorHover": "",
      "iShadowTextXOffset": "0",
      "iShadowTextYOffset": "0",
      "iShadowTextBlur": "0",
      "iShadowTextColor": "#111111",
      "iShadowTextColorActive": "#111111",
      "iBorderSize": "0",
      "iBorderStyle": "none",
      "iBorderColor": "#ffffff",
      "iBorderColorActive": "#ffffff",
      "iBorderColorHover": "",
      "iTextFalse": "100% öffnen",
      "iTextTrue": "100% öffnen",
      "name": null,
      "comment": null,
      "class": "mein-3d-taster",
      "filterkey": null,
      "multi-views": null,
      "locked": null,
      "g_fixed": true,
      "visibility-oid": "0_userdata.0.Popup-Rollladen-Schlafzimmer",
      "visibility-cond": "==",
      "visibility-val": 1,
      "visibility-groups": null,
      "visibility-groups-action": "hide",
      "g_visibility": true,
      "value": "100",
      "iImageFalse": "../vis-icontwo/Doors_Windows/Shutter/blinds2_0.png",
      "iImageTrue": "../vis-icontwo/Doors_Windows/Shutter/blinds2_0.png",
      "iFlipImage": false,
      "iImgColorInvertFalse": true,
      "iImgColorInvertTrue": true,
      "g_css_background": true
    },
    "style": {
      "bindings": [
        "background-color"
      ],
      "left": 801,
      "top": 12,
      "width": "112px",
      "height": "112px",
      "z-index": 3,
      "background-color": "{bt:hm-rpc.0.001118A993AB44.3.PROCESS;bt == \"1\" ? \"#33cc33\" :\"#FF0000\"}"
    },
    "widgetSet": "vis-inventwo",
    "_id": "i000001"
  }
]

Wo ist das Problem?
Es sieht so aus, als würden zwei Widgets übereinander liegen, eines mit runden Ecken im Vordergrund und ein eckiges im Hintergrund:

Ich will natürlich nur das mit den runden Ecken sehen.

Die für mich logischste Variante wäre das Weglassen vom Binding bei CSS Hintergrund background-color, aber wenn ich das mache, wird das ganze Widget transparent und ändert seine Farbe gar nicht. Ich habe schon sämtliche Kombinationen aus "CSS inventwo Widget-Hintergrund-Farbe Aktiv", "CSS inventwo Widget-Hintergrund-Farbe" und "CSS Hintergrund background-color" ohne Erfolg ausprobiert.

Höchstwahrscheinlich ist es ganz einfach und ich habe mich nur völlig verrannt. Ich hoffe also auf einen heißen Tipp von euch