*{margin:0;padding:0;box-sizing:border-box}:root{--blue:#2f80ed;--indigo:#6610f2;--purple:#613d7c;--pink:#e83e8c;--red:#df0000;--orange:#f0ad4e;--yellow:#ff7518;--green:#3b961a;--teal:#20c997;--cyan:#9954bb;--gray:#888;--gray-dark:#373a3c;--primary:#3b961a;--secondary:#d1d1d1;--success:#3b961a;--info:#2f80ed;--warning:#f0ad4e;--danger:#df0000;--light:#f2f2f2;--dark:#373a3c;--white:#fff;--leads:#032360;--leads-red:#96211a;--vaillant:#00897d;--circle-offset-sm:clamp(20px,3vh,40px);--circle-offset-md:clamp(22px,3.5vh,45px);--circle-offset-lg:clamp(25px,4vh,50px);--circle-offset-xl:clamp(30px,5vh,60px);--mobile-circle-offset:clamp(5px,2vh,15px);--mobile-circle-offset-small:clamp(8px,2.5vh,20px);--mobile-circle-offset-tiny:clamp(10px,3vh,25px);--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1260px;--font-family-sans-serif:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--standard-color:#3b961a;--super-color:#b72105;--bio-color:#f4af00;--diesel-color:#929292;--schwechat-color:#781401;--el-color:#379704;--oeko-color:#f4af00;--elsuper-color:#b72105;--oekosuper-color:#f43400;--ecotherm-color:#418cf0;--hvo100-color:#418cf0;--dieselsuper-color:#b10000;--dieselbio-color:#f1b31f;--vitatherm-color:#e97f05}@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background-color:var(--white);color:var(--gray-dark);font-family:var(--font-family-sans-serif);font-size:1.125rem;font-weight:400;line-height:1.5;margin:0;text-align:left;overflow-x:hidden}.container,.container-fluid,.container-lg,.container-md,.container-xl{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container,.container-md{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md{max-width:960px}}@media (min-width:1260px){.container,.container-lg,.container-md,.container-xl{max-width:1200px}}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.no-gutters{margin-left:0;margin-right:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-left:0;padding-right:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;max-width:100%;width:auto}.col-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-12{flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;max-width:100%;width:auto}.col-sm-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-sm-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-sm-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-sm-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-sm-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;max-width:100%;width:auto}.col-md-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-md-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-md-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-md-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-md-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;max-width:100%;width:auto}.col-lg-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-lg-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-lg-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-lg-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-lg-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-lg-12{flex:0 0 100%;max-width:100%}}@media (min-width:1260px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;max-width:100%;width:auto}.col-xl-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-xl-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-xl-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-xl-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-xl-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-xl-12{flex:0 0 100%;max-width:100%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.w-100{width:100%!important}.h-100{height:100%!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1260px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:.9}}@keyframes subtlePulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.95}50%{transform:translate(-50%,-50%) scale(1.02);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:.95}}@keyframes subtlePulseMobile{0%{transform:translateY(-10px) scale(1);opacity:.95}50%{transform:translateY(-10px) scale(1.02);opacity:1}to{transform:translateY(-10px) scale(1);opacity:.95}}@keyframes subtlePulseMobileSmall{0%{transform:translateY(-20px) scale(1);opacity:.95}50%{transform:translateY(-20px) scale(1.02);opacity:1}to{transform:translateY(-20px) scale(1);opacity:.95}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-scale-in{animation:scaleIn .6s ease-out .3s forwards;opacity:0}.animate-slide-up{animation:slideUp .8s ease-out .6s forwards;opacity:0}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in-view{animation:slideInFromBottom .6s ease-out forwards}.award-item:nth-child(odd).animate-in-view{animation:slideInFromLeft .6s ease-out forwards}.award-item:nth-child(2n).animate-in-view{animation:slideInFromRight .6s ease-out forwards}.step-card.animate-in-view{animation:slideInFromBottom .8s ease-out forwards}.benefit-card.animate-in-view{animation:slideInFromBottom .6s ease-out forwards}.nav-menu{background:#f2f2f2;padding:15px 0;border-bottom:1px solid #e0e0e0;display:none;position:relative;z-index:99;box-shadow:0 2px 10px rgba(0,0,0,.1)}.nav-menu.active{display:block}.nav-menu-container{max-width:726px;margin:0 auto;display:flex;justify-content:center;gap:0}.nav-item{padding:15px 30px;text-align:center;flex:1 1;border-left:2px solid #f2f2f2;border-right:2px solid #f2f2f2}.nav-item a{color:#3b961a;text-decoration:none;font-weight:700;font-size:16px}.nav-item a:hover{text-decoration:underline}.nav-item small{color:#666;display:block;font-weight:400}.header{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:clamp(10px,2.5vw,20px) clamp(15px,4vw,35px);background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);position:relative;z-index:1000;min-height:clamp(60px,12vw,80px);display:flex;justify-content:space-between;align-items:center}.responsive-menu-btn{background:none;border:none;padding:8px;cursor:pointer;color:#666}.logo{display:flex;flex-direction:column;align-items:center;text-decoration:none;position:absolute;left:50%;transform:translateX(-50%)}.logo-main{font-size:clamp(24px,4vw,32px);font-weight:700;color:#3b961a;letter-spacing:-.8px;line-height:1}.logo-express{font-size:clamp(8px,1.5vw,10px);font-weight:500;color:#666;letter-spacing:1px;text-transform:uppercase;margin-top:-2px;opacity:.8}.header-contact{display:flex;align-items:center;gap:clamp(10px,2vw,20px)}.phone{color:#3b961a;font-weight:500;font-size:clamp(14px,2vw,16px)}.login,.phone{display:flex;align-items:center;gap:8px;text-decoration:none}.login{color:#999}.user-icon{width:clamp(16px,3vw,20px);height:clamp(16px,3vw,20px);background:hsla(0,0%,78%,.3);border-radius:50%;position:relative}.user-icon:before{top:25%;left:30%;width:40%;height:40%;border-radius:50%}.user-icon:after,.user-icon:before{content:"";position:absolute;background:#fff}.user-icon:after{bottom:15%;left:20%;width:60%;height:35%;border-radius:50% 50% 0 0}.hero{position:relative;height:clamp(400px,60vh,700px);background-image:url(/images/familie-kauft-heizoel-hd.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:scroll;min-height:clamp(350px,50vh,500px);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .3s ease;image-rendering:auto;image-rendering:-webkit-optimize-contrast;filter:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.title-banner{top:-1px;transform:translateX(-50%) rotate(.39deg);padding:clamp(8px,1.2vw,12px) clamp(16px,2.5vw,24px);font-size:clamp(14px,2vw,20px);max-width:clamp(280px,45vw,400px);overflow:hidden;text-overflow:ellipsis;z-index:20;transition:all .2s ease;margin:0 auto}.calculator,.title-banner{position:absolute;left:50%}.calculator{bottom:30px;transform:translateX(-50%)}@media (min-width:769px){.hero{min-height:500px!important;padding:30px 15px!important}}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(transparent,rgba(0,0,0,.6))}.title-banner{background:#3b961a;color:#fff;padding:12px 24px;border-radius:0 0 8px 8px;font-size:20px;font-weight:600;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.4);z-index:1000;white-space:nowrap;width:-moz-fit-content;width:fit-content;margin:0 auto 20px;border:1px solid hsla(0,0%,100%,.2);border-top:none}@media (min-width:769px){.title-banner{position:absolute!important;top:-1px!important;left:50%!important;transform:translateX(-50%) rotate(.39deg)!important;z-index:20!important}}@media (max-width:768px){.title-banner{position:static!important;transform:none!important;margin:0 auto 20px!important;border-radius:8px!important}}.title-main{display:block;font-size:clamp(20px,4vw,32px);font-weight:700;line-height:1.2;margin-bottom:5px}.title-sub{display:block;font-size:clamp(12px,2vw,16px);font-weight:400;opacity:.9;text-transform:uppercase;letter-spacing:1px}.pricing{width:clamp(120px,calc(10vw + 80px),160px);height:clamp(120px,calc(10vw + 80px),160px);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Roboto,sans-serif;animation:subtlePulse 4s ease-in-out infinite;transition:all .2s ease;border-radius:50%;z-index:5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:769px){.pricing{position:absolute!important;top:calc(50% - var(--circle-offset-sm))!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:5!important;margin:0!important}}@media (max-width:768px){.pricing{position:relative!important;top:auto!important;left:auto!important;transform:translateY(-10px)!important;margin:15px auto!important;display:flex!important;align-self:center!important;animation:subtlePulseMobile 4s ease-in-out infinite!important}}.pricing-body{background:hsla(0,0%,100%,.65);border-radius:50%;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;box-shadow:0 8px 32px rgba(0,0,0,.25);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2)}.pricing small{font-size:10px;margin:0;font-weight:500;line-height:1.2}.pricing .plz-display,.pricing small{color:#2c3e50;font-family:Roboto,sans-serif}.pricing .plz-display{font-size:12px!important;font-weight:600;display:flex;align-items:center;gap:4px;margin-bottom:1px}.plz-icon{width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50%}.pricing .plz-display span{font-size:12px!important;font-weight:600!important}.pricing .plz-icon{width:14px;height:14px;background:#2c3e50;border-radius:50%;position:relative}.pricing .plz-icon:before{top:2px;left:4px;width:6px;border-radius:50%}.pricing .plz-icon:after,.pricing .plz-icon:before{content:"";position:absolute;height:6px;background:#fff}.pricing .plz-icon:after{bottom:1px;left:2px;width:10px;border-radius:5px 5px 0 0}.price-date{font-size:clamp(9px,1.5vw,11px);color:#666;font-weight:500;margin-bottom:2px}.price-main{display:flex;align-items:baseline;justify-content:center;margin:4px 0}.price-value{font-size:clamp(18px,4vw,28px);font-weight:800;line-height:1}.price-currency{font-size:clamp(14px,3vw,20px);margin-left:2px}.price-change{display:flex;flex-direction:column;align-items:center;margin-top:2px}.change-indicator{font-size:clamp(10px,2vw,12px);font-weight:600;color:#28a745}.change-text{font-size:clamp(8px,1.5vw,10px);color:#666;font-weight:500}.pricing div:not(.plz-display){font-size:clamp(20px,3.5vw,32px)!important;font-weight:900!important;color:#2c3e50!important;margin:2px 0!important;font-family:Roboto,sans-serif!important;transition:font-size .2s ease!important}.calculator{background:hsla(0,0%,100%,.95);border-radius:15px;padding:15px;box-shadow:0 8px 32px rgba(0,0,0,.3);width:90%;max-width:750px;z-index:15;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);margin:20px auto}@media (min-width:769px){.calculator{position:absolute!important;bottom:30px!important;left:50%!important;transform:translateX(-50%)!important;z-index:15!important}}@media (max-width:768px){.calculator{position:static!important;transform:none!important;margin:20px auto!important}.hero{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:20px 15px!important;gap:20px!important;min-height:100vh!important}.title-banner{order:1;margin:0!important}.pricing{order:2;position:relative!important;top:auto!important;left:auto!important;transform:translateY(-10px)!important;margin:10px auto!important;display:flex!important;align-self:center!important}.calculator{order:3;margin:0!important;width:100%!important;max-width:350px!important}.calculator-form{flex-direction:column;height:auto;gap:1px}.calculator-form>div{height:60px!important;min-height:60px!important}.calculator-form button{height:50px!important;min-height:50px!important;font-size:14px!important;padding:0 20px!important}}.calculator-header{text-align:center;margin-bottom:clamp(15px,3vw,25px)}.calculator-header h3{font-size:clamp(16px,3vw,22px);font-weight:700;color:#2c3e50;margin:0 0 5px}.calculator-header p{font-size:clamp(12px,2vw,14px);color:#666;margin:0;font-weight:500}.calculator-form{display:flex;height:60px;align-items:stretch;width:100%;border-radius:12px;overflow:hidden;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 16px rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.3)}.calculator-form button,.calculator-form input{border:none;outline:none;font-family:Roboto,sans-serif}.calculator-form input:focus{border-color:#3b961a;box-shadow:0 0 0 2px rgba(59,150,26,.2)}.calculator-form button{background:linear-gradient(135deg,#3b961a,#45a623);color:#fff;border:none;border-radius:0 4px 4px 0;padding:0 30px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;height:60px;min-width:140px;justify-content:center;transition:all .3s}.calcbutton{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible;text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer;-webkit-tap-highlight-color:rgba(59,150,26,.2);touch-action:manipulation;min-height:44px;min-width:44px}.calculator button:hover{background:linear-gradient(135deg,#2d7a14,#1e5a0f);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.calculator button:active{background:linear-gradient(135deg,#1e5a0f,#0f2d07);transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.2)}.calculator-form>div{flex:1 1;min-width:0;display:flex;align-items:center;justify-content:center;position:relative}.calculator-form input{width:100%;height:100%;border:none;outline:none;text-align:center;font-size:clamp(14px,2.5vw,16px);font-weight:500;color:#333;background:transparent;padding:0 clamp(8px,1.5vw,12px);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif}input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;-webkit-tap-highlight-color:rgba(59,150,26,.2);touch-action:manipulation;min-height:44px}.awards-clean{padding:40px 20px;background:transparent;text-align:center}.awards-clean-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;max-width:1200px;margin:0 auto}.award-circle{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;transition:transform .3s ease}.award-circle:hover{transform:scale(1.05)}.award-image{width:60px;height:60px;border-radius:50%;object-fit:contain;background:#fff;padding:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .3s ease,box-shadow .3s ease}.award-image:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.2)}.award-text{margin-top:8px;text-align:center;font-size:12px;font-weight:600;color:#333}@media (max-width:1024px){.award-image{width:48px;height:48px;padding:6px}.award-text{font-size:11px}}@media (max-width:768px){.awards-clean{padding:30px 15px}.awards-clean-container{gap:20px}.award-image{width:42px;height:42px;padding:5px}.award-text{font-size:10px}}@media (max-width:480px){.awards-clean{padding:25px 10px}.awards-clean-container{gap:15px}.award-image{width:38px;height:38px;padding:4px}.award-text{font-size:9px}}.supplier-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media (max-width:768px){.supplier-grid{grid-template-columns:1fr;gap:15px}}@media (max-width:480px){.supplier-grid{gap:12px}}.price-chart-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:clamp(30px,6vh,50px) clamp(10px,2vw,20px);border-top:1px solid #e9ecef}.price-chart-container{max-width:800px;margin:0 auto}.chart-header{text-align:center;margin-bottom:clamp(20px,4vh,40px)}.chart-title{font-size:clamp(20px,4vw,28px);font-weight:600;color:#2c3e50;margin-bottom:20px}.chart-highlight{color:#3b961a;font-weight:700}.chart-display-centered{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,4vh,40px)}.price-info-elegant{background:#fff;padding:clamp(20px,4vw,40px) clamp(15px,3vw,35px);border-radius:25px;box-shadow:0 8px 32px rgba(0,0,0,.12);text-align:center;border:2px solid #f8f9fa;width:100%;max-width:300px}.price-value{font-size:clamp(24px,6vw,48px);font-weight:700;color:#2c3e50}.price-currency{font-size:clamp(16px,4vw,28px);font-weight:600;color:#3b961a;margin-left:4px}.change-value.negative{color:#28a745;font-size:clamp(14px,3vw,18px);font-weight:600}.chart-visual-elegant{background:#fff;padding:clamp(15px,3vw,30px);border-radius:25px;box-shadow:0 8px 32px rgba(0,0,0,.12);border:2px solid #f8f9fa;width:100%}.how-it-works{background:#fff;padding:clamp(30px,6vh,60px) clamp(10px,2vw,20px)}.how-it-works-container{max-width:1200px;margin:0 auto;text-align:center}.section-title{font-size:clamp(20px,4vw,32px);font-weight:700;color:#2c3e50;margin-bottom:15px;text-align:center}.section-subtitle{font-size:clamp(14px,2.5vw,18px);color:#666;margin-bottom:clamp(25px,5vh,50px);text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:clamp(15px,3vw,30px);gap:clamp(15px,3vw,30px);margin-top:clamp(20px,4vh,40px)}.step-card{background:#f8f9fa;border-radius:15px;padding:clamp(20px,3vw,30px) clamp(15px,2vw,20px);text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent;cursor:pointer;-webkit-tap-highlight-color:rgba(59,150,26,.1);touch-action:manipulation;min-height:200px}.step-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px rgba(0,0,0,.12);border-color:#3b961a}.step-card:active{transform:translateY(-4px);box-shadow:0 6px 25px rgba(0,0,0,.1)}.step-card h3{font-size:clamp(14px,2.5vw,17px);font-weight:600;color:#2c3e50;margin-bottom:15px;line-height:1.4}.step-card p{font-size:clamp(12px,2vw,15px);color:#555;line-height:1.7;margin:0}.why-easy-oel{background:#f8f9fa;padding:clamp(30px,6vh,60px) clamp(10px,2vw,20px)}.why-easy-oel-container{max-width:1200px;margin:0 auto;text-align:center}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:clamp(15px,3vw,30px);gap:clamp(15px,3vw,30px);margin-top:clamp(20px,4vh,40px)}.benefit-card{background:#fff;border-radius:12px;padding:clamp(20px,3vw,30px) clamp(15px,2vw,25px);text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e9ecef}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(59,150,26,.15)}.benefit-card h3{font-size:clamp(16px,2.5vw,20px);font-weight:600;color:#2c3e50;margin-bottom:15px;line-height:1.3;display:flex;align-items:center;justify-content:center;gap:10px}.benefit-card p{font-size:clamp(13px,2vw,15px);color:#666;line-height:1.6;margin:0;text-align:center}.safe-shopping{background:#fff;padding:clamp(30px,6vh,60px) clamp(10px,2vw,20px)}.safe-shopping-container{max-width:1200px;margin:0 auto;text-align:center}.intro-text{max-width:800px;margin:0 auto clamp(25px,5vh,50px)}.intro-text p{font-size:clamp(14px,2.5vw,16px);color:#666;line-height:1.7}.security-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:clamp(15px,3vw,30px);gap:clamp(15px,3vw,30px);margin-top:clamp(20px,4vh,40px)}.security-card{background:#f8f9fa;border-radius:15px;padding:clamp(20px,3vw,30px) clamp(15px,2vw,25px);text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.security-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(59,150,26,.15);border-color:#3b961a;background:#fff}.security-card h3{font-size:clamp(14px,2.5vw,16px);font-weight:600;color:#2c3e50;margin-bottom:15px;line-height:1.3}.security-card p{font-size:clamp(12px,2vw,14px);color:#666;line-height:1.6;margin:0}.faq-section{background:#f8f9fa;padding:clamp(30px,6vh,60px) clamp(10px,2vw,20px)}.faq-container{max-width:1000px;margin:0 auto;text-align:center}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:clamp(10px,2vw,15px);gap:clamp(10px,2vw,15px);margin-top:clamp(20px,4vh,40px);text-align:left}.faq-item{background:#fff;border-radius:12px;padding:clamp(15px,2.5vw,20px);border:1px solid #e9ecef;transition:all .3s ease;cursor:pointer;min-height:clamp(100px,15vh,120px)}.faq-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.faq-question{background:#f8f9fa;padding:20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#2c3e50;transition:background-color .3s ease;min-height:60px;-webkit-tap-highlight-color:rgba(59,150,26,.2);touch-action:manipulation}.faq-question:hover{background:#e9ecef}.faq-question:active{background:#dee2e6;transform:scale(.98)}.faq-answer{padding:20px;background:#fff;color:#666;line-height:1.6}@media (max-width:768px){.faq-question{padding:16px;min-height:56px;font-size:16px}.faq-answer{padding:16px;font-size:15px}}.faq-answer p{font-size:clamp(11px,2vw,13px);color:#666;line-height:1.5;margin:0}.site-footer{background:#2c3e50;color:#fff;padding:clamp(20px,4vh,40px) clamp(10px,2vw,20px) clamp(10px,2vh,20px)}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:clamp(15px,3vw,30px);gap:clamp(15px,3vw,30px);margin-bottom:clamp(15px,3vh,30px)}.footer-section h3{color:#3b961a;font-size:clamp(14px,2.5vw,16px);font-weight:600;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #3b961a}.footer-section ul{list-style:none}.footer-section li{margin-bottom:8px}.footer-section a{color:#ecf0f1;text-decoration:none;font-size:clamp(12px,2vw,14px);transition:color .3s ease}.footer-section a:hover{color:#3b961a}.footer-bottom{border-top:1px solid #34495e;padding-top:clamp(10px,2vh,20px);text-align:center}.footer-bottom p{color:#bdc3c7;font-size:clamp(12px,2vw,14px);margin:0}@media (min-width:768px){.chart-display-centered{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:50px;gap:50px;align-items:center}.faq-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.hero{height:auto!important;min-height:500px!important;padding:30px 15px!important}}@media (max-width:768px){.hero{height:auto;min-height:400px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px 10px;text-align:center!important;background-image:url(/images/backgrounds/familie-kauft-heizoel-mobile.webp)!important;background-size:contain!important;background-position:center 0!important;background-repeat:no-repeat!important;background-color:#fff!important}.title-banner{position:static!important;right:auto!important;transform:none!important;margin:0 auto 20px!important;width:-moz-fit-content!important;width:fit-content!important;max-width:85%!important;z-index:20;text-align:center!important;font-weight:600!important;font-size:clamp(16px,3vw,22px)!important;padding:clamp(10px,2vw,14px) clamp(20px,3vw,28px)!important}.pricing,.title-banner{top:auto!important;left:auto!important;align-self:center!important}.pricing{position:relative!important;transform:translateY(-10px)!important;margin:15px auto!important;height:160px!important;width:160px!important;z-index:5!important;display:flex!important}.calculator{position:relative;bottom:auto;left:auto;transform:none;width:95%;max-width:none;margin:20px auto;padding:12px;border-radius:12px;z-index:15}.calculator-form{flex-direction:column;height:auto;gap:1px}}@media (max-width:480px){.hero{min-height:400px!important;max-height:90vh!important;padding:0 5px 15px!important;text-align:center!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;background-image:url(/images/backgrounds/familie-kauft-heizoel-mobile.webp)!important;background-position:center -48px!important;background-size:contain!important;background-repeat:no-repeat!important;filter:none!important;image-rendering:auto!important;background-color:#fff!important;overflow:hidden!important}.calculator{position:relative!important;z-index:100!important}.calculator-form{position:relative!important;z-index:101!important}.pricing{transform:translateY(-20px)!important;z-index:102!important;animation:subtlePulseMobileSmall 4s ease-in-out infinite!important}.title-banner{position:static!important;right:auto!important;transform:none!important;margin:0 auto 15px!important;width:-moz-fit-content!important;width:fit-content!important;max-width:85%!important;font-size:clamp(13px,4vw,16px)!important;padding:clamp(8px,2.5vw,12px) clamp(16px,4vw,20px)!important;text-align:center!important;display:block!important;font-weight:600!important}.pricing,.title-banner{top:auto!important;left:auto!important;align-self:center!important}.pricing{position:relative!important;transform:translateY(-15px)!important;margin:10px auto!important;height:130px!important;width:130px!important;display:flex!important}.calculator{width:calc(100vw - 10px);padding:8px;margin:10px auto}.pricing div:not(.plz-display){font-size:18px!important}.pricing div:not(.plz-display),.pricing small{line-height:1.1!important;color:#2c3e50!important}.pricing small{font-size:8px!important;font-weight:500!important}.pricing .plz-display,.pricing .plz-display span{font-size:9px!important;color:#2c3e50!important}}@media (max-width:375px){.pricing{position:relative!important;top:auto!important;left:auto!important;transform:translateY(-20px)!important;margin:10px auto!important;height:110px!important;width:110px!important;display:flex!important;align-self:center!important;animation:subtlePulseMobileSmall 4s ease-in-out infinite!important}.pricing small{font-size:9px}.calculator{width:98%;bottom:15px;padding:10px}.calculator-form button{height:45px;font-size:14px}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}.awards-container{gap:10px}.award-item svg{width:45px;height:45px}}@media (min-width:1261px){.pricing{position:absolute!important;top:calc(50% - var(--circle-offset-xl))!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}}@media (min-width:993px) and (max-width:1260px){.pricing{position:absolute!important;top:calc(50% - var(--circle-offset-lg))!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}}@media (min-width:769px) and (max-width:992px){.pricing{position:absolute!important;top:calc(50% - var(--circle-offset-md))!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}}@media (min-width:577px) and (max-width:768px){.pricing{position:relative!important;top:auto!important;left:auto!important;transform:translateY(-10px)!important;margin:15px auto!important;display:flex!important;align-self:center!important;animation:subtlePulseMobile 4s ease-in-out infinite!important}}@media (min-width:481px) and (max-width:576px){.pricing{position:relative!important;top:auto!important;left:auto!important;transform:translateY(-15px)!important;margin:12px auto!important;display:flex!important;align-self:center!important;animation:subtlePulseMobile 4s ease-in-out infinite!important}}@media (min-width:376px) and (max-width:480px){.pricing{position:relative!important;top:auto!important;left:auto!important;transform:translateY(-20px)!important;margin:10px auto!important;display:flex!important;align-self:center!important;animation:subtlePulseMobileSmall 4s ease-in-out infinite!important}}@media (max-width:768px){.benefits-grid{grid-template-columns:1fr;gap:20px}.benefit-card{padding:20px 15px;text-align:center}.benefit-card h3{font-size:16px;margin-bottom:12px;justify-content:center}.benefit-card p{font-size:14px;text-align:center}}