@media (min-width:0px){#content{background:#2c303b;height:fit-content;max-width:100%;width:100%}.chart_box{display:block;margin:auto;overflow-x:auto}#chart_option{margin:auto;width:50%}.icon{height:0;width:0}#chart_info_under{align-items:flex-start;display:flex;flex-direction:column-reverse;justify-content:space-between;margin-top:4%;width:100%}}@media (min-width:600px){.icon{height:20px;margin-right:10px;width:20px}#chart_option{margin:auto;padding-left:20px;width:50%}#chart_info_under{align-items:flex-start;display:flex;justify-content:space-between;margin-top:4%;width:100%}}@media (min-width:1200px){#content{background:#2c303b;height:100%;max-height:100%;max-width:100%;width:100%}.chart_box{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin:auto}}#title{color:#f4f6fa;display:flex;flex-direction:column}.chart_header,.mainContentText{text-align:center}.chart_header{color:#000;font-optical-sizing:auto;font-style:normal;font-weight:500}.chart_title{color:#f4f6fa;font-size:24px}.chart_subtitle{color:#f4f6fa;font-size:16px;margin-top:-1%;text-align:center}.tooltipClass{font-family:Poppins,serif;font-optical-sizing:auto;font-size:14px;font-style:normal;font-weight:100}.legend-box{align-items:center;display:flex;flex-direction:column;font-family:Poppins,serif;justify-content:center;width:100%}div.legend-box button.item{display:block;font-family:Poppins}.toggleContainer:before{background:#f4f6fa;border-radius:20px;content:"";height:100%;left:0;position:absolute;transition:all .3s;width:50%}.toggleCheckbox:checked+.toggleContainer:before{left:50%}.toggleContainer div{font-size:10px;padding:6px;text-align:center;z-index:1}.toggleCheckbox{display:none}.toggleCheckbox:checked+.toggleContainer div:first-child{color:#f4f6fa;transition:color .3s}.toggleCheckbox+.toggleContainer div:first-child,.toggleCheckbox:checked+.toggleContainer div:last-child{color:#000;transition:color .3s}.toggleCheckbox+.toggleContainer div:last-child{color:#f4f6fa;transition:color .3s}.mediumToggleContainer{background:#f7a600;border:3px solid transparent;border-radius:20px;color:#343434;cursor:pointer;display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:4%;position:relative;width:40%}.mediumToggleContainer:before{background:#f4f6fa;border-radius:18px;content:"";height:100%;left:0;position:absolute;transition:all .3s;width:50%}.toggleCheckbox:checked+.mediumToggleContainer:before{left:50%}.mediumToggleContainer div{align-items:center;flex-direction:row;font-size:14px;padding:6px;text-align:center;z-index:1}#medium_toggle_div,.mediumToggleContainer div{display:flex;justify-content:center}.toggleCheckbox+.mediumToggleContainer .icon.Strom{fill:#000}.toggleCheckbox+.mediumToggleContainer .icon.Gas,.toggleCheckbox:checked+.mediumToggleContainer .icon.Strom{fill:#f4f6fa}.toggleCheckbox:checked+.mediumToggleContainer .icon.Gas{fill:#000}.toggleCheckbox+.mediumToggleContainer div:first-child .medium_label{color:#000}.toggleCheckbox+.mediumToggleContainer div:last-child .medium_label,.toggleCheckbox:checked+.mediumToggleContainer div:first-child .medium_label{color:#f4f6fa}.toggleCheckbox:checked+.mediumToggleContainer div:last-child .medium_label{color:#000}#extra{margin-bottom:30px;padding-top:20px}#complete_chart_div{font-family:Poppins,serif;height:100%;margin:auto;width:80%}#no_data_field{align-items:center;display:flex;height:100%;justify-content:center;width:100%}#no_data_field_text{color:rgba(255,153,0,.6);font-family:Poppins,serif;font-size:30px}#my_chart{width:1000px}#chart_builder{height:550px;overflow-x:auto;overflow-y:hidden;width:100%}#brutto_netto_div{display:flex;gap:1%;justify-content:right}#brutto_netto_div label{color:#888;color:#f4f6fa;cursor:pointer;font-size:15px;font-style:normal;font-weight:400;margin-right:10px;transition:color .3s ease}#brutto_netto_div input[type=radio]:checked{background-color:#f4f6fa}#brutto_netto_div+label{color:#000}#brutto_netto_div input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:2px solid #888;border-radius:50%;cursor:pointer;height:10px;transition:background-color .3s ease,border-color .3s ease;width:10px}.radio_but_div{align-items:center;display:flex;margin-top:5px;padding-left:10px}#chart_info_text{color:#f4f6fa;font-optical-sizing:auto;font-size:15px;font-style:normal;font-weight:100}.erklaerung{font-size:12px;font-style:italic;margin:auto}div.legend-box button.item{border:solid transparent;border-radius:4em;color:#f4f6fa;cursor:pointer;font-family:Poppins,serif;justify-content:center;margin:15px;padding:10px 15px;text-align:center;width:100%}