const styleElement = document.createElement('dom-module');
styleElement.innerHTML = `
    <template>
<style id="lvdtemplate">
        :host ght-zone-overview {
   --ght-zone-overview-alarm-image: url('res/resources/images/status fehler.svg');
   --ght-zone-overview-boost-image: url('res/resources/images/status boost.svg');
   --ght-zone-overview-boost-image-left: 4px;
   --ght-zone-overview-lower-image: url('res/resources/images/status absenken.svg');
   --ght-zone-overview-lower-image-left: 4px;
   --ght-zone-overview-ramp-image: url('res/resources/images/status aufheizen.svg');
   --ght-zone-overview-ramp-image-left: 4px;
   --ght-zone-overview-border-color: #00008B;
   --ght-zone-overview-mode-image-top: 10px;
   --ght-zone-overview-mode-image-width: 50px;
   --ght-zone-overview-mode-image-height: 40px;
   --ght-zone-overview-boost-image-top: 10px;
   --ght-zone-overview-boost-image-width: 50px;
   --ght-zone-overview-boost-image-height: 40px;
   --ght-zone-overview-lower-image-top: 10px;
   --ght-zone-overview-lower-image-width: 50px;
   --ght-zone-overview-lower-image-height: 40px;
   --ght-zone-overview-ramp-image-width: 60px;
   --ght-zone-overview-ramp-image-height: 50px;
   --ght-zone-overview-alarm-image-width: 30px;
   --ght-zone-overview-alarm-image-height: 30px;
   --ght-zone-overview-alarm-image-top: 15px;
   --ght-zone-overview-alarm-image-left: 10px;
   --ght-zone-overview-zoneid-width: 20px;
   --ght-zone-overview-zoneid-height: 30px;
   --ght-zone-overview-zoneid-left: 40px;
   --ght-zone-overview-actval-height: 30px;
   --ght-zone-overview-actval-left: 60px;
   --ght-zone-overview-actval-width: 60px;
   --ght-zone-overview-actvalue-align: left;
   --ght-zone-overview-actval-color: #008000;
   --ght-zone-overview-setval-top: 30px;
   --ght-zone-overview-setval-left: 60px;
   --ght-zone-overview-setval-width: 50px;
   --ght-zone-overview-setval-height: 20px;
   --ght-zone-overview-zoneid-top: 5px;
   --ght-zone-overview-actval-top: 3px;
   --ght-zone-overview-symbol-background-color: #008000;
   --ght-zone-overview-background-color: #FFF;
   --ght-zone-overview-unit-top: 5px;
   --ght-zone-overview-unit-left: 120px;
   --ght-zone-overview-unit-height: 20px;
   --ght-zone-overview-unit-width: 20px;
   --ght-zone-overview-setvalunit-top: 32px;
   --ght-zone-overview-setvalunit-left: 120px;
   --ght-zone-overview-setvalunit-height: 20px;
   --ght-zone-overview-setvalunit-width: 20px;
}
:host ght-zone-overview.__lvdStyle_ZoneOverviewStyle {
   --ght-zone-overview-alarm-image-left: 4px;
   --ght-zone-overview-boost-image-top: 15px;
   --ght-zone-overview-boost-image-width: 30px;
   --ght-zone-overview-lower-image-top: 15px;
   --ght-zone-overview-lower-image-width: 30px;
   --ght-zone-overview-ramp-image-top: 15px;
   --ght-zone-overview-ramp-image-width: 30px;
   --ght-zone-overview-ramp-image-height: 40px;
   --theme-sig-element-inactive-opacity: 0.2;
   --ght-zone-overview-border-width: 2px;
   --ght-zone-overview-border-style: solid;
   --ght-zone-overview-border-radius: 3px;
   --theme-sig-element-height: 55px;
   --theme-sig-element-width: 150px;
}
:host ght-zone-overview.__lvdStyle_ZoneOverviewStyle_Assistant2 {
   --ght-zone-overview-alarm-image: url('res/resources/images/leeres svg.svg');
   --ght-zone-overview-alarm-image-left: 25px;
   --ght-zone-overview-boost-image-top: 15px;
   --ght-zone-overview-boost-image-width: 30px;
   --ght-zone-overview-lower-image: url('res/resources/images/button loeschen aktiv_durchsichtig.svg');
   --ght-zone-overview-ramp-image: url('res/resources/images/leeres svg.svg');
   --theme-sig-element-inactive-opacity: 0.2;
   --theme-sig-element-height: 55px;
   --theme-sig-element-width: 150px;
}
:host ght-zone-overview.__lvdStyle_ZoneOverviewStyle_SensorTest {
   --ght-zone-overview-alarm-image: url('res/resources/images/leeres svg.svg');
   --ght-zone-overview-alarm-image-left: 25px;
   --ght-zone-overview-boost-image-top: 15px;
   --ght-zone-overview-boost-image-width: 30px;
   --ght-zone-overview-lower-image: url('res/resources/images/status_abgewaehlt.svg');
   --ght-zone-overview-ramp-image: url('res/resources/images/leeres svg.svg');
   --theme-sig-element-height: 55px;
   --theme-sig-element-width: 150px;
}
:host ght-zone-overview.__lvdStyle_ZoneOverviewStyle_Assistant15 {
   --ght-zone-overview-alarm-image: url('res/resources/images/leeres svg.svg');
   --ght-zone-overview-alarm-image-left: 25px;
   --ght-zone-overview-lower-image: url('res/resources/images/button loeschen aktiv_durchsichtig.svg');
   --ght-zone-overview-boost-image-top: 15px;
   --ght-zone-overview-boost-image-width: 30px;
   --ght-zone-overview-lower-image-top: 0px;
   --ght-zone-overview-lower-image-left: 0px;
   --ght-zone-overview-lower-image-width: 45px;
   --ght-zone-overview-lower-image-height: 45px;
   --ght-zone-overview-ramp-image: url('res/resources/images/leeres svg.svg');
   --ght-zone-overview-ramp-image-top: 15px;
   --ght-zone-overview-ramp-image-width: 30px;
   --ght-zone-overview-ramp-image-height: 40px;
   --theme-sig-element-inactive-opacity: 0.2;
   --ght-zone-overview-border-width: 2px;
   --ght-zone-overview-border-style: solid;
   --ght-zone-overview-border-radius: 3px;
   --theme-sig-element-height: 55px;
   --theme-sig-element-width: 150px;
}

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