@font-face{font-family:Noto;src:url(./assets/font/Noto_Sans/NotoSans-VariableFont_wdth,wght.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Teachers;src:url(/miro/assets/Teachers-VariableFont_wght-B_2BQmrQ.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Teachers;src:url(/miro/assets/Teachers-ExtraBold-DMAPgjdK.ttf) format("truetype");font-weight:900;font-style:normal}body{font-family:Teachers,sans-serif;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;height:100%;overflow:hidden}#container{-webkit-transition:none!important;-ms-transition:none!important;transition:none!important}#landingWrapper{background-image:url(/miro/assets/img/landing.png);background-color:#fff;background-repeat:no-repeat;background-attachment:fixed;background-position:right top;background-size:inherit;position:absolute;width:100%;height:100%;top:0;right:0;z-index:99999}#landing{position:absolute;right:5%;width:50%;height:100%;display:flex;flex-direction:column;background-color:#fff;color:#000;text-align:center;align-items:center;gap:10px;background-color:#fff0}#landing button{background-color:none;transition:opacity 1s;margin:0;padding:0;pointer-events:default!important}.enabled:hover{text-decoration:underline}.disabled{cursor:default;color:#000;opacity:.2}.enabled{color:#000;opacity:1;cursor:pointer}#landing h1{padding-top:10%;font-size:4vw;pointer-events:none;flex-shrink:3}#landing h2{top:-2%;position:relative;letter-spacing:-5%;pointer-events:none;flex-shrink:3;font-size:2vw}#landing p{pointer-events:none;flex-shrink:3;font-size:.8vw}#landing img{width:100%;height:auto;box-sizing:border-box;padding:auto;bottom:0;position:absolute;pointer-events:none}#landing button{margin:2%}#landing .loader{margin:1%}#loadStart{height:10%;width:100%}#loaderContainerStart{position:relative;left:auto!important;top:20px;width:300px;height:5px;background-color:#fff;border:0px solid black;opacity:1;overflow:hidden}#loaderBarStart{height:100%;width:0%;transition:width .2s ease;background-color:#000}l #loaderTextStart{left:50%;transform:translate(-50%);color:#000;font-size:14px;font-weight:400}.container{width:100vw;height:100vh;display:flex;transition:all .3s ease-in-out;justify-content:center}.menu{width:100%;height:100%;z-index:99;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;top:-10%;position:relative}.menu button{font-family:Teachers,sans-serif;font-weight:900;margin:0;padding:0;width:25%;aspect-ratio:1}.menu button h1{position:absolute;bottom:-1em;line-break:anywhere;pointer-events:none;width:100%;font-size:.7em;text-align:center;line-height:70%;top:100%;color:#d3d3d3!important}.menu button img{position:absolute;width:100%;height:auto;left:0;top:0;pointer-events:none}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:color;opacity:0;transition:opacity .3s ease!important;pointer-events:none}.image-overlay-visible{opacity:1}.choose{position:absolute;top:30%;font-size:8em;animation:pulseOpacity 10s ease-in-out infinite;z-index:9999;line-height:70%;pointer-events:none;text-align:center;opacity:.05}.canvas{transition:width 1s;position:relative}.fieldName{z-index:3;font-size:8em;line-break:anywhere;line-height:.7em;top:2%;position:absolute;left:5%;letter-spacing:-.05em;opacity:.08;color:#00f;width:80%;pointer-events:none}.noData{width:100%;height:100%;position:absolute!important;z-index:99;display:none;color:#d3d3d3}.noData p{top:45%;text-align:center;font-weight:800;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}canvas{position:absolute;display:block;width:100%}.full-screen{width:100%;height:100%}.canvas{display:flex;align-items:center;justify-content:center;font-size:2rem;overflow:hidden;width:100%;margin:0;padding:0}.border-gradient{border-width:1px;border-style:solid;border-color:#000;border-image-source:linear-gradient(to bottom,black 70%,white 80%);border-image-slice:1;border-left:1px solid;border-right:1px solid;border-top:1px solid black;border-bottom:1px solid black}.canvas:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:2}#canvasA{order:1}#canvasB{order:2;width:0}button{position:relative;padding:10px;font-size:3rem;font-weight:100;cursor:pointer;border:none;background:none;transition:opacity 1s ease-in,opacity .1s ease-out}.plus{position:absolute;top:4%;z-index:99;text-align:center;margin:0;padding:0;display:flex;flex-direction:column;right:.2em}.plusSpan{font-weight:400;display:inline-block;pointer-events:none;position:relative;font-size:2em}#plusB{z-index:999}.vergleichen{font-size:.35em;font-family:Teachers;top:-20px;position:relative;left:0;pointer-events:none;display:flex;flex-direction:column;line-height:1;gap:0}@keyframes pulseSize{0%,to{transform:scale(2.7)}50%{transform:scale(3)}}.hidden button{opacity:0;pointer-events:none}.visible button{opacity:1}#scroll-div{padding:0;position:absolute;bottom:0%;left:50%;transform:translate(-50%);height:80px;width:100%;z-index:9999;background:linear-gradient(to top,white 30%,transparent)}.scroll-track{width:90%;height:1px;background-color:#000;position:relative;margin-top:20px;border-radius:5px;left:5%}.scroll-cursor{width:18px;height:auto;background-color:none;position:absolute;cursor:grab;touch-action:none;z-index:99}.scroll-cursor img{width:100%;height:100%;user-drag:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.scroll-cursor:before{content:"";position:absolute;top:-10px;left:-10px;width:38px;height:83px;background:transparent;z-index:99}.cursor-top{bottom:-10px}.cursor-top img{transform:translate(-50%)}.cursor-bottom{top:-10px;transform:rotate(180deg)}.cursor-bottom img{transform:translate(50%)}#infoContainer,#infoContainer p,.time-marker,.day-marker{-webkit-user-select:none;-ms-user-select:none;user-select:none;display:none}svg{width:100%;position:absolute;bottom:-75px;height:150px;-moz-transform:scaleY(-1);-o-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1)}#controls{position:absolute;top:0;right:0}path{stroke-linejoin:round;stroke-linecap:round;stroke-width:2}.dailycurve{top:-100%}.noshow{opacity:0}.hourAndDate{position:absolute;height:auto;width:100%;z-index:9999;opacity:1;text-align:center;font-weight:900;font-size:2.2em;color:#d3d3d3;pointer-events:none}#dayContainer{top:-.5em}#hourContainer{top:.5em}#infoContainerWrapper{width:100%;z-index:99;pointer-events:none;bottom:175px;position:absolute;color:#d3d3d3}.saftfluss{color:#d3d3d3}.saftfluss .balken{width:0}#saftTitle{font-size:2em;font-weight:900;top:5px}.infoLeft,.infoRight,.infos{display:flex;align-items:baseline;height:15px;transition:all 1s}.infos{justify-content:right;gap:0px;padding:20px 0}.infoLeft,.infoRight{gap:5px}.infoLeft{justify-content:right;width:50%}.infoRight{justify-content:left;border-left:1px solid lightgrey;width:0}.balken{height:5px;width:0;background-color:#d3d3d3;transition:width .5s}.infoTitle p{text-align:right}.text{display:inline-block;transform:translate(0);transition:all 1s;position:relative;right:0}.infoTitle.center .text{transform:translate(50%);right:50%}.infoP{font-size:1em;font-weight:400}.saftfluss .infoP{font-size:1.5em;font-weight:900}.markers{width:90%;left:5%;position:relative;display:flex;justify-content:space-between}.day-markers{margin-top:-50px}.time-markers{margin-top:20px}.time-marker,.day-marker{height:10px;background-color:#000;position:absolute}.time-marker{width:2px}.day-marker{width:1px}.time-label{position:absolute;top:15px;font-size:12px;transform:translate(-50%);-webkit-user-select:none;user-select:none;display:none}.loaderContainer{left:auto!important;top:73%!important;position:absolute!important;z-index:9999;top:20px;left:20px;width:300px;height:5px;background-color:#fff;border:0px solid black;opacity:1;z-index:999!important;overflow:hidden}.loaderBar{height:100%;width:0%;transition:width .2s ease;background-color:#000;opacity:.2}.loaderText{position:absolute!important;top:74%;left:50%;transform:translate(-50%);color:#000;opacity:.2;font-size:14px;font-weight:400;z-index:999!important}