:root{--highlight-color:#00eaff;--highlight-color-klima:#00eaff;--highlight-color-migration:#06ffac}.er-crate--interaction-tool{overflow:unset}#tool-container{margin-bottom:48px;background:#e7e5e8}#tool-container #navigation{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;flex-wrap:wrap;max-width:500px;padding-top:24px;margin:0 auto;background:#e7e5e8}@media (max-width:600px){#tool-container #navigation{flex-wrap:nowrap;-webkit-box-pack:start;justify-content:flex-start;width:calc(100% - 24px);overflow-x:scroll;margin-top:24px;margin-left:24px;position:-webkit-sticky;position:sticky;top:56px;z-index:2;background:#e7e5e8}.no-header #tool-container #navigation{top:0}}#tool-container #navigation .clickable{margin:5px;font-weight:600;font-family:SZ Sans,Neue Helvetica,Helvetica,sans-serif;background:#fff;white-space:nowrap}#tool-container #navigation .clickable p{margin-bottom:0}@media (max-width:600px){#tool-container #navigation .clickable p{font-size:1rem}}#tool-container #navigation .clickable:hover{cursor:pointer}#tool-container #description-container{position:relative;width:100%;padding-top:20%}@media (max-width:600px){#tool-container #description-container{padding-top:55%}}@media (max-width:370px){#tool-container #description-container{padding-top:75%}}#tool-container #output{padding:24px}#tool-container #image-container{position:relative;width:100%;padding-top:105%}@media (max-width:600px){#tool-container #image-container{padding-top:180%}}#tool-container #image-container .image,#tool-container #image-container .image-mobile{width:100%}#tool-container #image-container .image-mobile{display:none}@media (max-width:600px){#tool-container #image-container .image-mobile{display:block}}@media (max-width:600px){#tool-container #image-container .image{display:none}}#tool-container .description,#tool-container .image,#tool-container .image-mobile{position:absolute;top:0;opacity:0;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in}#tool-container .description.highlight,#tool-container .image-mobile.highlight,#tool-container .image.highlight{opacity:1}.clickable,.er-intro h1 p span,.er-plank--text h2 span{position:relative;display:inline;padding:5px;z-index:0}.clickable:before,.er-intro h1 p span:before,.er-plank--text h2 span:before{-webkit-transition:50ms ease-in;transition:50ms ease-in;content:"";background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,hsla(0,0%,100%,0)),color-stop(50%,#00eaff));background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,hsla(0,0%,100%,0)),color-stop(50%,var(--highlight-color)));background-image:linear-gradient(90deg,hsla(0,0%,100%,0) 50%,#00eaff 0);background-image:linear-gradient(90deg,hsla(0,0%,100%,0) 50%,var(--highlight-color) 0);background-size:200%;background-position:0 0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1}.clickable.category-klima:before,.er-intro h1 p span.category-klima:before,.er-plank--text h2 span.category-klima:before{background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,hsla(0,0%,100%,0)),color-stop(50%,#00eaff));background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,hsla(0,0%,100%,0)),color-stop(50%,var(--highlight-color-klima)));background-image:linear-gradient(90deg,hsla(0,0%,100%,0) 50%,#00eaff 0);background-image:linear-gradient(90deg,hsla(0,0%,100%,0) 50%,var(--highlight-color-klima) 0)}.clickable.category-migration:before,.er-intro h1 p span.category-migration:before,.er-plank--text h2 span.category-migration:before{background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,hsla(0,0%,100%,0)),color-stop(50%,#06ffac));background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,hsla(0,0%,100%,0)),color-stop(50%,var(--highlight-color-migration)));background-image:linear-gradient(90deg,hsla(0,0%,100%,0) 50%,#06ffac 0);background-image:linear-gradient(90deg,hsla(0,0%,100%,0) 50%,var(--highlight-color-migration) 0)}.clickable.highlight:before,.er-intro h1 p span.highlight:before,.er-plank--text h2 span.highlight:before{background-position:-100% 0;-webkit-transition:.3s cubic-bezier(.29,.61,.48,.74);transition:.3s cubic-bezier(.29,.61,.48,.74)}.er-intro h1 p,.er-plank--text h2{display:-webkit-box;display:flex;flex-wrap:wrap;max-width:648px}.er-intro h1 p .highlight:first-child:before,.er-plank--text h2 .highlight:first-child:before{-webkit-transition-delay:.3s;transition-delay:.3s}.er-intro h1 p .highlight:nth-child(2):before,.er-plank--text h2 .highlight:nth-child(2):before{-webkit-transition-delay:.6s;transition-delay:.6s}.er-intro h1 p .highlight:nth-child(3):before,.er-plank--text h2 .highlight:nth-child(3):before{-webkit-transition-delay:.9s;transition-delay:.9s}.er-intro h1 p .highlight:nth-child(4):before,.er-plank--text h2 .highlight:nth-child(4):before{-webkit-transition-delay:1.2s;transition-delay:1.2s}.er-intro h1 p .highlight:nth-child(5):before,.er-plank--text h2 .highlight:nth-child(5):before{-webkit-transition-delay:1.5s;transition-delay:1.5s}.er-intro h1 p .highlight:nth-child(6):before,.er-plank--text h2 .highlight:nth-child(6):before{-webkit-transition-delay:1.8s;transition-delay:1.8s}.er-intro h1 p .highlight:nth-child(7):before,.er-plank--text h2 .highlight:nth-child(7):before{-webkit-transition-delay:2.1s;transition-delay:2.1s}.er-intro h1 p .highlight:nth-child(8):before,.er-plank--text h2 .highlight:nth-child(8):before{-webkit-transition-delay:2.4s;transition-delay:2.4s}.er-intro h1 p .highlight:nth-child(9):before,.er-plank--text h2 .highlight:nth-child(9):before{-webkit-transition-delay:2.7s;transition-delay:2.7s}
/*# sourceMappingURL=/js.0ceb51a4.css.map */