const styleElement = document.createElement('dom-module');
styleElement.innerHTML = `
    <template>
<style id="lvdtemplate">
        :host ght-group-overview {
   --ght-group-overview-groupid-color: #FFFFFF;
   --ght-group-overview-groupname-color: #FFFFFF;
   --ght-group-overview-groupramp-background-image: url('res/resources/images/rampminiedfgsdfgsdfh.png');
   --ght-group-overview-groupboost-background-image: url('res/resources/images/gruppenansicht1inaktivohnerahmen.png');
   --ght-group-overview-grouplower-background-image: url('res/resources/images/gruppenansicht2inaktivohnerahmen.png');
   --ght-group-overview-actval-color: #FF8C00;
   --ght-group-overview-groupid-height: 20px;
   --ght-group-overview-groupname-height: 20px;
   --ght-group-overview-groupname-width: 110px;
   --ght-group-overview-groupname-left: 30px;
   --ght-group-overview-actval-top: 20px;
   --ght-group-overview-actval-left: 80px;
   --ght-group-overview-actval-height: 20px;
   --ght-group-overview-actval-width: 50px;
   --ght-group-overview-actvalunit-top: 20px;
   --ght-group-overview-actvalunit-left: 120px;
   --ght-group-overview-actvalunit-height: 20px;
   --ght-group-overview-actvalunit-width: 20px;
   --ght-group-overview-setval-top: 40px;
   --ght-group-overview-setval-left: 80px;
   --ght-group-overview-setval-height: 20px;
   --ght-group-overview-setval-width: 40px;
   --ght-group-overview-actpowerconsumptionlabel-top: 60px;
   --ght-group-overview-actpowerconsumptionlabel-left: 80px;
   --ght-group-overview-actpowerconsumptionlabel-height: 15px;
   --ght-group-overview-actpowerconsumptionlabel-width: 60px;
   --ght-group-overview-actpowerconsumptionunit-top: 60px;
   --ght-group-overview-actpowerconsumptionunit-left: 120px;
   --ght-group-overview-actpowerconsumptionunit-height: 15px;
   --ght-group-overview-actpowerconsumptionunit-width: 20px;
   --ght-group-overview-groupramp-top: 20px;
   --ght-group-overview-groupramp-left: 10px;
   --ght-group-overview-groupramp-height: 40px;
   --ght-group-overview-groupramp-width: 40px;
   --ght-group-overview-groupboost-top: 30px;
   --ght-group-overview-groupboost-left: 20px;
   --ght-group-overview-groupboost-height: 30px;
   --ght-group-overview-groupboost-width: 50px;
   --ght-group-overview-grouplower-top: 30px;
   --ght-group-overview-grouplower-left: 20px;
   --ght-group-overview-grouplower-height: 30px;
   --ght-group-overview-grouplower-width: 50px;
   --ght-group-overview-symbol-background-color: #FF8C00;
   --ght-group-overview-background-color: #FFF;
   --ght-group-general-info-background-color: #FFF;
   --ght-group-act-power-consumption-background-color: #FFF;
}
:host ght-group-overview.__lvdStyle_GroupOverviewStyle {
   --ght-group-overview-groupboost-background-image: url('res/resources/images/status boost.svg');
   --ght-group-overview-grouplower-background-image: url('res/resources/images/status absenken.svg');
   --ght-group-overview-actval-color: #00008B;
   --theme-sig-element-inactive-opacity: 0.2;
   --theme-sig-element-width: 150px;
   --theme-sig-element-height: 80px;
   --ght-group-overview-border-width: 2px;
   --ght-group-overview-border-style: solid;
   --ght-group-overview-border-radius: 3px;
   --ght-group-overview-groupramp-background-image: url('res/resources/images/status aufheizen.svg');
   --ght-group-overview-actval-align: left;
   --ght-group-overview-setval-align: left;
}

    </style>
</template>
`;
styleElement.register('ght-group-overview-css');