.balkenframe {
  margin-top: 33px;
  margin-left: 20px;
  width: 18px;
  height: 90px;
  border-radius: 9px 9px 0 0 ;
  background-color: #333;
}  
.balken{
  margin-top: 36px;
  margin-left: 23px;
  display: flex; /* Macht den Container zum  Flex-Container */
  /*justify-content: center; /* Horizontal */
  /*align-items: center;     /* Vertikal */
  /*height: 100vh;           /* Optional: volle Höhe */
  
  position: absolute;  
  z-index: 3;
  width: 12px;
  height: 80px;
  
  background: -webkit-linear-gradient(
    top,
    #fff 0%,    
    #fff 75%,
    #667bf0 75%,
    #000033 100%
  ); 
  border-radius: 6px 6px 0 0 ;
  border:4px solid #fff;
  border-bottom: none;
} 
.bulbframe {  /* Thermometer Rahmen von Bulb */
  margin-top: 103px;
  margin-left: 12px;
  position: absolute;
    z-index: 1;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #333;
}  
   
.bulbborder { /* Thermometer Rand von Bulb */
  margin-top: 106px; 
  margin-left: 15px;
  position: absolute;
  z-index: 2;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #fff;
}        
.bulb {  /* Thermometer Bulb */
  margin-top: 110px;
  margin-left: 19px;
  	display: flex; /* Macht den Container zum  Flex-Container */
    /*justify-content: center; /* Horizontal */
    /*align-items: center;     /* Vertikal */
    /*height: 100vh;           /* Optional: volle Höhe */
    /**/position: absolute; 
    z-index: 10;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #000033;
    /*accent-color: #4caf50; /* Farbe des gefüllten Balkens */
}