@keyframes truckdrive{to{transform:translate(100px)}}@keyframes planeflight{to{transform:translate(120px)}}@keyframes propeller{to{transform:rotate(1turn)}}@keyframes blinking{0%{fill:var(--color-pulse-animation)}50%{fill:var(--color-pulse-animation-white)}to{fill:var(--color-pulse-animation)}}@keyframes tank{60%{y:296px}to{y:296px}}@keyframes hovering-cloud{0%{transform:translateY(-2px)}33%{transform:translateY(2px)}66%{transform:translateY(-2px)}to{transform:translateY(2px)}}.svg-tooltip{background-color:var(--color-lightning);border-radius:20px;box-shadow:0 3px 3px 2px hsla(210,8%,46%,.2);font-size:14px;opacity:0;padding:20px 20px 25px;position:absolute;transition-delay:.15s;transition-duration:.25s;transition-property:transform,opacity;transition-timing-function:ease-in-out;visibility:visible;width:350px}@media(max-width:769px){.svg-tooltip{display:none}}.hovered-electrolysis .svg-tooltip--electrolysis,.hovered-hydrogen .svg-tooltip--hydrogen,.hovered-power .svg-tooltip--power{opacity:1;transform:translateY(5%);visibility:visible}.svg-tooltip--power{left:3vw;top:20px}.svg-tooltip--electrolysis{left:29vw;top:20px}.svg-tooltip--hydrogen{right:4vw;top:20px}@media(min-width:960px){.svg-tooltip--power{left:22px}.svg-tooltip--electrolysis{left:276px}.svg-tooltip--hydrogen{right:73px}}.svg-tooltip__heading,.svg-tooltip__heading-container{align-items:center;display:flex}.svg-tooltip__heading{color:var(--primary-color);font-weight:700;margin-bottom:5px;padding-bottom:0;width:100%}.svg-tooltip__icon-path{fill:var(--primary-color)}.svg-tooltip__icon{margin-right:5px}.svg-tooltip__btn{color:var(--color-grey);display:none;font-size:35px;opacity:.8}.svg-tooltip:after{border:10px solid transparent;border-top-color:#fff;bottom:-28px;content:"";left:50%;position:absolute;transform:translateY(-50%)}:root{--color-lightning:#fff;--color-pulse-animation:#fcd678;--color-pulse-animation-white:#fff;--color-grey:#6c7680;--color-sand:#edeae8;--animation-duration-short:0.2s;--animation-duration-long:0.8s;--icon-fill-color:#3b4956}.power-2-x{background-color:var(--color-sand)}@media(max-width:769px){.power-2-x{padding-bottom:40px}}.svg-container{margin:0 auto;max-width:960px;position:relative}@media(max-width:769px){.svg-container{height:279px;overflow:hidden;width:100%}}.main-svg{width:100%}@media(max-width:769px){.main-svg{left:0;position:absolute;top:-111px}}#leftGround{transition:stroke var(--animation-duration-short)}#leftGround,#rightGround{stroke:var(--color-grey)}#tank_2{transition:fill var(--animation-duration-short);fill:var(--color-grey)}#pipe{--color-pulse-animation:var(--primary-color)}.hovered-power #lighteningBg{animation:blinking .8s ease-in-out infinite}.hovered-power #blades{animation:propeller 1.8s linear infinite}.hovered-power #blades_2{animation:propeller 1.4s linear infinite}.hovered-power #foundation,.hovered-power #foundationTop,.hovered-power #leftGround,.hovered-power #panel,.hovered-power #panel_2,.hovered-power #panel_3,.hovered-power #panel_4,.hovered-power #tank{--color-grey:var(--primary-color)}.hovered-power .svg-btn__power{color:var(--primary-color)}.hovered-power .svg-btn__power .svg-btn__icon-path{fill:var(--primary-color)}.hovered-electrolysis #pipe{animation:blinking .8s ease-in-out infinite}.hovered-electrolysis .svg-btn__electrolysis{color:var(--primary-color)}.hovered-electrolysis .svg-btn__electrolysis .svg-btn__icon-path{fill:var(--primary-color)}.hovered-electrolysis #tank_2{--color-grey:var(--primary-color)}.hovered-hydrogen .svg-btn__hydrogen{color:var(--primary-color)}.hovered-hydrogen .svg-btn__hydrogen .svg-btn__icon-path{fill:var(--primary-color)}.hovered-hydrogen #cutOff{animation:tank 2s linear infinite forwards}.hovered-hydrogen #truck{animation:truckdrive var(--animation-duration-long) ease-in-out forwards}.hovered-hydrogen #airplane{animation:planeflight var(--animation-duration-long) ease-in-out forwards}.hovered-hydrogen #lighteningBg_2{animation:blinking .8s ease-in-out infinite}.hovered-hydrogen #boatBottom,.hovered-hydrogen #carBody,.hovered-hydrogen #rightGround,.hovered-hydrogen #sidewing,.hovered-hydrogen #tankBg,.hovered-hydrogen #water,.hovered-hydrogen #wheel,.hovered-hydrogen #wheel_2{--color-grey:var(--primary-color)}#blades{transform-origin:8.2% 39%}#blades_2{transform-origin:19.1% 49.5%}#boatBottom,#carBody,#foundation,#foundationTop,#panel,#panel_2,#panel_3,#panel_4,#sidewing,#tank,#tankBg,#water,#wheel,#wheel_2{transition:fill var(--animation-duration-short);fill:var(--color-grey)}.svg-btn{align-items:center;background-color:#fff;border-radius:30px;color:var(--icon-fill-color);display:flex;font-weight:700;padding:10px 24px;transition:color var(--animation-duration-short)}.svg-btn__icon-path{transition:fill var(--animation-duration-short);fill:var(--icon-fill-color)}.svg-btn:hover:focus{color:var(--color-grey);color:var(--primary-color)}.svg-btn:hover:focus .svg-btn__icon-path{fill:var(--primary-color)}.svg-btn:focus{color:inherit}.svg-btn:active .svg-btn__icon-path{fill:var(--icon-fill-color)}.svg-btn__icon{margin-right:15px}#hydrogenGroup,#p2x,#renewablePowerGroup{cursor:pointer;pointer-events:bounding-box}.power-2-x .accordion{margin:0 20px;padding-bottom:0;padding-top:0}@media(min-width:769px){.power-2-x .accordion{display:none}}.btn-row{bottom:65px;gap:64px;justify-content:center}.btn-row,.infographic{display:flex;position:absolute;width:100%}.infographic{height:100%}.infographic__btn{background:#000;height:70%;opacity:.3;position:absolute;top:0;width:100%}#cloud{animation:hovering-cloud 5s ease-in-out 0s infinite alternate-reverse;opacity:.7}@media(max-width:769px){.btn-row{display:none}}