.iconbanner-wrapper{--easing-function:cubic-bezier(0,1,0,1);--easing-function-boing:cubic-bezier(0,1.9,1,1);margin-bottom:var(--block-spaces);margin-top:var(--block-spaces)}@media (max-width:1000px){.iconbanner-wrapper{margin-bottom:var(--block-spaces-mobile);margin-top:var(--block-spaces-mobile)}}.iconbanner-wrapper .iconbanner-container{display:flex;flex-direction:row;justify-content:space-evenly}.iconbanner-wrapper .icon-container{display:flex;z-index:500}.iconbanner-wrapper .icon-container a{color:var(--color-hydrargyrum);font-size:clamp(7px,1.7998560115vw,25px);font-weight:600;line-height:clamp(50px,3.599712023vw,50px);text-decoration:none;width:165px}.iconbanner-wrapper .icon-container a:hover svg.house .st2,.iconbanner-wrapper .icon-container a:hover svg.metalsheet .st1,.iconbanner-wrapper .icon-container a:hover svg.plan .st1,.iconbanner-wrapper .icon-container a:hover svg.solar .st1,.iconbanner-wrapper .icon-container a:hover svg.tap .st1{fill:var(--color-beautiful-blue)}@media (max-width:1000px){.iconbanner-wrapper .icon-container a{width:60px}}.iconbanner-wrapper svg.tap .st0{enable-background:new}.iconbanner-wrapper svg.tap .st1{fill:#878787}.iconbanner-wrapper svg.tap .st2{fill:none;stroke:#878787;stroke-width:4;stroke-linecap:square;stroke-miterlimit:10}.iconbanner-wrapper svg.tap .st3{fill:none;stroke:#878787;stroke-width:4;stroke-miterlimit:10}.iconbanner-wrapper svg.tap .drop,.iconbanner-wrapper svg.tap .handle,.iconbanner-wrapper svg.tap .tap{transition:all .5s var(--easing-function-boing)}.iconbanner-wrapper svg.tap:hover .drop{transform:translateY(10px)}.iconbanner-wrapper svg.tap:hover .tap{transform:rotate(-3.6deg);transform-origin:50px 50px}.iconbanner-wrapper svg.tap:hover .handle{transform:rotate(3.6deg)}.iconbanner-wrapper svg.metalsheet .st0{enable-background:new}.iconbanner-wrapper svg.metalsheet .st1{fill:#878787}.iconbanner-wrapper svg.metalsheet .st2{fill:none;stroke:#878787;stroke-width:4;stroke-linecap:round;stroke-miterlimit:10}.iconbanner-wrapper svg.metalsheet .leftborder,.iconbanner-wrapper svg.metalsheet .leftbottom,.iconbanner-wrapper svg.metalsheet .lefttop,.iconbanner-wrapper svg.metalsheet .middleborder{transform-box:fill-box;transition:all .5s var(--easing-function-boing)}.iconbanner-wrapper svg.metalsheet:hover .lefttop{transform:translate(-6px,11.5px) rotate(-65deg)}.iconbanner-wrapper svg.metalsheet:hover .leftbottom{transform:translate(-8px,16.8px) rotate(-66deg)}.iconbanner-wrapper svg.metalsheet:hover .leftborder{transform:translate(-7px,14px)}.iconbanner-wrapper svg.metalsheet:hover .middleborder{stroke:none}.iconbanner-wrapper svg.solar .st0{enable-background:new}.iconbanner-wrapper svg.solar .st1{fill:#878787}.iconbanner-wrapper svg.solar .st2,.iconbanner-wrapper svg.solar .st3{fill:none;stroke:#878787;stroke-width:4;stroke-miterlimit:10}.iconbanner-wrapper svg.solar .st3{stroke-linecap:round}.iconbanner-wrapper svg.solar .sonne,.iconbanner-wrapper svg.solar .strahl1,.iconbanner-wrapper svg.solar .strahl2,.iconbanner-wrapper svg.solar .strahl3{transform-box:fill-box;transition:all .5s var(--easing-function-boing)}.iconbanner-wrapper svg.solar:hover .strahl1,.iconbanner-wrapper svg.solar:hover .strahl2,.iconbanner-wrapper svg.solar:hover .strahl3{transform:translate(-7px,-7px)}.iconbanner-wrapper svg.solar:hover .sonne{transform:translate(-5px,-5px)}.iconbanner-wrapper svg.plan .st0{enable-background:new}.iconbanner-wrapper svg.plan .st1{fill:#878787}.iconbanner-wrapper svg.plan .st2{fill:none;stroke:#878787;stroke-width:4;stroke-linecap:round;stroke-miterlimit:10}.iconbanner-wrapper svg.plan .st3{fill:none;stroke:#878787;stroke-width:1}.iconbanner-wrapper svg.plan .becken,.iconbanner-wrapper svg.plan .klo,.iconbanner-wrapper svg.plan .leftroll,.iconbanner-wrapper svg.plan .wanne{transform-box:fill-box;transition-duration:1s;transition-property:all;transition-timing-function:var(--easing-function)}.iconbanner-wrapper svg.plan .wanne{transform:translateX(-100px)}.iconbanner-wrapper svg.plan .becken{transform:translateY(-100px);transition-delay:.25s}.iconbanner-wrapper svg.plan .klo{transform:translateX(100px);transition-delay:.5s}.iconbanner-wrapper svg.plan:hover .wanne{transform:translateY(5px)}.iconbanner-wrapper svg.plan:hover .becken,.iconbanner-wrapper svg.plan:hover .klo{transform:translate(-2px)}.iconbanner-wrapper svg.house .st0{fill:none;stroke:#878787;stroke-width:4;stroke-linecap:round;stroke-miterlimit:10}.iconbanner-wrapper svg.house .st1{enable-background:new}.iconbanner-wrapper svg.house .st2{fill:#878787}.iconbanner-wrapper svg.house .st3{fill:#878787;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5.4;stroke-dasharray:none}.iconbanner-wrapper svg.house .firstline,.iconbanner-wrapper svg.house .secondline,.iconbanner-wrapper svg.house .thirdline{transform:scaleX(0);transform-box:fill-box;transition-duration:.7s;transition-timing-function:linear}.iconbanner-wrapper svg.house .secondline{transition-delay:.25s}.iconbanner-wrapper svg.house .thirdline{transition-delay:.5s}.iconbanner-wrapper svg.house:hover .firstline,.iconbanner-wrapper svg.house:hover .secondline,.iconbanner-wrapper svg.house:hover .thirdline{transform:scaleX(1);transition-duration:.7s;transition-timing-function:var(--easing-function-boing)}
