#content_climate{position:relative}#climatediagram_title{font-size:20px;margin:5px 10px}#climatediagram_location_selection{font-size:16px;font-weight:lighter;display:flex}#climatediagram_location_selection span::before{content:'';height:100%;display:inline-block;vertical-align:middle}#climatediagram_location_selection .wo_select_parent{display:inline-block;width:calc(90% - 170px);margin:0 10px}#climatediagram_location_selection .wo_select_parent>select{font-weight:bolder;font-family:inherit;font-size:inherit;-webkit-appearance:menulist;-moz-appearance:menulist}#climatediagram_location_selection .wo_select_label{font-size:16px}#content_climate.temp option:not(.temp),#content_climate.sun option:not(.sun),#content_climate.wind option:not(.wind),#content_climate.rain option:not(.rain){display:none}#climatediagram{position:relative;flex-grow:1;height:440px}#climate-container h2{padding-top:30px;padding-bottom:10px}#climatediagram.loading::before{content:" ";position:absolute;border:16px solid #f3f3f3;border-top:16px solid #00537f;border-bottom:16px solid #fab001;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;border-radius:50%;height:100px;width:100px;top:100px;left:170px}#myChart.no_cursor{cursor:none}#chartjs-tooltip{opacity:1;position:absolute;background:rgba(236,242,246,.95);border-radius:0 0 30px 0;transition:opacity .2s ease .1s;pointer-events:none;transform:translate(0px,0);z-index:21;padding:20px 35px;font-weughti:lighter}#chartjs-tooltip.right{transform:translate(-100%,0);border-radius:0 0 0 30px;min-width:260px}#chartjs-tooltip.hidden_tooltip{transition:opacity .2s ease,left .1s linear .2s,top .1s linear .2s,z-index .1s linear .2s;z-index:-2}#chartjs-tooltip::after{position:absolute;display:block;content:" ";top:0;left:0;border-top:12px solid rgba(0,83,127,0.5);border-left:12px solid rgba(0,83,127,0.5);border-bottom:12px solid transparent;border-right:12px solid transparent}#chartjs-tooltip.right::after{left:unset;right:0;border-right:12px solid rgba(0,83,127,0.5);border-left:12px solid transparent}#chartjs-tooltip thead>tr{font-size:20px;line-height:24px;height:40px}#chartjs-tooltip tbody>tr{font-size:14px;line-height:18px;height:30px}#chartjs-tooltip thead>tr>th{font-weight:bolder}.chartjs-tooltip-key{display:inline-block;width:10px;height:10px;margin-right:10px}#climatediagram_legend{margin:10px 0 10px 0}.climatediagram_legend{display:none}.temp>#climatediagram_legend>.climatediagram_legend.temperature,.sun>#climatediagram_legend>.climatediagram_legend.sun,.wind>#climatediagram_legend>.climatediagram_legend.wind,.rain>#climatediagram_legend>.climatediagram_legend.rain{display:block}.climatediagram_legend>p{color:#95989a;line-height:20px;font-size:14px;display:inline-block;margin-right:10px}span.legend.circle{width:8px;height:8px;background:red;display:inline-block;margin:6px 10px;border-style:none;border-radius:4px}span.legend.square{width:8px;height:8px;background:red;display:inline-block;margin:1px 10px}span.legend.red{background:#f00}span.legend.blue{background:#00f}span.legend.grey{background:#d1d1d6}span.legend.yellow{background:#fab001}span.legend.green{background:#388b49}span.legend.darkblue{background:#00537f}span.legend.lightblue{background:#00537f;opacity:.3}#diagram_selection{position:absolute;left:-65px;width:65px;top:67px}#diagram_selection>div{width:65px;height:42px;background-color:rgba(16,101,142,1);margin-bottom:20px;background-repeat:no-repeat;background-size:24px 24px;background-position:center;cursor:pointer;transition:all .2s ease-in-out 0s}#temperature_diagram,#di_temp{background-image:url(/mdr/p_story/0.0.54/images/klima/klima_temperatur.svg)}#sunshine_diagram,#di_sun{background-image:url(/mdr/p_story/0.0.54/images/klima/klima_sonnenstunden.svg)}#wind_diagram,#di_wind{background-image:url(/mdr/p_story/0.0.54/images/klima/klima_wind.svg)}#diagram_selection>#rain_diagram,#di_rain{background-image:url(/mdr/p_story/0.0.54/images/klima/klima_regen.svg);background-size:20px 20px}#diagram_selection>div:hover,#diagram_selection>div.active{background-color:#00537f}@-webkit-keyframes move-out-right{0%{transform:translateX(0%)}50%{transform:translateX(50%)}100%{transform:translateX(100%)}}@keyframes move-out-right{0%{transform:translateX(0%)}50%{transform:translateX(50%)}100%{transform:translateX(100%)}}@-webkit-keyframes move-out-left{0%{transform:translateX(0%)}50%{transform:translateX(-50%)}100%{transform:translateX(-100%)}}@keyframes move-out-left{0%{transform:translateX(0%)}50%{transform:translateX(-50%)}100%{transform:translateX(-100%)}}@-webkit-keyframes move-in-right{0%{transform:translateX(100%)}50%{transform:translateX(50%)}100%{transform:translateX(0%)}}@keyframes move-in-right{0%{transform:translateX(100%)}50%{transform:translateX(50%)}100%{transform:translateX(0%)}}@-webkit-keyframes move-in-left{0%{transform:translateX(-100%)}50%{transform:translateX(-50%)}100%{transform:translateX(0%)}}@keyframes move-in-left{0%{transform:translateX(-100%)}50%{transform:translateX(-50%)}100%{transform:translateX(0%)}}@media (max-width:991px){#diagram_selection{left:-12px;width:105%;top:-48px;background-color:#00537F;padding-left:14px}#diagram_selection>div{height:40px;width:54px;float:left;margin-right:0;margin-bottom:0;background-color:#00537F}#diagram_selection>div:hover,#diagram_selection>div.active{background-color:#fff}#temperature_diagram.active,#temperature_diagram:hover{background-image:url(/mdr/p_story/0.0.54/images/klima/Temperatur_s_aktiv.svg)}#wind_diagram.active,#wind_diagram:hover{background-image:url(/mdr/p_story/0.0.54/images/klima/Wind_s_aktiv.svg)}#rain_diagram.active,#rain_diagram:hover{background-image:url(/mdr/p_story/0.0.54/images/klima/Regen_s_aktiv.svg) !important}}@media (max-width:767px){#climatediagram_location_selection{flex-direction:column}#climatediagram_location_selection .wo_select_parent{width:300px;margin:10px 0}}@media (max-width:576px){#climatediagram_location_selection .wo_select_parent{max-width:75%}}.load-animation.loading{display:flex;background:url(/mdr/p_story/0.0.54/images/loading/loading_animation_world.svg) no-repeat center/200px 200px}.load-animation.loading::before{content:"";margin:0 auto;height:240px;width:240px;background:url(/mdr/p_story/0.0.54/images/loading/loading_animation_plane.svg) no-repeat center/240px 240px;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.load-animation{position:absolute;width:100%;height:100%;display:none;align-items:center}.load-animation>svg{height:200px !important;width:200px !important;margin:0 auto}