I modified the setting a bit and made the bubbles smaller not to overlap the lines:
The template is as widget in group
<style>
#HzZeitbegrenzt_Temperaturen_anpassen_cards > md-card > p.label {
min-width: 18%;
}
#HzZeitbegrenzt_Temperaturen_anpassen_cards > md-card > md-slider > div > div > div.md-thumb-container > div.md-sign > span {
color: white;
transform: translate3d(0, 0, 0) scale(0.9);
}
#HzZeitbegrenzt_Temperaturen_anpassen_cards > md-card > md-slider > div > div > div.md-thumb-container > div.md-sign {
width: 28px;
height: 28px;
top: -12px;
}
#HzZeitbegrenzt_Temperaturen_anpassen_cards > md-card > md-slider > div > div > div.md-thumb-container > div.md-thumb:after {
width: 0px;
height: 0px;
border-radius: 0px;
border-width: 0px;
}
#HzZeitbegrenzt_Temperaturen_anpassen_cards > md-card > md-slider > div > div > div.md-thumb-container > div.md-focus-ring {
width: 0px;
height: 0px;
}
</style>
and the sliders are standard.