#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin-top:-300px;position:relative;width:auto;z-index:1}body{margin:0}@media only screen and (max-width:1485px){#root{margin-top:-150px}}@media only screen and (max-width:1024px){#root{margin-top:-140px}.stage-slider__content{display:none}}@media only screen and (max-width:989px){#root{margin-top:-80px}}@media only screen and (max-width:768px){#root{margin-top:-60px}}.svg-erzeu{filter:drop-shadow(3px 3px 2px rgba(255,0,0,0))}.svg-erzeu:hover{filter:drop-shadow(0 0 8px rgb(180,0,95))}.gno-component-container{background-color:#fff;box-sizing:border-box;margin-bottom:20px;margin-top:0;max-width:1280px;padding-left:10px;padding-right:10px;padding-top:15px;position:relative;width:100%}.gno-component-container .gno-headline{color:#b4005f;margin:10px 0;text-align:center}.gno-component-container .gno-layout{grid-row-gap:2rem;grid-column-gap:2rem;align-items:center;align-items:flex-end;display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;justify-items:center}.gno-component-container .gno-layout .item-0{grid-column-end:1;grid-column-start:0;width:80%}.gno-component-container .gno-layout .item-0 .item-content{width:100%}.gno-component-container .gno-layout .item-1{grid-column-end:2;grid-column-start:1;width:100%}.gno-component-container .gno-layout .item-1 .item-content{width:100%}.gno-component-container .gno-layout .item-2{grid-column-end:3;grid-column-start:2;width:100%}.gno-component-container .gno-layout .item-2 .item-content{width:100%}.gno-component-container .gno-layout .item-3{grid-column-end:4;grid-column-start:3;width:100%}.gno-component-container .gno-layout .item-3 .item-content{width:100%}.gno-component-container .gno-layout .item-4{grid-column-end:5;grid-column-start:4;width:100%}.gno-component-container .gno-layout .item-4 .item-content{width:100%}.gno-component-container .gno-layout svg{height:auto;position:static;width:auto}.gno-component-container .gno-mobile-layout{grid-row-gap:1rem;grid-column-gap:1rem;align-items:flex-end;cursor:grab;display:grid;grid-template-columns:1fr 1fr 1fr;width:150%}.gno-component-container .gno-mobile-layout svg{height:auto;position:static;width:auto}.gno-component-container .gno-two-columns{grid-column-gap:2rem;align-items:center;align-items:flex-end;display:grid;grid-template-columns:1fr 1fr;justify-content:center;justify-items:center;padding-left:9rem;padding-right:9rem}.gno-component-container .gno-button-spacing{display:flex;flex-direction:row;justify-content:center;margin-left:auto;margin-right:auto;margin-top:2rem;width:auto}.gno-component-container .gno-button-spacing button{height:40px;margin:5px;padding-left:24px;padding-right:24px}@media only screen and (max-width:1279px){.gno-component-container .gno-mobile-layout{width:110%}.gno-component-container .gno-two-columns{grid-column-gap:2rem;padding-left:7rem;padding-right:7rem}}@media only screen and (max-width:1024px){.gno-component-container{box-shadow:none;margin-left:auto;margin-right:auto;margin-top:0}.gno-component-container .gno-horizontal-scroll{overflow:auto}.gno-component-container .gno-horizontal-scroll .gno-layout{width:120%}.gno-component-container .gno-two-columns{grid-column-gap:1rem;padding-left:5%;padding-right:5%}}@media only screen and (max-width:989px){.gno-component-container{height:auto}.gno-component-container .gno-horizontal-scroll{overflow:auto}.gno-component-container .gno-horizontal-scroll .gno-layout{width:140%}}@media only screen and (max-width:768px){.gno-component-container .gno-horizontal-scroll{overflow:auto}.gno-component-container .gno-horizontal-scroll .gno-layout{width:180%}.gno-component-container .gno-button-spacing{display:flex;flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;margin-top:2rem;width:230px}.gno-component-container .gno-button-spacing button{height:40px}}@media only screen and (max-width:695px){.gno-component-container .gno-horizontal-scroll{overflow:auto}.gno-component-container .gno-horizontal-scroll .gno-mobile-layout{width:180%}.gno-component-container .gno-horizontal-scroll .gno-two-columns{grid-column-gap:1rem;padding:initial;width:110%}}@media only screen and (max-width:520px){.gno-component-container .gno-horizontal-scroll{overflow:auto}.gno-component-container .gno-horizontal-scroll .gno-mobile-layout{width:280%}.gno-component-container .gno-horizontal-scroll .gno-two-columns{width:150%}}@media only screen and (max-width:396px){.gno-component-container .gno-horizontal-scroll{overflow:auto}.gno-component-container .gno-horizontal-scroll .gno-mobile-layout{width:292%}.gno-component-container .gno-horizontal-scroll .gno-two-columns{width:180%}}@media only screen and (max-width:300px){.gno-component-container .gno-horizontal-scroll{overflow:auto}.gno-component-container .gno-horizontal-scroll .gno-mobile-layout{width:400%}.gno-component-container .gno-horizontal-scroll .gno-two-columns{width:190%}}.gno-primary-button{background:linear-gradient(180deg,#59277f,#7a43a4);border:none;border-radius:20px;color:#fff;font-size:18px;height:40px;max-width:260px;padding:0 24px}.gno-primary-button:hover{background:linear-gradient(180deg,#7a43a4,#59277f);cursor:pointer}.gno-primary-button:active{background:#7a5299}.gno-primary-button:focus{outline:none}.negative{background:#fff;border:none;border-radius:20px;color:#565656;font-size:18px;height:40px;margin:12px 0;max-width:240px;padding:0 24px}.negative:focus{outline:none}.negative:hover{background:#ddd;cursor:pointer}.negative:active{background:#bbb}.gno-card{display:flex;flex-direction:column;height:auto;width:100%}.gno-card h1{font-size:inherit}.gno-card .gno-svgElement{display:flex;flex-direction:column;justify-content:center;width:100%}.gno-card .gno-svgElement svg{width:100%}.gno-card .gno-svgElement .gno-background-svg{margin-top:-45%;z-index:0}.gno-card .gno-svgElement .gno-background-svg svg{width:100%}.gno-card .gno-svgElement .gno-topic-svg{align-self:center;width:70%;z-index:100}.gno-card .gno-svgElement .gno-topic-svg svg{width:100%}.gno-card .gno-card-container{align-items:flex-start;background-color:#59277f;display:flex;flex-direction:column;margin-top:-70px;min-height:390px;z-index:50}.gno-card .gno-card-container .gno-card-headline{color:#fff;font-size:23px;font-weight:400;line-height:125%;margin:5rem 2rem 15px;text-align:left}.gno-card .gno-card-container .gno-card-text{color:hsla(0,0%,100%,.803);font-size:18px;margin-bottom:15px;margin-left:2rem;margin-right:2rem}.gno-card .gno-card-container .negative{align-self:center}.gno-card .gno-card-container .gno-card-button-container{align-self:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:20px;margin-top:auto}.popupPosition{position:absolute;top:150px;width:100%;z-index:500}.formularePopupPosition{position:absolute;top:50px;width:98.5%;z-index:500}.positionButtons{align-items:center;display:flex;flex-direction:column;margin:0 auto;min-width:200px;width:50%}.positionButtons button{margin:6px 0}.positionButtons :first-child{margin:0 0 6px}.positionButtons :last-child{margin-bottom:24px}@media only screen and (max-width:768px){.popupPosition{top:50px}.formularePopupPosition{width:97.5%}}@media only screen and (max-width:695px){.popupPosition{top:50px}}@media only screen and (max-width:520px){.popupPosition{top:8px}}@media only screen and (max-width:396px){.popupPosition{top:0}.formularePopupPosition{width:95%}}.gno-secondary-button{background:#fff;border:none;border-radius:20px;color:#565656;font-size:18px;height:40px;max-width:260px;outline:1px solid;outline-color:#565656;padding:0 24px}.gno-secondary-button:hover{background:#565656;color:#fff;cursor:pointer;outline:#fff}.gno-secondary-button:active{background:#787878;color:#fff}.gno-secondary-button:focus{outline-color:#565656}.gno-popup-forms-wrapper{align-items:center;display:flex;justify-content:center;position:absolute;top:50px;width:97%;z-index:500}.gno-popup-forms-wrapper .gno-popup-forms-container{align-items:center;background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;max-width:500px;padding-bottom:32px;padding-top:32px;width:100%}.gno-popup-forms-wrapper .gno-popup-forms-container .gno-popup-forms-headline{color:#59277f;font-size:24px;font-weight:400;line-height:120%;margin-bottom:24px}.gno-popup-forms-wrapper .gno-popup-forms-container .gno-popup-forms-content{align-self:center;margin-bottom:24px}.gno-popup-forms-wrapper .gno-popup-forms-container .gno-popup-forms-content .gno-metalink-container{align-items:center;color:#59277f;display:flex;flex-direction:row;margin-bottom:16px}.gno-popup-forms-wrapper .gno-popup-forms-container .gno-popup-forms-content .gno-metalink-container .gno-metalink-arrow,.gno-popup-forms-wrapper .gno-popup-forms-container .gno-popup-forms-content .gno-metalink-container .gno-metalink-arrow svg{height:16px;width:16px}.gno-popup-forms-wrapper .gno-popup-forms-container .gno-popup-forms-content .gno-metalink-container .gno-metalink-text{font-size:18px;font-weight:400;text-decoration:underline}.gno-popup-forms-wrapper .gno-popup-forms-container .gno-popup-forms-content .gno-metalink-container:hover{color:#b4005f;cursor:pointer}.gno-popup-forms-wrapper .gno-popup-forms-container .popup-forms-button-container{display:flex;flex-direction:row;justify-content:center}#lens-flare1,#lens-flare10,#lens-flare2,#lens-flare3,#lens-flare4,#lens-flare5,#lens-flare6,#lens-flare7,#lens-flare8,#lens-flare9{animation:toggle 5s ease-in-out infinite;animation-delay:0s;opacity:0}#lens-flare2{animation-delay:1s}#lens-flare3{animation-delay:.5s}#lens-flare4{animation-delay:0s}#lens-flare5{animation-delay:.5s}#lens-flare6,#lens-flare7{animation-delay:1s}#lens-flare8{animation-delay:.5s}#lens-flare9{animation-delay:0s}#lens-flare10{animation-delay:.5s}@keyframes toggle{0%{opacity:0}40%{opacity:0}50%{opacity:1}60%{opacity:0}to{opacity:0}}#dot-selbstverbrauch,#dot-selbstverbrauch2{animation:moveDotSelbstverbrauch 5s linear infinite;opacity:0;transform:translate(0)}#dot-selbstverbrauch2{animation-delay:2.5s}@keyframes moveDotSelbstverbrauch{0%{opacity:0;transform:translate(0)}10%{opacity:1;transform:translateY(38px)}35%{opacity:1;transform:translate(76px,83px)}68%{opacity:1;transform:translate(-20px,142px)}92%{opacity:1;transform:translate(-134px,78px)}to{opacity:0;transform:translate(-110px,62px)}}#dot-direktvermarktung-links{animation:moveDotDirektvermarktungLinks 2s linear infinite;opacity:1;transform:translate(20px,10px)}@keyframes moveDotDirektvermarktungLinks{0%{opacity:0;transform:translate(20px,10px)}5%{opacity:1}70%{opacity:1;transform:translate(-50px,-28px)}95%{opacity:1}to{opacity:0;transform:translate(-80px,-10px)}}#dot-direktvermarktung-rechts{animation:moveDotDirektvermarktungRechts 2s linear infinite;opacity:1;transform:translate(-50px,16px)}@keyframes moveDotDirektvermarktungRechts{0%{opacity:0;transform:translate(-50px,16px)}5%{opacity:1}30%{opacity:1;transform:translate(-10px,-7px)}95%{opacity:1}to{opacity:0;transform:translate(55px,30px)}}#Fenster_EZ_Gross_On,#Fenster_EZ_Klein_On,#Tuer_EZ_On{animation:showErzeugungsanlagenLight 20s linear infinite;opacity:0}@keyframes showErzeugungsanlagenLight{10%{opacity:0}15%{opacity:1}95%{opacity:1}to{opacity:0}}#Hide1{animation:moveHide1 10s ease-in infinite;animation-delay:1s;opacity:1;transform:translateY(30px);transform:scale(1);transform-box:fill-box;transform-origin:bottom}@keyframes moveHide1{0%{transform:scale(1)}10%{transform:scale(0)}60%{transform:scale(0)}70%{transform:scale(1)}to{transform:scale(1)}}#Hide2{animation:moveHide2 10s ease-in infinite;animation-delay:1s;opacity:1;transform:translateY(-30px);transform:scale(1);transform-box:fill-box;transform-origin:top}@keyframes moveHide2{0%{transform:scale(1)}10%{transform:scale(0)}60%{transform:scale(0)}70%{transform:scale(1)}to{transform:scale(1)}}#dot-anschlussanfrage-vorne{animation:moveDotAnschlussanfrageVorne 10s linear infinite;animation-delay:1s;opacity:0}@keyframes moveDotAnschlussanfrageVorne{0%{opacity:0}10%{opacity:0}12%{opacity:0;transform:translate(0)}13%{opacity:1}14%{transform:translateY(35px)}17%{transform:translate(100px,92px)}19%{opacity:1}20%{transform:translate(165px,55px)}20%{opacity:0}22%{opacity:0;transform:translate(0)}23%{opacity:1}24%{transform:translateY(35px)}27%{transform:translate(100px,92px)}29%{opacity:1}30%{transform:translate(165px,55px)}30%{opacity:0}32%{opacity:0;transform:translate(0)}33%{opacity:1}34%{transform:translateY(35px)}37%{transform:translate(100px,92px)}39%{opacity:1}40%{transform:translate(165px,55px)}40%{opacity:0}42%{opacity:0;transform:translate(0)}43%{opacity:1}44%{transform:translateY(35px)}47%{transform:translate(100px,92px)}49%{opacity:1}50%{transform:translate(165px,55px)}50%{opacity:0}52%{opacity:0;transform:translate(0)}53%{opacity:1}54%{transform:translateY(35px)}57%{transform:translate(100px,92px)}59%{opacity:1}60%{opacity:0;transform:translate(165px,55px)}to{opacity:0}}#dot-anschlussanfrage-hinten{animation:moveDotAnschlussanfrageHinten 10s linear infinite;animation-delay:1s;opacity:0;transform:translate(-120px,-30px)}@keyframes moveDotAnschlussanfrageHinten{0%{opacity:0}14%{opacity:0;transform:translate(0)}15%{opacity:1}17%{transform:translate(-95px,-51px)}19%{opacity:1}20%{opacity:0;transform:translate(-120px,-38px)}24%{opacity:0;transform:translate(0)}25%{opacity:1}27%{transform:translate(-95px,-51px)}29%{opacity:1}30%{opacity:0;transform:translate(-120px,-38px)}34%{opacity:0;transform:translate(0)}35%{opacity:1}37%{transform:translate(-95px,-51px)}39%{opacity:1}40%{opacity:0;transform:translate(-120px,-38px)}44%{opacity:0;transform:translate(0)}45%{opacity:1}47%{transform:translate(-95px,-51px)}49%{opacity:1}50%{opacity:0;transform:translate(-120px,-38px)}54%{opacity:0;transform:translate(0)}55%{opacity:1}57%{transform:translate(-95px,-51px)}59%{opacity:1}60%{opacity:0;transform:translate(-120px,-38px)}to{opacity:0}}#Fragezeichen_Anschlussanfrage{animation:showFragezeichenAnschlussanfrage 10s ease-in infinite;animation-delay:1s;opacity:0;transform-box:fill-box;transform-origin:center}@keyframes showFragezeichenAnschlussanfrage{73%{opacity:0;transform:scale(0)}78%{opacity:1;transform:scale(1)}95%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}#dot-einspeiseanfrage{animation:moveDotEinspeiseanfrageReverse 10s linear infinite;opacity:0;transform:translate(160px,20px)}@keyframes moveDotEinspeiseanfrage{50%{opacity:0;transform:translate(0)}52%{opacity:1}58%{transform:translate(97px,57px)}63%{opacity:1}65%{opacity:0;transform:translate(160px,23px)}67%{opacity:0;transform:translate(0)}69%{opacity:1}76%{transform:translate(97px,57px)}78%{opacity:1}80%{opacity:0;transform:translate(160px,23px)}82%{opacity:0;transform:translate(0)}84%{opacity:1}90%{transform:translate(97px,57px)}93%{opacity:1}95%{opacity:0;transform:translate(160px,23px)}}@keyframes moveDotEinspeiseanfrageReverse{50%{opacity:0;transform:translate(160px,23px)}52%{opacity:1}58%{transform:translate(97px,57px)}63%{opacity:1}65%{opacity:0;transform:translate(0)}67%{opacity:0;transform:translate(160px,23px)}69%{opacity:1}76%{transform:translate(97px,57px)}78%{opacity:1}80%{opacity:0;transform:translate(0)}82%{opacity:0;transform:translate(160px,23px)}84%{opacity:1}90%{transform:translate(97px,57px)}93%{opacity:1}95%{opacity:0;transform:translate(0)}}#Fragezeichen_Einspeiseanfrage{animation:showFragezeichenEinspeiseanfrage 10s ease-in infinite;animation-delay:1s;opacity:0;transform-box:fill-box;transform-origin:center}@keyframes showFragezeichenEinspeiseanfrage{2%{opacity:0;transform:scale(0)}5%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1)}33%{opacity:0;transform:scale(0)}}#Einspeiseanfrage_Hide{animation:moveEinspeiseanfrage_Hide 10s ease-in infinite;animation-delay:1s;opacity:1;transform:translateY(-30px);transform:scale(1);transform-box:fill-box;transform-origin:bottom}@keyframes moveEinspeiseanfrage_Hide{35%{transform:scale(1)}50%{transform:scale(0)}85%{transform:scale(0)}to{transform:scale(1)}}#testCircleOW1,#testCircleOW2{opacity:0}#FluegelOW1,#FluegelOW2{animation:rotateWingOW 3s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes rotateWingOW{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#REdot1{animation:moveDotRE1 1s linear infinite;opacity:1;transform:translate(-10px,-80px)}@keyframes moveDotRE1{0%{opacity:0;transform:translate(0)}1%{opacity:1}50%{transform:translate(65px,-36px)}98%{opacity:1}to{opacity:0;transform:translate(-10px,-80px)}}#REdot1_1{animation:moveDotRE1_1 1s linear infinite;animation-delay:.5s;opacity:1;transform:translate(-10px,-80px)}@keyframes moveDotRE1_1{0%{opacity:0;transform:translate(0)}1%{opacity:1}50%{transform:translate(65px,-36px)}98%{opacity:1}to{opacity:0;transform:translate(-10px,-80px)}}#REdot1_1-Container{animation:hideREdot1_1 30s linear infinite;opacity:0}@keyframes hideREdot1_1{6%{opacity:0}7%{opacity:1}24%{opacity:1}25%{opacity:0}30%{opacity:0}31%{opacity:1}47%{opacity:1}48%{opacity:0}}#REdot2{animation:moveDotRE2 1s linear infinite;opacity:1;transform:translate(55px,-36px)}@keyframes moveDotRE2{0%{opacity:0;transform:translate(0)}1%{opacity:1}99%{opacity:1}to{opacity:0;transform:translate(55px,-33px)}}#REdot2_1{animation:moveDotRE2_1 1s linear infinite;animation-delay:.5s;opacity:1;transform:translate(55px,-36px)}@keyframes moveDotRE2_1{0%{opacity:0;transform:translate(0)}1%{opacity:1}99%{opacity:1}to{opacity:0;transform:translate(55px,-33px)}}#REdot2_1-Container{animation:hideREdot2_1 30s linear infinite;opacity:0}@keyframes hideREdot2_1{30%{opacity:0}31%{opacity:1}47%{opacity:1}48%{opacity:0}53%{opacity:0}54%{opacity:1}70%{opacity:1}71%{opacity:0}}#REdot3{animation:moveDotRE3 1s linear infinite;opacity:1;transform:translate(144px,-10px)}@keyframes moveDotRE3{0%{opacity:0;transform:translate(0)}1%{opacity:1}50%{transform:translate(78px,-43px)}98%{opacity:1}to{opacity:0;transform:translate(144px,-10px)}}#REdot3_1{animation:moveDotRE3_1 1s linear infinite;animation-delay:.5s;opacity:1;transform:translate(55px,-36px)}@keyframes moveDotRE3_1{0%{opacity:0;transform:translate(0)}1%{opacity:1}50%{transform:translate(78px,-43px)}98%{opacity:1}to{opacity:0;transform:translate(144px,-10px)}}#REdot3_1-Container{animation:hideREdot3_1 30s linear infinite;opacity:0}@keyframes hideREdot3_1{7%{opacity:0}8%{opacity:1}24%{opacity:1}25%{opacity:0}53%{opacity:0}54%{opacity:1}70%{opacity:1}71%{opacity:0}}#KabelSchlot,#Schlot,#Schlot-Schatten{animation:hideSchlot 30s linear infinite;opacity:1}@keyframes hideSchlot{7%{opacity:1}8%{opacity:40%}24%{opacity:40%}25%{opacity:1}}#REdot2-Container{animation:hideREdot2 30s linear infinite;opacity:1}@keyframes hideREdot2{7%{opacity:1}8%{opacity:0}24%{opacity:0}25%{opacity:1}}#KabelWindrad,#Windrad,#Windrad-Schatten{animation:hideWindrad 30s linear infinite;opacity:1}@keyframes hideWindrad{30%{opacity:1}31%{opacity:40%}47%{opacity:40%}48%{opacity:1}}#REdot3-Container{animation:hideREdot3 30s linear infinite;opacity:1}@keyframes hideREdot3{30%{opacity:1}31%{opacity:0}47%{opacity:0}48%{opacity:1}}#KabelPV,#PV,#PV-Schatten{animation:hidePV 30s linear infinite;opacity:1}@keyframes hidePV{53%{opacity:1}54%{opacity:40%}70%{opacity:40%}71%{opacity:1}}#REdot1-Container{animation:hideREdot1 30s linear infinite;opacity:1}@keyframes hideREdot1{53%{opacity:1}54%{opacity:0}70%{opacity:0}71%{opacity:1}}#FluegelRE{animation:rotateWing 30s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes rotateWing{0%{transform:rotate(0deg)}29%{transform:rotate(3turn)}35%{transform:rotate(3turn)}43%{transform:rotate(3turn)}48%{transform:rotate(3turn)}to{transform:rotate(10turn)}}#testCircle{opacity:0}#SteamCloud1{animation:cloudStrafe1 30s linear infinite;transform:translateY(10px)}@keyframes cloudStrafe1{0%{opacity:1;transform:translateY(10px)}7%{opacity:0;transform:translateY(-30px)}8%{opacity:0;transform:translateY(10px)}26%{opacity:0;transform:translateY(10px)}27%{opacity:1}33%{opacity:0;transform:translateY(-30px)}34%{opacity:0;transform:translateY(10px)}37%{opacity:0;transform:translateY(10px)}38%{opacity:1}43%{opacity:0;transform:translateY(-30px)}44%{opacity:0;transform:translateY(10px)}57%{opacity:0;transform:translateY(10px)}58%{opacity:1}63%{opacity:0;transform:translateY(-30px)}64%{opacity:0;transform:translateY(10px)}67%{opacity:0;transform:translateY(10px)}68%{opacity:1}73%{opacity:0;transform:translateY(-30px)}74%{opacity:0;transform:translateY(10px)}77%{opacity:0;transform:translateY(10px)}78%{opacity:1}83%{opacity:0;transform:translateY(-30px)}84%{opacity:0;transform:translateY(10px)}87%{opacity:0;transform:translateY(10px)}88%{opacity:1}93%{opacity:0;transform:translateY(-30px)}94%{opacity:0;transform:translateY(10px)}to{opacity:0}}#SteamCloud2{animation:cloudStrafe2 30s linear infinite;opacity:0;transform:translateY(10px)}@keyframes cloudStrafe2{0%{opacity:0}1%{opacity:1;transform:translateY(10px)}7%{opacity:0;transform:translateY(-20px)}8%{opacity:0;transform:translateY(10px)}28%{opacity:0;transform:translateY(10px)}29%{opacity:1}35%{opacity:0;transform:translateY(-20px)}36%{opacity:0;transform:translateY(10px)}39%{opacity:0;transform:translateY(10px)}40%{opacity:1}45%{opacity:0;transform:translateY(-20px)}46%{opacity:0;transform:translateY(10px)}59%{opacity:0;transform:translateY(10px)}60%{opacity:1}65%{opacity:0;transform:translateY(-20px)}66%{opacity:0;transform:translateY(10px)}69%{opacity:0;transform:translateY(10px)}70%{opacity:1}75%{opacity:0;transform:translateY(-20px)}76%{opacity:0;transform:translateY(10px)}79%{opacity:0;transform:translateY(10px)}80%{opacity:1}85%{opacity:0;transform:translateY(-20px)}86%{opacity:0;transform:translateY(10px)}89%{opacity:0;transform:translateY(10px)}90%{opacity:1}95%{opacity:0;transform:translateY(-20px)}99%{opacity:0;transform:translateY(10px)}to{opacity:0}}#SteamMain{animation:cloudStrafeBig 30s linear infinite;opacity:1}@keyframes cloudStrafeBig{0%{opacity:1;transform:translateY(10px)}7%{opacity:0;transform:translateY(-30px)}8%{opacity:0;transform:translateY(10px)}26%{opacity:0;transform:translateY(10px)}27%{opacity:1}33%{opacity:0;transform:translateY(-10px)}34%{opacity:0;transform:translateY(10px)}37%{opacity:0;transform:translateY(10px)}38%{opacity:1}43%{opacity:0;transform:translateY(-30px)}44%{opacity:0;transform:translateY(10px)}57%{opacity:0;transform:translateY(10px)}58%{opacity:1}63%{opacity:0;transform:translateY(-30px)}64%{opacity:0;transform:translateY(10px)}67%{opacity:0;transform:translateY(10px)}68%{opacity:1}73%{opacity:0;transform:translateY(-40px)}74%{opacity:0;transform:translateY(10px)}77%{opacity:0;transform:translateY(10px)}78%{opacity:1}83%{opacity:0;transform:translateY(-15px)}84%{opacity:0;transform:translateY(10px)}87%{opacity:0;transform:translateY(10px)}88%{opacity:1}93%{opacity:0;transform:translateY(-20px)}94%{opacity:0;transform:translateY(10px)}to{opacity:0}}.gno-wrapper{align-items:center;display:flex;justify-content:center;position:absolute}.gno-wrapper .gno-invisible{box-shadow:none;display:none}.gno-wrapper .gno-popup{background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;max-width:600px;padding:52px;width:80%}.gno-wrapper .gno-popup .gno-h2{color:#59277f;font-size:24px;font-weight:400;line-height:120%;margin-bottom:24px}.gno-wrapper .gno-popup .gno-h2-centered{color:#59277f;font-size:24px;font-weight:600;line-height:120%;margin-bottom:24px;text-align:center}.gno-wrapper .gno-popup .gno-text{color:#565656;font-size:18px;line-height:120%;margin-bottom:32px}.gno-wrapper .gno-popup .button-spacing{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}.gno-wrapper .gno-popup .button-spacing button{margin:0 12px}@media only screen and (max-width:1279px){.gno-wrapper{margin:0 auto}.gno-wrapper .gno-invisible{box-shadow:none;display:none}.gno-wrapper .gno-popup{background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;max-width:600px;top:25%;width:100%}.gno-wrapper .gno-popup .gno-h2{color:#59277f;font-size:24px;line-height:120%;margin-bottom:24px}}@media only screen and (max-width:520px){.gno-wrapper .gno-popup .button-spacing{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.gno-wrapper .gno-popup .button-spacing button{margin:0 12px 12px}}@media only screen and (max-width:397px){.gno-wrapper .gno-popup{padding:32px}.gno-wrapper .gno-popup .gno-h2{font-size:20px;margin-bottom:8px}.gno-wrapper .gno-popup .gno-text{font-size:16px;margin-bottom:16px}.gno-wrapper .gno-popup .button-spacing button{margin:0 12px 4px}}@media only screen and (max-width:200px){.gno-wrapper .gno-popup .gno-h2{font-size:16px;margin-bottom:32px}.gno-wrapper .gno-popup .gno-text{display:none}.gno-wrapper .gno-popup .button-spacing button{margin:0 12px 4px}}.gno-navigation-notice-container{align-items:center;bottom:0;display:flex;flex-direction:row;height:35px;justify-content:left;margin-left:10px;opacity:0;pointer-events:none;position:absolute;width:100%;z-index:0}.gno-navigation-notice-container .gno-navigation-notice-icon{align-items:center;background-color:#fff;border-radius:60px;box-shadow:0 4px 8px 0 #0003;display:flex;flex-direction:column;height:60px;justify-content:center;position:relative;width:60px;z-index:5}.gno-navigation-notice-container .gno-navigatione-notice-text{background-color:#fff;border-color:#565656;box-shadow:0 4px 8px 0 #0003;color:#59277f;height:35px;line-height:32px;margin-left:-35px;padding-left:50px;padding-right:20px;position:relative;text-align:center;width:auto;z-index:0}.gno-navigation-notice-container .gno-hide-shadow{background-color:#fff;height:35px;left:48px;position:absolute;width:20px;z-index:5}@media only screen and (max-width:695px){.gno-navigation-notice-container{bottom:0;opacity:1}.gno-navigation-notice-container .gno-hide-shadow,.gno-navigation-notice-container .gno-navigation-notice-icon,.gno-notice-hide{display:none}}@media only screen and (max-width:396px){.gno-navigation-notice-container{top:91%}.gno-navigation-notice-container .gno-navigatione-notice-text{box-shadow:none;font-size:12px;height:28px;line-height:26px;margin-left:-5px;padding-left:20px}.gno-navigation-notice-container .gno-hide-shadow,.gno-navigation-notice-container .gno-navigation-notice-icon{display:none}}@media only screen and (max-width:320px){.gno-navigation-notice-container .gno-navigatione-notice-text{font-size:12px}}#gno-overworld-headline-button{fill:url(#MyGradient)}#gno-textid{cursor:pointer}#gno-island:hover #gno-overworld-headline-button{fill:url(#MyReverseGradient)}.reddotOnlineService{animation:moveDotOnlineServices 3s linear infinite;opacity:0;transform:translate(170px,59px)}.reddotHausanschluss{animation:moveDotHausanschluss 5s linear infinite;animation-delay:0s;opacity:0;transform:translate(155px,-5px)}.reddotZaehler{animation:moveDotZaehler 6s linear infinite;animation-delay:0s;opacity:0;transform:translateY(-5px)}.reddotErzeugungsanlagen{animation:moveDotErzeugungsanlagen 5s linear infinite;animation-delay:0s;opacity:0;transform:translate(0)}.reddotEMobilitaet{animation:moveDotEMobilitaet 3s linear infinite;animation-delay:0s;opacity:0;transform:translate(0)}.reddotNetzauskunft{animation:moveDotNetzauskunft 6s linear infinite;animation-delay:0s;opacity:0;transform:translate(0)}.Delay{animation-delay:.8s}.Delay2{animation-delay:1.6s}@keyframes moveDotOnlineServices{0%{opacity:0;transform:translate(170px,59px)}10%{opacity:1}70%{opacity:1;transform:translate(55px,-5px)}90%{transform:translate(25px,13px)}90%{opacity:1}to{opacity:0;transform:translateY(1px)}}@keyframes moveDotHausanschluss{0%{opacity:0;transform:translate(155px,-5px)}10%{opacity:1}30%{opacity:1;transform:translate(18px,70px)}60%{opacity:1;transform:translate(180px,170px)}75%{opacity:1;transform:translate(120px,200px)}95%{opacity:1}98%{opacity:0}to{opacity:0;transform:translate(-25px,115px)}}@keyframes moveDotZaehler{0%{opacity:0;transform:translateY(-5px)}10%{opacity:1}30%{opacity:1;transform:translate(146px,82px)}40%{opacity:1;transform:translate(100px,110px)}55%{opacity:1;transform:translate(205px,170px)}70%{opacity:1;transform:translate(145px,210px)}80%{opacity:1;transform:translate(102px,185px)}90%{opacity:1}to{opacity:0;transform:translate(40px,218px)}}@keyframes moveDotErzeugungsanlagen{0%{opacity:0;transform:translateY(50px)}5%{opacity:1}15%{opacity:1;transform:translate(55px,75px)}50%{opacity:1;transform:translate(195px,-5px)}70%{opacity:1;transform:translate(260px,28px)}85%{opacity:1;transform:translate(200px,65px)}95%{opacity:1}to{opacity:0;transform:translate(260px,100px)}}@keyframes moveDotEMobilitaet{0%{opacity:0;transform:translateY(102px)}10%{opacity:1}50%{opacity:1;transform:translate(100px,40px)}80%{opacity:1;transform:translate(65px,18px)}90%{opacity:1}to{opacity:0;transform:translate(100px,-5px)}}@keyframes moveDotNetzauskunft{0%{opacity:0;transform:translate(50px,230px)}5%{opacity:1}15%{opacity:1;transform:translate(-5px,195px)}30%{opacity:1;transform:translate(70px,150px)}38%{opacity:1;transform:translate(120px,170px)}55%{opacity:1;transform:translate(210px,120px)}63%{opacity:1;transform:translate(175px,97px)}90%{opacity:1;transform:translate(295px,20px)}95%{opacity:1}to{opacity:0;transform:translate(250px,-5px)}}#counter-wheel1{animation:counter1 10s ease infinite;transform-box:fill-box;transform-origin:center;-webkit-transform-origin:center}@keyframes counter1{0%{transform:rotate(0deg)}20%{transform:rotate(870deg)}80%{transform:rotate(870deg)}to{transform:rotate(0deg)}}#counter-wheel2{animation:counter2 10s ease infinite;transform-box:fill-box;transform-origin:center;-webkit-transform-origin:center}@keyframes counter2{0%{transform:rotate(0deg)}20%{transform:rotate(182deg)}80%{transform:rotate(182deg)}to{transform:rotate(0deg)}}#counter-wheel4{animation:counter4 10s ease infinite;transform-box:fill-box;transform-origin:center;-webkit-transform-origin:center}@keyframes counter4{0%{transform:rotate(0deg)}20%{transform:rotate(68deg)}80%{transform:rotate(68deg)}to{transform:rotate(0deg)}}#counter-wheel5{animation:counter5 10s ease infinite;transform:rotate(30deg);transform-box:fill-box;transform-origin:center;-webkit-transform-origin:center}@keyframes counter5{0%{transform:rotate(0deg)}35%{transform:rotate(0deg)}40%{transform:rotate(30deg)}90%{transform:rotate(30deg)}95%{transform:rotate(0deg)}to{transform:rotate(0deg)}}#Lupe_mit_Schatten{animation:moveLupe 10s linear infinite;transform:translate(45px)}#Fragezeichen{animation:showFragezeichen 10s ease-in infinite;opacity:0;transform-box:fill-box;transform-origin:center}#Abdeckung{animation:showAbdeckung 10s ease-in infinite;opacity:1}@keyframes showAbdeckung{0%{opacity:1}11%{opacity:1}13%{opacity:.8}21%{opacity:.8}24%{opacity:.5}31%{opacity:.5}34%{opacity:.3}40%{opacity:.3}45%{opacity:0}65%{opacity:0}70%{opacity:1}}@keyframes showFragezeichen{73%{opacity:0;transform:scale(0)}78%{opacity:1;transform:scale(1)}95%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes moveLupe{0%{transform:translate(0)}2%{transform:translate(0)}5%{transform:translate(-10px,-15px)}10%{transform:translate(-10px,-15px)}15%{transform:translateY(40px)}20%{transform:translateY(40px)}25%{transform:translate(30px,30px)}30%{transform:translate(30px,30px)}35%{transform:translate(45px)}40%{transform:translate(45px)}45%{transform:translate(0)}to{transform:translate(0)}}#Scheinwerfer-on{animation:showLight 20s linear infinite;opacity:0}@keyframes showLight{23%{opacity:0}25%{opacity:1}98%{opacity:1}to{opacity:0}}#dot-emobilitaet{animation:moveDotEmobilitaet 2s linear infinite;opacity:0;transform:translate(0);transform-box:fill-box;transform-origin:center}@keyframes moveDotEmobilitaet{0%{opacity:0;transform:translate(0)}5%{opacity:1}10%{transform:translate(2px,5px)}20%{transform:translate(2px,15px)}30%{transform:translate(-2px,30px)}60%{transform:translate(-16px,65px)}70%{transform:translate(-25px,75px)}80%{transform:translate(-35px,76px)}85%{opacity:1}90%{opacity:0;transform:translate(-57px,68px)}}#Garagentor{animation:moveDoor 30s linear infinite;animation-delay:5s;opacity:1}@keyframes moveDoor{0%{transform:translate(0)}10%{transform:translateY(-37px)}50%{transform:translateY(-37px)}60%{transform:translate(0)}}#Fenster_Gross_Scheibe_On,#Fenster_Klein_Scheibe_On,#FensterfarbeHell1,#FensterfarbeHell2,#FensterfarbeHell3,#FensterfarbeHell4,#Tuer_Scheibe_on,#TuerfarbeHell{animation:showHausanschlussLight 15s linear infinite;opacity:0}@keyframes showHausanschlussLight{10%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}#Balken_Animated{animation:moveBalken 10s linear infinite;transform:translateY(-30px)}@keyframes moveBalken{0%{transform:translateY(-30px)}10%{transform:translateY(-30px)}30%{transform:translateY(0)}70%{transform:translateY(0)}90%{transform:translateY(-30px)}to{transform:translateY(-30px)}}#Arm{animation:rotateArm 10s ease infinite;transform:rotate(10deg);transform-box:fill-box;transform-origin:left}@keyframes rotateArm{0%{transform:rotate(0deg)}20%{transform:rotate(15deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}#b-arm-Gruppe{animation:rotateBArm 15s ease infinite;transform:rotate(10deg);transform-box:fill-box;transform-origin:top}@keyframes rotateBArm{0%{transform:rotate(0deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(0deg)}60%{transform:rotate(0deg)}80%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}#dot-bauversorgung{animation:moveDotBauversorgung 1.5s linear infinite;opacity:0;transform:translate(23px,-69px)}@keyframes moveDotBauversorgung{0%{opacity:0;transform:translate(0)}5%{opacity:1}15%{transform:translate(-2px,-20px)}30%{transform:translate(-3px,-30px)}50%{transform:translate(-2px,-40px)}60%{transform:translate(1px,-50px)}70%{transform:translate(10px,-60px)}85%{opacity:1}90%{opacity:0;transform:translate(23px,-69px)}}#UmbauBalken1{animation:moveUmbauBalken1 10s ease-in infinite;transform:translateY(-50px)}@keyframes moveUmbauBalken1{0%{opacity:0;transform:translateY(-50px)}5%{opacity:0;transform:translateY(-50px)}15%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(-50px)}to{opacity:0;transform:translateY(-50px)}}#UmbauBalken2{animation:moveUmbauBalken2 10s ease-in infinite;transform:translateY(-50px)}@keyframes moveUmbauBalken2{0%{opacity:0;transform:translateY(-50px)}8%{opacity:0;transform:translateY(-50px)}18%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(-50px)}to{opacity:0;transform:translateY(-50px)}}#UmbauBalken3{animation:moveUmbauBalken3 10s ease-in infinite;transform:translateY(-50px)}@keyframes moveUmbauBalken3{0%{opacity:0;transform:translateY(-50px)}11%{opacity:0;transform:translateY(-50px)}21%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(-50px)}to{opacity:0;transform:translateY(-50px)}}#UmbauBalken4{animation:moveUmbauBalken4 10s ease-in infinite;transform:translateY(-50px)}@keyframes moveUmbauBalken4{0%{opacity:0;transform:translateY(-50px)}14%{opacity:0;transform:translateY(-50px)}24%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(-50px)}to{opacity:0;transform:translateY(-50px)}}#GebaeudeGanz{animation:gebaeudeGanzShow 20s ease-in infinite;opacity:0}@keyframes gebaeudeGanzShow{50%{opacity:0}55%{opacity:1}95%{opacity:1}to{opacity:0}}#GebaeudeMittel{animation:gebaeudeMittelShow 20s ease-in infinite;opacity:0}@keyframes gebaeudeMittelShow{30%{opacity:0}40%{opacity:1}95%{opacity:1}to{opacity:0}}#GeruestL3,#GeruestL4{animation:showGeruestL34 20s ease-in infinite;opacity:0}@keyframes showGeruestL34{14%{opacity:0;transform:translateY(10px)}17%{opacity:1;transform:translateY(0)}56%{opacity:1;transform:translateY(0)}59%{opacity:0;transform:translateY(20px)}to{opacity:0}}#GeruestL1,#GeruestL2{animation:showGeruestL12 20s ease-in infinite;opacity:0}@keyframes showGeruestL12{10%{opacity:0;transform:translateY(10px)}13%{opacity:1;transform:translateY(0)}58%{opacity:1;transform:translateY(0)}61%{opacity:0;transform:translateY(20px)}to{opacity:0}}#GeruestR1{animation:showGeruestR1 20s ease-in infinite;opacity:0}@keyframes showGeruestR1{10%{opacity:0;transform:translateY(10px)}13%{opacity:1;transform:translateY(0)}58%{opacity:1;transform:translateY(0)}61%{opacity:0;transform:translateY(20px)}to{opacity:0}}#GeruestR2{animation:showGeruestR2 20s ease-in infinite;opacity:0}@keyframes showGeruestR2{14%{opacity:0;transform:translateY(10px)}17%{opacity:1;transform:translateY(0)}56%{opacity:1;transform:translateY(0)}59%{opacity:0;transform:translateY(20px)}to{opacity:0}}#Netz-Logo_Animated{animation:moveLogo 15s linear infinite;opacity:1;transform:translate(-20px,32px)}@keyframes moveLogo{0%{transform:translate(-50px,25px)}10%{transform:translate(-20px,32px)}20%{transform:translate(10px,-31px)}30%{transform:translate(44px,-6px)}50%{transform:translate(-50px,25px)}65%{transform:translate(44px,-40px)}68%{transform:translate(30px,-43px)}80%{transform:translate(-20px,32px)}90%{transform:translate(-33px,-8px)}to{transform:translate(-50px,25px)}}#Reagenzglas{animation:moveReagenzglas 5s ease-in-out infinite;transform:translatey(-35px)}@keyframes moveReagenzglas{0%{transform:translatey(0)}50%{transform:translatey(-25px)}to{transform:translatey(0)}}#ReagenzglasShadow{animation:changeReagenzglasShadow 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes changeReagenzglasShadow{0%{transform:scale(.5)}50%{transform:scale(1.1)}to{transform:scale(.5)}}#Nadel{animation:changeNeedle 20s ease-in-out infinite;transform-box:fill-box;transform-origin:bottom}@keyframes changeNeedle{0%{opacity:0;transform:scale(0)}2%{opacity:1;transform:scale(1)}13%{opacity:1;transform:scale(1)}15%{opacity:0;transform:scale(0)}to{opacity:0;transform:scale(0)}}#Nadel2{animation:changeNeedle2 20s ease-in-out infinite;opacity:0;transform-box:fill-box;transform-origin:bottom}@keyframes changeNeedle2{0%{opacity:0;transform:translate(0);transform:scale(0)}15%{opacity:0;transform:translate(0);transform:scale(0)}17%{opacity:1;transform:translate(0);transform:scale(1)}28%{opacity:1;transform:translate(0);transform:scale(1)}30%{opacity:0;transform:translate(0);transform:scale(0)}to{opacity:0;transform:translate(0);transform:scale(0)}}#Nadel3{animation:changeNeedle3 20s ease-in-out infinite;opacity:0;transform-box:fill-box;transform-origin:bottom}@keyframes changeNeedle3{0%{opacity:0;transform:translate(0);transform:scale(0)}30%{opacity:0;transform:translate(0);transform:scale(0)}32%{opacity:1;transform:translate(0);transform:scale(1)}43%{opacity:1;transform:translate(0);transform:scale(1)}45%{opacity:0;transform:translate(0);transform:scale(0)}to{opacity:0;transform:translate(0);transform:scale(0)}}#Nadel4{animation:changeNeedle4 20s ease-in-out infinite;opacity:0;transform-box:fill-box;transform-origin:bottom}@keyframes changeNeedle4{0%{opacity:0;transform:translate(0);transform:scale(0)}45%{opacity:0;transform:translate(0);transform:scale(0)}47%{opacity:1;transform:translate(0);transform:scale(1)}58%{opacity:1;transform:translate(0);transform:scale(1)}60%{opacity:0;transform:translate(0);transform:scale(0)}to{opacity:0;transform:translate(0);transform:scale(0)}}#Nadel5{animation:changeNeedle5 20s ease-in-out infinite;opacity:0;transform-box:fill-box;transform-origin:bottom}@keyframes changeNeedle5{0%{opacity:0;transform:translate(0);transform:scale(0)}60%{opacity:0;transform:translate(0);transform:scale(0)}62%{opacity:1;transform:translate(0);transform:scale(1)}73%{opacity:1;transform:translate(0);transform:scale(1)}75%{opacity:0;transform:translate(0);transform:scale(0)}to{opacity:0;transform:translate(0);transform:scale(0)}}#Nadel6{animation:changeNeedle6 20s ease-in-out infinite;opacity:0;transform-box:fill-box;transform-origin:bottom}@keyframes changeNeedle6{0%{opacity:0;transform:translate(0);transform:scale(0)}75%{opacity:0;transform:translate(0);transform:scale(0)}77%{opacity:1;transform:translate(0);transform:scale(1)}88%{opacity:1;transform:translate(0);transform:scale(1)}90%{opacity:0;transform:translate(0);transform:scale(0)}to{opacity:0;transform:translate(0);transform:scale(0)}}#Maus{animation:moveMaus 20s ease infinite;opacity:1;transform:translate(-90px,20px)}@keyframes moveMaus{0%{transform:translate(0)}8%{transform:translate(0)}10%{transform:translate(-30px,10px)}15%{transform:translate(-60px,8px)}25%{transform:translate(-60px,8px)}30%{transform:translateY(8px)}40%{transform:translateY(8px)}45%{transform:translate(-30px,-12px)}50%{transform:translate(-30px,-12px)}55%{transform:translateY(12px)}60%{transform:translateY(12px)}65%{transform:translate(-90px,20px)}70%{transform:translate(-90px,20px)}80%{transform:translate(-90px,60px)}to{transform:translate(0)}}#Site2{animation:activateSite2 20s ease infinite;opacity:0}@keyframes activateSite2{0%{opacity:0}16%{opacity:0}18%{opacity:1}70%{opacity:1}71%{opacity:0}to{opacity:0}}#Site3{animation:activateSite3 20s ease infinite;opacity:0}@keyframes activateSite3{0%{opacity:0}47%{opacity:0}48%{opacity:1}70%{opacity:1}71%{opacity:0}to{opacity:0}}#Lupe_mit_Schatten_Handwerker{animation:moveLupeHandwerker 10s linear infinite;transform:translate(40px,100px)}@keyframes moveLupeHandwerker{0%{transform:translate(120px,60px)}2%{transform:translate(120px,60px)}5%{transform:translate(-10px)}10%{transform:translate(-10px)}15%{transform:translateY(40px)}20%{transform:translateY(40px)}25%{transform:translate(30px,30px)}30%{transform:translate(30px,30px)}35%{transform:translate(45px)}40%{transform:translate(45px)}45%{transform:translate(40px,100px)}50%{transform:translate(40px,100px)}55%{transform:translate(120px,60px)}to{transform:translate(120px,60px)}}#Werkzeugkasten{animation:showWerkzeugkasten 10s ease-in infinite;opacity:0}@keyframes showWerkzeugkasten{0%{opacity:0}11%{opacity:0}13%{opacity:.3}21%{opacity:.3}24%{opacity:.5}31%{opacity:.5}34%{opacity:.8}40%{opacity:.8}45%{opacity:1}70%{opacity:1}75%{opacity:0}}#Schraubenschluessel{animation:showSchraubenschluessel 10s ease-in infinite;opacity:0}@keyframes showSchraubenschluessel{0%{opacity:0}45%{opacity:0}47%{opacity:1}70%{opacity:1}75%{opacity:0}}#Fragezeichen_Handwerker{animation:showFragezeichenHandwerker 10s ease-in infinite;opacity:0;transform-box:fill-box;transform-origin:center}@keyframes showFragezeichenHandwerker{73%{opacity:0;transform:scale(0)}78%{opacity:1;transform:scale(1)}95%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}#Stange{animation:rotateScale 10s ease infinite;opacity:1;transform-box:fill-box;transform-origin:center}@keyframes rotateScale{0%{transform:rotate(0deg)}20%{transform:rotate(10deg)}50%{transform:rotate(10deg)}60%{transform:rotate(-5deg)}70%{transform:rotate(-5deg)}80%{transform:rotate(0deg)}}#Teller_Rechts{animation:moveTellerRechts 10s ease infinite}@keyframes moveTellerRechts{0%{transform:translate(0)}20%{transform:translate(2px,10px)}50%{transform:translate(2px,10px)}60%{transform:translate(-4px,-2px)}70%{transform:translate(-4px,-2px)}80%{transform:translate(0)}}#Teller_Links{animation:moveTellerLinks 10s ease infinite;opacity:1}@keyframes moveTellerLinks{0%{transform:translate(0)}20%{transform:translate(-3px,-8px)}50%{transform:translate(-3px,-8px)}60%{transform:translate(6px,4px)}70%{transform:translate(6px,4px)}80%{transform:translate(0)}}#Hammer{animation:moveHammer 5s ease infinite;opacity:1;transform-box:fill-box;transform-origin:center}@keyframes moveHammer{0%{transform:rotate(0deg)}30%{transform:rotate(0deg)}35%{transform:rotate(3deg)}40%{transform:rotate(-3deg)}45%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}55%{transform:rotate(3deg)}60%{transform:rotate(-3deg)}65%{transform:rotate(3deg)}70%{transform:rotate(-3deg)}75%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.gno-status{display:flex;left:20px;pointer-events:none;position:absolute;top:20px;width:100%}.gno-status .gno-status-container{align-items:center;color:#565656;display:flex;padding:4px 10px;pointer-events:none}.gno-status .gno-status-container .gno-status-text{display:flex}.gno-status .gno-status-container .gno-status-text .gno-text-purple{color:#59277f}.gno-status .gno-status-container p{cursor:default;font-size:14px;pointer-events:none}@media only screen and (max-width:800px){.gno-status{left:0;top:0}}.gno-switch{bottom:7%;display:flex;position:absolute;right:8%}.gno-switch .gno-switch-container{align-items:center;display:flex}.gno-switch .gno-switch-container .gno-switch-button{cursor:pointer;height:40px;width:40px}.gno-switch .gno-switch-container .gno-button-active{background-color:#59277f;color:#fff}.gno-switch .gno-switch-container .gno-button-active svg{fill:#fff}.gno-switch .gno-switch-container .gno-button-passive{background-color:#f2f2f2}.gno-switch .gno-switch-container .gno-button-passive svg{fill:#565656}.gno-switch .gno-switch-container .gno-button-passive:hover{background-color:#ddd}@media only screen and (max-width:695px){.gno-switch{bottom:auto;justify-content:center;position:relative;right:auto}.gno-switch,.gno-switch .gno-switch-container{display:flex;width:100%}.gno-switch .gno-switch-container .gno-switch-button{cursor:pointer;display:flex;height:40px;justify-content:center;width:100%}.gno-switch .gno-switch-container .gno-switch-button svg{height:100%;width:40px}}#gno-overworld-item{cursor:pointer}.gno-overworld{background-color:#fff;box-sizing:border-box;flex-direction:column;height:auto;max-width:1280px;overflow:hidden;position:relative;z-index:800}.gno-overworld,.gno-overworld .gno-version{align-items:center;display:flex;justify-content:center;width:100%}.gno-overworld .gno-version{background-color:#f2f2f2;color:#565656;padding-bottom:4px;padding-top:4px}.gno-overworld .gno-version p{cursor:default;font-size:14px}.gno-overworld .gno-scroll-container{height:auto}.gno-overworld .gno-scroll-container .gno-map{height:auto;width:850px}.gno-overworld .gno-scroll-container .gno-map svg{height:auto}@media only screen and (max-width:695px){.gno-overworld:active .gno-navigation-notice-container,.gno-overworld:focus .gno-navigation-notice-container,.gno-overworld:hover .gno-navigation-notice-container{opacity:1}}@media only screen and (max-width:800px){.gno-overworld,.gno-overworld .gno-scroll-container{width:100%}.gno-overworld .gno-scroll-container .gno-map{height:100%;width:100%}}@media only screen and (max-width:695px){.gno-overworld{height:500px;-webkit-user-select:none;user-select:none;-moz-user-select:none}.gno-overworld .gno-scroll-container .gno-map{cursor:grab;width:150%}.gno-overworld .gno-lock-scroll-layer{background-color:#ff000080;height:500px;position:absolute;width:100%}}@media only screen and (max-width:520px){.gno-overworld{height:400px}.gno-overworld .gno-scroll-container .gno-map{width:180%}.gno-overworld .gno-lock-scroll-layer{height:400px}}@media only screen and (max-width:435px){.gno-overworld .gno-scroll-container .gno-map{width:200%}}@media only screen and (max-width:396px){.gno-overworld{height:300px}.gno-overworld .gno-scroll-container .gno-map{width:220%}.gno-overworld .gno-scroll-container .gno-lock-scroll-layer{height:300px}}@media only screen and (max-width:298px){.gno-overworld{height:300px}.gno-overworld .gno-scroll-container .gno-map{width:240%}}.gno{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:auto;justify-content:center;margin:0;position:relative;width:100%}.gno .gno-test-banner{height:603px;overflow:hidden}.gno .gno-test-banner,.gno .gno-test-banner img{position:relative;width:100%;z-index:-200}.gno .gno-foundation-on{height:auto;overflow:hidden;position:relative;width:1280px;z-index:-200}.gno .gno-foundation-on svg{height:100%;overflow:hidden;width:100%;z-index:-200}.gno .gno-foundation-off{height:auto;position:relative;visibility:hidden;width:1280px;z-index:-200}.gno .gno-foundation-off svg{height:100%;width:100%;z-index:-200}.gno svg{height:auto;left:auto;position:static;top:auto;width:auto}.gno p{margin-bottom:0;margin-top:0}.gno h1{color:#59277f}@media only screen and (max-width:1279px){.gno{overflow:hidden}}@media only screen and (max-width:1024px){.gno .gno-foundation-off,.gno .gno-foundation-on{display:none}}
/*# sourceMappingURL=main.gno.css.map*/