#selectSliderContainer,#sliderContainer{display:flex;width:100%}#monthSelect,#sliderDiv{margin-right:var(--marginSelectSlider);margin-left:var(--marginSelectSlider)}.triangle-left,.triangle-right{width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;margin-top:7px;opacity:.7;cursor:pointer}:root{--marginSelectSlider:15px;--marginSelectSliderx3:45px;--trackColor:#DEDEDE;--tickColor:#CECECE;--thumbColor:var(--bgrColorAkzentblau);--trackHeight:13px}#monthlyReport{max-width:100%;cursor:zoom-in}#monthlyReportFigure{text-align:center}#monthlyReportFigure figcaption{text-align:left}#sliderDiv>input{-webkit-appearance:none;appearance:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;margin-bottom:10px;margin-top:0;border:0 solid red}@media only screen and (max-width:600px){#selectSliderContainer{display:block}}#monthSelect{margin-top:5px;width:180px;font-size:20px;color:#00416e;background-color:#fff}.triangle-left{border-right:15px solid var(--thumbColor);margin-left:5px}#sliderDiv>input:focus,#sliderDiv>input:hover,.triangle-left:hover,.triangle-right:hover{opacity:1}.triangle-right{border-left:15px solid var(--thumbColor);margin-right:5px}#sliderDiv{--ticksThickness:1.5px;--ticksHeight:10px;--ticksColor:var(--tickColor);--helper:calc(calc(var(--max) - var(--min)) / var(--step));display:inline-block;width:100%;min-width:100px;background:linear-gradient(to right,var(--ticksColor) var(--ticksThickness),transparent 1px) repeat-x;background-size:calc(100%/var(--helper) - .3px) 10px;background-position:0 bottom;position:relative;margin-top:10px}input[type=range]::-webkit-slider-runnable-track{height:var(--trackHeight);cursor:pointer;box-shadow:2px 2px 5px #aaa;background:var(--thumbColor);border-radius:20px;border:6px solid var(--trackColor)}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--thumbColor)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--bgrColorBlue);height:20px;width:10px;border-radius:10px;background:var(--thumbColor);cursor:pointer;box-shadow:2px 2px 5px #555;margin-top:-10px}input[type=range]::-moz-range-track{height:var(--trackHeight);cursor:pointer;-moz-box-sizing:border-box;background:var(--thumbColor);border-radius:20px;border:6px solid var(--trackColor);box-shadow:2px 2px 5px #aaa}input[type=range]::-moz-range-thumb{box-shadow:2px 2px 5px #555;border:1px solid var(--bgrColorBlue);height:20px;width:10px;border-radius:5px;background:var(--thumbColor);cursor:pointer}