<!DOCTYPE svg PUBLIC "-//SIEMENS//DTD SVG 1.0 TIA-HMI//EN" "http://tia.siemens.com/graphics/svg/1.4/dtd/svg14-hmi.dtd">
<!-- SIMATIC WINCC Copyright (C) Siemens AG 2021. All Rights Reserved. -->

<svg 
    xmlns="http://www.w3.org/2000/svg" 
    xmlns:hmi-bind="http://svg.siemens.com/hmi/bind" 
    xmlns:xlink="http://www.w3.org/1999/xlink" 
    xmlns:hmi="http://svg.siemens.com/hmi/" 
    xmlns:hmi-bind--xlink="http://svg.siemens.com/hmi/bind/xlink" 
    xmlns:hmi-element="http://svg.siemens.com/hmi/element" 
    xmlns:hmi-feature="http://svg.siemens.com/hmi/feature" 
    xmlns:hmi-event="http://svg.siemens.com/hmi/event" 
    width="255" height="309"
    viewBox="0 0 255 309"
    preserveAspectRatio="none">

  <hmi:self type="Widget" name="extended.WaterTank3" displayName="WaterTank3" version="1.2.0" performanceClass="L">
  <hmi:paramDef name="DisplayFillLevel" type="boolean" default="true" />
    <hmi:paramDef name="FillLevelValue" type="number" default="50" />
	  <hmi:paramDef name="BasicColor" type="HmiColor" default="0xFFE6E6E6" />
    <hmi:paramDef name="FillLevelColorBottom" type="HmiColor" default="0xFF8EB8DB" />
    <hmi:paramDef name="FillLevelColorMiddle" type="HmiColor" default="0xFF1D6FB5" />
    <hmi:paramDef name="FillLevelColorTop" type="HmiColor" default="0xFF193F77" />
    <hmi:paramDef name="DisplayScale" type="boolean" default="true" />
    <hmi:paramDef name="Minimum" type="number" default="0"/>
		<hmi:paramDef name="Maximum" type="number" default="100"/>   
  </hmi:self>
  <defs>
     <hmi:localDef name="FillLevelValue"	type="number" 	hmi-bind:value="{{1 - Converter.Bounds((ParamProps.FillLevelValue-ParamProps.Minimum)/(ParamProps.Maximum-ParamProps.Minimum), 0.0, 1.0)}}"/>  
 </defs>
  <g id="Schlamm_x5F_01">
    <g id="BasicTank_1_">
      <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.5" y1="132.6901" x2="249.5" y2="132.6901">
            <stop offset="0" hmi-bind:stop-color="{{Converter.RGBA(Converter.Darker(ParamProps.BasicColor, 0.298))}}"/>
            <stop offset="0.24" hmi-bind:stop-color="{{Converter.RGBA(Converter.Darker(ParamProps.BasicColor, 0.098))}}"/>
            <stop offset="0.42" hmi-bind:stop-color="{{Converter.RGBA(Converter.Darker(ParamProps.BasicColor, 0.098))}}"/>
            <stop offset="0.4904" hmi-bind:stop-color="{{Converter.RGBA(Converter.Darker(ParamProps.BasicColor, 0.141))}}"/>
            <stop offset="0.6155" hmi-bind:stop-color="{{Converter.RGBA(Converter.Darker(ParamProps.BasicColor, 0.263))}}"/>
            <stop offset="0.7808" hmi-bind:stop-color="{{Converter.RGBA(Converter.Darker(ParamProps.BasicColor, 0.455))}}"/>
            <stop offset="0.978" hmi-bind:stop-color="{{Converter.RGBA(Converter.Darker(ParamProps.BasicColor, 0.718))}}"/>
            <stop offset="1" hmi-bind:stop-color="{{Converter.RGBA(Converter.Darker(ParamProps.BasicColor, 0.749))}}"/>
      </linearGradient>
      <circle cx="127.5" cy="132.7" r="122" fill="url(#SVGID_1_)" stroke="#8C8C91" stroke-width="0.75" stroke-miterlimit="10" />
      <line x1="23.5" y1="186.7" x2="231.5" y2="186.7" fill="none" stroke="#646567" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" />
      <line x1="57.5" y1="40.2" x2="197.5" y2="40.2" fill="none" stroke="#646567" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" />
      <line x1="15.5" y1="111.2" x2="239.5" y2="111.2" fill="none" stroke="#646567" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" />
      <linearGradient id="white" gradientUnits="userSpaceOnUse" x1="5.2197" y1="140.0706" x2="216.7802" y2="140.0706">
        <stop offset="0" stop-color="#FFFFFF" stop-opacity="0.6"/>
        <stop offset="1" stop-color="#FFFFFF" stop-opacity="0.6" />
      </linearGradient>       
      <path d="M45.2,132c0-40,12.6-76.1,33-102C45.5,50.4,23.5,88.5,23.5,132    c0,43.6,22,81.6,54.7,102C57.8,208.1,45.2,172,45.2,132z" opacity="0.4"  fill="url(#white)" />
      <g>
        <line x1="23.5" y1="185.7" x2="231.5" y2="185.7" fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" />
        <line x1="57.5" y1="39.2" x2="197.5" y2="39.2" fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" />
        <line x1="15.5" y1="110.2" x2="239.5" y2="110.2" fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" />
      </g>
      <g id="Leiste_10_">
        <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="16.5" y1="214.6893" x2="238.5" y2="214.6893">
          <stop offset="0" stop-color="#B3B3B3" />
          <stop offset="0.24" stop-color="#E6E6E6" />
          <stop offset="0.42" stop-color="#E6E6E6" />
          <stop offset="0.4904" stop-color="#DBDBDB" />
          <stop offset="0.6155" stop-color="#BCBCBC" />
          <stop offset="0.7808" stop-color="#8B8B8B" />
          <stop offset="0.978" stop-color="#484848" />
          <stop offset="1" stop-color="#404040" />
        </linearGradient>
        <path d="M238.5,214.9     c0,1.8-1.2,3.3-2.7,3.3H19.2c-1.5,0-2.7-1.5-2.7-3.3v-0.4c0-1.8,1.2-3.3,2.7-3.3h216.6c1.5,0,2.7,1.5,2.7,3.3V214.9z" fill="url(#SVGID_2_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
        <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="33.6291" y1="214.6893" x2="67.0492" y2="214.6893">
          <stop offset="0" stop-color="#F1F1F1" stop-opacity="0.4" />
          <stop offset="1" stop-color="#F6F6F6" stop-opacity="0.7" />
        </linearGradient>
        <rect x="33.6" y="212.2" width="33.4" height="5" fill="url(#SVGID_3_)" />
        <line x1="19.4" y1="212.2" x2="235.6" y2="212.2" fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" />
      </g>
      <g id="Leiste_8_">
        <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="0.5" y1="143.7374" x2="254.5" y2="143.7374">
          <stop offset="0" stop-color="#B3B3B3" />
          <stop offset="0.24" stop-color="#E6E6E6" />
          <stop offset="0.42" stop-color="#E6E6E6" />
          <stop offset="0.4904" stop-color="#DBDBDB" />
          <stop offset="0.6155" stop-color="#BCBCBC" />
          <stop offset="0.7808" stop-color="#8B8B8B" />
          <stop offset="0.978" stop-color="#484848" />
          <stop offset="1" stop-color="#404040" />
        </linearGradient>
        <path d="M254.5,144c0,1.8-1.2,3.3-2.7,3.3     H3.2c-1.5,0-2.7-1.5-2.7-3.3v-0.4c0-1.8,1.2-3.3,2.7-3.3h248.6c1.5,0,2.7,1.5,2.7,3.3V144z" fill="url(#SVGID_4_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
        <linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="17.6291" y1="143.7374" x2="51.0492" y2="143.7374">
          <stop offset="0" stop-color="#F1F1F1" stop-opacity="0.4" />
          <stop offset="1" stop-color="#F6F6F6" stop-opacity="0.7" />
        </linearGradient>
        <rect x="17.6" y="141.2" width="33.4" height="5" fill="url(#SVGID_5_)" />
        <line x1="3.4" y1="141.2" x2="251.6" y2="141.2" fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" />
      </g>
      <g id="Leiste_9_">
        <linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="16.5" y1="72.7855" x2="238.5" y2="72.7855">
          <stop offset="0" stop-color="#B3B3B3" />
          <stop offset="0.24" stop-color="#E6E6E6" />
          <stop offset="0.42" stop-color="#E6E6E6" />
          <stop offset="0.4904" stop-color="#DBDBDB" />
          <stop offset="0.6155" stop-color="#BCBCBC" />
          <stop offset="0.7808" stop-color="#8B8B8B" />
          <stop offset="0.978" stop-color="#484848" />
          <stop offset="1" stop-color="#404040" />
        </linearGradient>
        <path d="M238.5,73c0,1.8-1.2,3.3-2.7,3.3     H19.2c-1.5,0-2.7-1.5-2.7-3.3v-0.4c0-1.8,1.2-3.3,2.7-3.3h216.6c1.5,0,2.7,1.5,2.7,3.3V73z" fill="url(#SVGID_6_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
        <linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="33.6291" y1="72.7855" x2="67.0492" y2="72.7855">
          <stop offset="0" stop-color="#F1F1F1" stop-opacity="0.4" />
          <stop offset="1" stop-color="#F6F6F6" stop-opacity="0.7" />
        </linearGradient>
        <rect x="33.6" y="70.3" width="33.4" height="5" fill="url(#SVGID_7_)" />
        <line x1="19.4" y1="70.3" x2="235.6" y2="70.3" fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" />
      </g>
      <g id="Head_6_">
        <path d="M167.3,9.2c-3.7-5-20.1-8.7-39.8-8.7c-19.7,0-36.1,3.8-39.8,8.7H167.3z" fill="#646567" />
        <linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="88.0727" y1="11.9703" x2="166.9272" y2="11.9703">
          <stop offset="0" stop-color="#B3B3B3" />
          <stop offset="0.24" stop-color="#E6E6E6" />
          <stop offset="0.42" stop-color="#E6E6E6" />
          <stop offset="0.4904" stop-color="#DBDBDB" />
          <stop offset="0.6155" stop-color="#BCBCBC" />
          <stop offset="0.7808" stop-color="#8B8B8B" />
          <stop offset="0.978" stop-color="#484848" />
          <stop offset="1" stop-color="#404040" />
        </linearGradient>
        <path d="M166.9,14.5c0,1.8-1.1,3.3-2.4,3.3     h-74c-1.4,0-2.4-1.5-2.4-3.3v-5c0-1.8,1.1-3.3,2.4-3.3h74c1.4,0,2.4,1.5,2.4,3.3V14.5z" fill="url(#SVGID_8_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
        <linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="97.9172" y1="11.9703" x2="113.9172" y2="11.9703">
          <stop offset="0" stop-color="#F1F1F1" stop-opacity="0.4" />
          <stop offset="1" stop-color="#F6F6F6" stop-opacity="0.7" />
        </linearGradient>
        <rect x="97.9" y="7.5" width="16" height="9" fill="url(#SVGID_9_)" />
        <line x1="91" y1="7" x2="164" y2="7" fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" />
      </g>
      <g>
        <linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="102.5" y1="256.8583" x2="152.5" y2="256.8583">
          <stop offset="0" stop-color="#B3B3B3" />
          <stop offset="0.24" stop-color="#E6E6E6" />
          <stop offset="0.42" stop-color="#E6E6E6" />
          <stop offset="0.4904" stop-color="#DBDBDB" />
          <stop offset="0.6155" stop-color="#BCBCBC" />
          <stop offset="0.7808" stop-color="#8B8B8B" />
          <stop offset="0.978" stop-color="#484848" />
          <stop offset="1" stop-color="#404040" />
        </linearGradient>
        <path d="M152.5,259.3     c0,1.7-1.1,3.1-2.4,3.1h-45.2c-1.3,0-2.4-1.4-2.4-3.1v-4.8c0-1.7,1.1-3.1,2.4-3.1h45.2c1.3,0,2.4,1.4,2.4,3.1V259.3z" fill="url(#SVGID_10_)" stroke="#8C8C91" stroke-width="0.75" stroke-miterlimit="10" />
        <linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="109.4172" y1="256.8324" x2="122.4172" y2="256.8324">
          <stop offset="0" stop-color="#F1F1F1" stop-opacity="0.4" />
          <stop offset="1" stop-color="#F6F6F6" stop-opacity="0.7" />
        </linearGradient>
        <rect x="109.4" y="252" width="13" height="9.6" fill="url(#SVGID_11_)" />
        <line x1="105" y1="261.6" x2="150" y2="261.6" fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" />
      </g>
    </g>
    <g id="Gestell">
      <g id="Uprights_13_">
        <g id="Cross">
          <linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="51" y1="301.2809" x2="51" y2="212.9879">
            <stop offset="0" stop-color="#AEAEAD" />
            <stop offset="1" stop-color="#424242" />
          </linearGradient>
          <polygon points="78.7,213 17.6,297.2       23.3,301.3 84.4,217.1" fill="url(#SVGID_12_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
          <linearGradient id="SVGID_13_" gradientUnits="userSpaceOnUse" x1="51" y1="301.2809" x2="51" y2="212.9879">
            <stop offset="0" stop-color="#AEAEAD" />
            <stop offset="1" stop-color="#424242" />
          </linearGradient>
          <polygon points="23.3,213 17.6,217.1       78.7,301.3 84.4,297.2" fill="url(#SVGID_13_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
        </g>
        <g id="Upright_Right_10_">
          <linearGradient id="SVGID_14_" gradientUnits="userSpaceOnUse" x1="70.4614" y1="306.7325" x2="91.1845" y2="306.7325">
            <stop offset="0" stop-color="#A4A4A4" />
            <stop offset="2.959107e-02" stop-color="#B4B4B4" />
            <stop offset="9.382090e-02" stop-color="#D2D2D2" />
            <stop offset="0.1489" stop-color="#E4E4E4" />
            <stop offset="0.1881" stop-color="#EBEBEB" />
            <stop offset="0.355" stop-color="#CDCDCD" />
            <stop offset="0.7166" stop-color="#808080" />
            <stop offset="1" stop-color="#404040" />
          </linearGradient>
          <rect x="70.5" y="305.3" width="20.7" height="2.8" fill="url(#SVGID_14_)" stroke="#646567" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" />
          <rect id="Floor_Plate_Base_23_" x="70.5" y="307.2" width="20.7" height="0.8" fill="#646567" stroke="#646567" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" />
          <linearGradient id="SVGID_15_" gradientUnits="userSpaceOnUse" x1="74.8152" y1="226.2677" x2="86.6942" y2="226.2677">
            <stop offset="0" stop-color="#B3B3B3" />
            <stop offset="0.24" stop-color="#E6E6E6" />
            <stop offset="0.42" stop-color="#E6E6E6" />
            <stop offset="0.4904" stop-color="#DBDBDB" />
            <stop offset="0.6155" stop-color="#BCBCBC" />
            <stop offset="0.7808" stop-color="#8B8B8B" />
            <stop offset="0.978" stop-color="#484848" />
            <stop offset="1" stop-color="#404040" />
          </linearGradient>
          <rect x="74.5" y="147.2" width="12.7" height="158.1" fill="url(#SVGID_15_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
        </g>
        <g id="Upright_Left_13_">
          <linearGradient id="SVGID_16_" gradientUnits="userSpaceOnUse" x1="10.8604" y1="306.7325" x2="31.4813" y2="306.7325">
            <stop offset="0" stop-color="#B3B3B3" />
            <stop offset="0.24" stop-color="#E6E6E6" />
            <stop offset="0.42" stop-color="#E6E6E6" />
            <stop offset="0.4904" stop-color="#DBDBDB" />
            <stop offset="0.6155" stop-color="#BCBCBC" />
            <stop offset="0.7808" stop-color="#8B8B8B" />
            <stop offset="0.978" stop-color="#484848" />
            <stop offset="1" stop-color="#404040" />
          </linearGradient>
          <rect x="10.8" y="305.3" width="20.7" height="2.8" fill="url(#SVGID_16_)" stroke="#8C8C91" stroke-width="0.75" stroke-miterlimit="10" />
          <rect id="Floor_Plate_Base_21_" x="10.8" y="307.2" width="20.7" height="0.8" fill="#646567" stroke="#646567" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" />
          <linearGradient id="SVGID_17_" gradientUnits="userSpaceOnUse" x1="14.852" y1="226.2677" x2="27.6032" y2="226.2677">
            <stop offset="0" stop-color="#B3B3B3" />
            <stop offset="0.24" stop-color="#E6E6E6" />
            <stop offset="0.42" stop-color="#E6E6E6" />
            <stop offset="0.4904" stop-color="#DBDBDB" />
            <stop offset="0.6155" stop-color="#BCBCBC" />
            <stop offset="0.7808" stop-color="#8B8B8B" />
            <stop offset="0.978" stop-color="#484848" />
            <stop offset="1" stop-color="#404040" />
          </linearGradient>
          <rect x="14.8" y="147.2" width="12.8" height="158.1" fill="url(#SVGID_17_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
        </g>
      </g>
      <g id="Uprights_1_">
        <g id="Cross_1_">
          <linearGradient id="SVGID_18_" gradientUnits="userSpaceOnUse" x1="204" y1="301.2809" x2="204" y2="212.9879">
            <stop offset="0" stop-color="#AEAEAD" />
            <stop offset="1" stop-color="#424242" />
          </linearGradient>
          <polygon points="231.7,213 170.6,297.2       176.3,301.3 237.4,217.1" fill="url(#SVGID_18_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
          <linearGradient id="SVGID_19_" gradientUnits="userSpaceOnUse" x1="204" y1="301.2809" x2="204" y2="212.9879">
            <stop offset="0" stop-color="#AEAEAD" />
            <stop offset="1" stop-color="#424242" />
          </linearGradient>
          <polygon points="176.3,213 170.6,217.1       231.7,301.3 237.4,297.2" fill="url(#SVGID_19_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
        </g>
        <g id="Upright_Right_1_">
          <linearGradient id="SVGID_20_" gradientUnits="userSpaceOnUse" x1="223.4614" y1="306.7325" x2="244.1845" y2="306.7325">
            <stop offset="0" stop-color="#A4A4A4" />
            <stop offset="2.959107e-02" stop-color="#B4B4B4" />
            <stop offset="9.382090e-02" stop-color="#D2D2D2" />
            <stop offset="0.1489" stop-color="#E4E4E4" />
            <stop offset="0.1881" stop-color="#EBEBEB" />
            <stop offset="0.355" stop-color="#CDCDCD" />
            <stop offset="0.7166" stop-color="#808080" />
            <stop offset="1" stop-color="#404040" />
          </linearGradient>
          <rect x="223.5" y="305.3" width="20.7" height="2.8" fill="url(#SVGID_20_)" stroke="#646567" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" />
          <rect id="Floor_Plate_Base_2_" x="223.5" y="307.2" width="20.7" height="0.8" fill="#646567" stroke="#646567" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" />
          <linearGradient id="SVGID_21_" gradientUnits="userSpaceOnUse" x1="227.8152" y1="226.2677" x2="239.6942" y2="226.2677">
            <stop offset="0" stop-color="#B3B3B3" />
            <stop offset="0.24" stop-color="#E6E6E6" />
            <stop offset="0.42" stop-color="#E6E6E6" />
            <stop offset="0.4904" stop-color="#DBDBDB" />
            <stop offset="0.6155" stop-color="#BCBCBC" />
            <stop offset="0.7808" stop-color="#8B8B8B" />
            <stop offset="0.978" stop-color="#484848" />
            <stop offset="1" stop-color="#404040" />
          </linearGradient>
          <rect x="227.5" y="147.2" width="12.7" height="158.1" fill="url(#SVGID_21_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
        </g>
        <g id="Upright_Left_1_">
          <linearGradient id="SVGID_22_" gradientUnits="userSpaceOnUse" x1="163.8604" y1="306.7325" x2="184.4813" y2="306.7325">
            <stop offset="0" stop-color="#B3B3B3" />
            <stop offset="0.24" stop-color="#E6E6E6" />
            <stop offset="0.42" stop-color="#E6E6E6" />
            <stop offset="0.4904" stop-color="#DBDBDB" />
            <stop offset="0.6155" stop-color="#BCBCBC" />
            <stop offset="0.7808" stop-color="#8B8B8B" />
            <stop offset="0.978" stop-color="#484848" />
            <stop offset="1" stop-color="#404040" />
          </linearGradient>
          <rect x="163.8" y="305.3" width="20.7" height="2.8" fill="url(#SVGID_22_)" stroke="#8C8C91" stroke-width="0.75" stroke-miterlimit="10" />
          <rect id="Floor_Plate_Base_1_" x="163.8" y="307.2" width="20.7" height="0.8" fill="#646567" stroke="#646567" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" />
          <linearGradient id="SVGID_23_" gradientUnits="userSpaceOnUse" x1="167.8521" y1="226.2677" x2="180.6032" y2="226.2677">
            <stop offset="0" stop-color="#B3B3B3" />
            <stop offset="0.24" stop-color="#E6E6E6" />
            <stop offset="0.42" stop-color="#E6E6E6" />
            <stop offset="0.4904" stop-color="#DBDBDB" />
            <stop offset="0.6155" stop-color="#BCBCBC" />
            <stop offset="0.7808" stop-color="#8B8B8B" />
            <stop offset="0.978" stop-color="#484848" />
            <stop offset="1" stop-color="#404040" />
          </linearGradient>
          <rect x="167.8" y="147.2" width="12.8" height="158.1" fill="url(#SVGID_23_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
        </g>
      </g>
    </g>
    <g id="Filling_13_" hmi-bind:display="{{ ParamProps.DisplayFillLevel ? 'inline' : 'none' }}">
      <g id="Fluid_19_">
        <linearGradient id="Fluid_x5F_Standard_1_" gradientUnits="userSpaceOnUse" x1="127.5" y1="238.8513" x2="127.5" y2="25.9806">
          <stop offset="0" hmi-bind:stop-color="{{Converter.RGBA(ParamProps.FillLevelColorBottom)}}"/>
          <stop offset="0.5" hmi-bind:stop-color="{{Converter.RGBA(ParamProps.FillLevelColorMiddle)}}"/>
          <stop offset="1" hmi-bind:stop-color="{{Converter.RGBA(ParamProps.FillLevelColorTop)}}"/>>/>
          <stop offset="1" stop-color="#193F77" />
        </linearGradient>
        <rect id="Fluid_x5F_Standard_5_" x="107.5" y="22.8" width="40" height="218" fill="url(#Fluid_x5F_Standard_1_)" />
        <linearGradient id="SVGID_24_" gradientUnits="userSpaceOnUse" x1="131.5" y1="131.792" x2="147.5" y2="131.792">
          <stop offset="0" stop-color="#000000" stop-opacity="0" />
          <stop offset="1" stop-color="#000000" stop-opacity="0.5" />
        </linearGradient>
        <rect x="131.5" y="22.8" width="16" height="218" fill="url(#SVGID_24_)" />
        <linearGradient id="SVGID_25_" gradientUnits="userSpaceOnUse" x1="107.5" y1="131.792" x2="123.5" y2="131.792">
          <stop offset="0" stop-color="#000000" stop-opacity="0.5" />
          <stop offset="1" stop-color="#000000" stop-opacity="0" />
        </linearGradient>
        <rect x="107.5" y="22.8" width="16" height="218" fill="url(#SVGID_25_)" />
      </g>
      <linearGradient id="Shutter_1_" gradientUnits="userSpaceOnUse" x1="107.5" y1="131.792" x2="147.5" y2="131.792">
        <stop offset="0" stop-color="#000000" />
        <stop offset="1" stop-color="#969695" />
      </linearGradient>
      <rect id="Shutter_4_" x="107.5" y="22.8" width="40" height="218" fill="url(#Shutter_1_)" hmi-bind:transform="translate(0, {{22.8 - LocalProps.FillLevelValue*22.8}}) scale(1,{{LocalProps.FillLevelValue}})"/>
      <linearGradient id="SVGID_26_" gradientUnits="userSpaceOnUse" x1="110.2633" y1="131.9852" x2="120.2633" y2="131.9852">
        <stop offset="0" stop-color="#F1F1F1" stop-opacity="0.1" />
        <stop offset="0.7821" stop-color="#F6F6F6" stop-opacity="0.5" />
      </linearGradient>
      <rect x="110.3" y="23" width="10" height="218" fill="url(#SVGID_26_)" />
      <rect id="Window_13_" x="107.5" y="22.8" width="40" height="218" fill="none" stroke="#000000" stroke-width="0.75" stroke-linecap="square" stroke-miterlimit="10" />
      <g id="Skala_3_" hmi-bind:display="{{ and( ParamProps.DisplayFillLevel, ParamProps.DisplayScale ) ? 'inline' : 'none' }}">
        <line id="_x30__3_" x1="111.5" y1="239.8" x2="143.5" y2="239.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x31_0_3_" x1="111.5" y1="218.2" x2="143.5" y2="218.2" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x32_0_3_" x1="111.5" y1="196.6" x2="143.5" y2="196.6" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x33_0_3_" x1="111.5" y1="175" x2="143.5" y2="175" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x34_0_3_" x1="111.5" y1="153.4" x2="143.5" y2="153.4" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x35_0_3_" x1="111.5" y1="131.8" x2="143.5" y2="131.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x36_0_3_" x1="111.5" y1="110.2" x2="143.5" y2="110.2" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x37_0_3_" x1="111.5" y1="88.6" x2="143.5" y2="88.6" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x38_0_3_" x1="111.5" y1="67" x2="143.5" y2="67" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x39_0_3_" x1="111.5" y1="45.4" x2="143.5" y2="45.4" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x31_00_3_" x1="111.5" y1="23.8" x2="143.5" y2="23.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
      </g>
    </g>
  </g>
</svg>