.animated-icon{align-items:center;background-color:transparent;border:none;display:grid;grid-template-columns:auto;grid-template-rows:auto;justify-content:center;margin-left:auto;padding:0;width:20px}.animated-icon span{background-color:#000;display:block;grid-column:1;grid-row:1;height:2px;transition:all .25s ease}.animated-icon.arrow-down{pointer-events:none}.animated-icon.arrow-down span{width:10px}.animated-icon.arrow-down span:first-child{transform:translateY(3.5px) translateX(-4.5px) rotate(45deg);transform-origin:center right}.animated-icon.arrow-down span:nth-child(2){transform:translateY(3.5px) translateX(4.5px) rotate(-45deg);transform-origin:center left}.animated-icon.arrow-up{pointer-events:none}.animated-icon.arrow-up span{width:10px}.animated-icon.arrow-up span:first-child{transform:translateY(-3.5px) translateX(-4.5px) rotate(-45deg);transform-origin:center right}.animated-icon.arrow-up span:nth-child(2){transform:translateY(-3.5px) translateX(4.5px) rotate(45deg);transform-origin:center left}.animated-icon.cross span{width:20px}.animated-icon.cross span:first-child{transform:rotate(45deg)}.animated-icon.cross span:nth-child(2){transform:rotate(-45deg)}body{--hint-color:#fcbe2e;--error-color:#ea1010}.tarif-finder_wrapper .tarif-finder .formbody,[s\:comp=tarif-finder] .formbody{display:flex;flex-flow:row wrap;width:100%}.tarif-finder_wrapper .tarif-finder .formbody .widget-submit,[s\:comp=tarif-finder] .formbody .widget-submit{align-items:stretch;display:flex;justify-content:center}body .tarif-finder_wrapper .tarif-finder .widget-explanation,body [s\:comp=tarif-finder] .widget-explanation{flex-basis:100%}body .tarif-finder_wrapper .tarif-finder .formbody,body [s\:comp=tarif-finder] .formbody{gap:1em}body .tarif-finder_wrapper .tarif-finder .formbody>.widget-submit,body .tarif-finder_wrapper .tarif-finder .formbody>[s\:comp],body .tarif-finder_wrapper .tarif-finder .formbody>fieldset:not([disabled]),body [s\:comp=tarif-finder] .formbody>.widget-submit,body [s\:comp=tarif-finder] .formbody>[s\:comp],body [s\:comp=tarif-finder] .formbody>fieldset:not([disabled]){flex-basis:100%}@media(min-width:768px){body .tarif-finder_wrapper .tarif-finder .formbody>.widget-submit,body .tarif-finder_wrapper .tarif-finder .formbody>[s\:comp],body .tarif-finder_wrapper .tarif-finder .formbody>fieldset:not([disabled]),body [s\:comp=tarif-finder] .formbody>.widget-submit,body [s\:comp=tarif-finder] .formbody>[s\:comp],body [s\:comp=tarif-finder] .formbody>fieldset:not([disabled]){flex:1}}body .tarif-finder_wrapper .tarif-finder .formbody>fieldset.flex-2:not([disabled]),body [s\:comp=tarif-finder] .formbody>fieldset.flex-2:not([disabled]){flex:2}body .tarif-finder_wrapper .tarif-finder .formbody>fieldset,body [s\:comp=tarif-finder] .formbody>fieldset{display:flex;gap:1em;margin:0}body .tarif-finder_wrapper .tarif-finder .formbody>fieldset.noticeBar,body [s\:comp=tarif-finder] .formbody>fieldset.noticeBar{flex-basis:100%}body .tarif-finder_wrapper .tarif-finder .formbody>fieldset [s\:comp],body .tarif-finder_wrapper .tarif-finder .formbody>fieldset.noticeBar .ce_noticeBar,body [s\:comp=tarif-finder] .formbody>fieldset [s\:comp],body [s\:comp=tarif-finder] .formbody>fieldset.noticeBar .ce_noticeBar{width:100%}body .tarif-finder_wrapper .tarif-finder .formbody>fieldset:after,body .tarif-finder_wrapper .tarif-finder .formbody>fieldset:before,body [s\:comp=tarif-finder] .formbody>fieldset:after,body [s\:comp=tarif-finder] .formbody>fieldset:before{display:none}body.strom_dynamisch [s\:comp=product-info-cards]>.scroller .illustration:not(:first-child)~*,body.waermestrom [s\:comp=product-info-cards]>.scroller .illustration:not(:first-child)~*{display:none!important}body.strom_dynamisch [s\:comp=product-info-cards]>.controls .next,body.strom_dynamisch [s\:comp=product-info-cards]>.controls .previous,body.strom_dynamisch [s\:comp=product-info-cards]>.controls .step,body.waermestrom [s\:comp=product-info-cards]>.controls .next,body.waermestrom [s\:comp=product-info-cards]>.controls .previous,body.waermestrom [s\:comp=product-info-cards]>.controls .step{display:none}@media(min-width:768px){.tarif-finder_wrapper[data-product=strom_dynamisch] .tarif-finder .formbody>.widget-submit,.tarif-finder_wrapper[data-product=strom_dynamisch] .tarif-finder .formbody>[s\:comp],.tarif-finder_wrapper[data-product=strom_dynamisch] .tarif-finder .formbody>fieldset:not([disabled]),.tarif-finder_wrapper[data-product=waermestrom] .tarif-finder .formbody>.widget-submit,.tarif-finder_wrapper[data-product=waermestrom] .tarif-finder .formbody>[s\:comp],.tarif-finder_wrapper[data-product=waermestrom] .tarif-finder .formbody>fieldset:not([disabled]),body.strom_dynamisch [s\:comp=tarif-finder] .formbody>.widget-submit,body.strom_dynamisch [s\:comp=tarif-finder] .formbody>[s\:comp],body.strom_dynamisch [s\:comp=tarif-finder] .formbody>fieldset:not([disabled]),body.waermestrom [s\:comp=tarif-finder] .formbody>.widget-submit,body.waermestrom [s\:comp=tarif-finder] .formbody>[s\:comp],body.waermestrom [s\:comp=tarif-finder] .formbody>fieldset:not([disabled]){flex-basis:calc(50% - 0.5em);flex-grow:0}}@media(min-width:1200px){.tarif-finder_wrapper[data-product=strom_dynamisch] .tarif-finder .formbody>.widget-submit,.tarif-finder_wrapper[data-product=strom_dynamisch] .tarif-finder .formbody>[s\:comp],.tarif-finder_wrapper[data-product=strom_dynamisch] .tarif-finder .formbody>fieldset:not([disabled]),.tarif-finder_wrapper[data-product=waermestrom] .tarif-finder .formbody>.widget-submit,.tarif-finder_wrapper[data-product=waermestrom] .tarif-finder .formbody>[s\:comp],.tarif-finder_wrapper[data-product=waermestrom] .tarif-finder .formbody>fieldset:not([disabled]),body.strom_dynamisch [s\:comp=tarif-finder] .formbody>.widget-submit,body.strom_dynamisch [s\:comp=tarif-finder] .formbody>[s\:comp],body.strom_dynamisch [s\:comp=tarif-finder] .formbody>fieldset:not([disabled]),body.waermestrom [s\:comp=tarif-finder] .formbody>.widget-submit,body.waermestrom [s\:comp=tarif-finder] .formbody>[s\:comp],body.waermestrom [s\:comp=tarif-finder] .formbody>fieldset:not([disabled]){flex:1}}.tarif-finder_wrapper[data-product=strom_dynamisch] .tarif-finder .formbody>fieldset.flex-2:not([disabled]),.tarif-finder_wrapper[data-product=waermestrom] .tarif-finder .formbody>fieldset.flex-2:not([disabled]),body.strom_dynamisch [s\:comp=tarif-finder] .formbody>fieldset.flex-2:not([disabled]),body.waermestrom [s\:comp=tarif-finder] .formbody>fieldset.flex-2:not([disabled]){flex:2}.tarif-finder_wrapper[data-product=strom_dynamisch] .tarif-finder .formbody select,.tarif-finder_wrapper[data-product=waermestrom] .tarif-finder .formbody select,body.strom_dynamisch [s\:comp=tarif-finder] .formbody select,body.waermestrom [s\:comp=tarif-finder] .formbody select{overflow:hidden}body.strom_dynamisch [s\:comp=product-info-cards] section,body.waermestrom [s\:comp=product-info-cards] section{opacity:1!important}.contract-type-change{display:block;margin-bottom:1em;margin-top:-.5em;text-align:right}.contract_steps+[s\:comp=tarif-finder] .widget-explanation{display:none}div.illustration{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;width:100%}.price-table table,.pricing-details table{border-collapse:collapse}.price-table tr,.price-table tr.sum td,.pricing-details tr,.pricing-details tr.sum td{border-bottom:.25em solid #fff;border-top:.25em solid #fff}.price-table tr.sum td,.pricing-details tr.sum td{background-color:#d2d6d2;box-sizing:content-box;height:1px;padding:0}.price-table td,.pricing-details td{vertical-align:top}.mod_article.notice-bars{margin-top:1em}.mod_article.notice-bars>.inside{margin-bottom:0;margin-top:0;padding-bottom:0;padding-top:0}interactive-fieldset.noticeBar{display:none}.vue-interactive-fieldset.noticeBar{flex-basis:100%}html.js fieldset.noticeBar[data-cff-condition]:not(.visible){display:none}.mod_article.product-overview>.inside{margin:0;max-width:none;padding:0}.tarif-finder_wrapper .tarif-finder,[s\:comp=tarif-finder]{background-color:#fff;margin-bottom:1em;padding:1.825rem}.tarif-finder form,[s\:comp=tarif-finder] form{display:flex;flex-wrap:wrap;margin-bottom:-1em;row-gap:1em}@media(min-width:768px){.tarif-finder form,[s\:comp=tarif-finder] form{gap:1em}}@media(min-width:1024px){.tarif-finder form,[s\:comp=tarif-finder] form{-moz-column-gap:2em;column-gap:2em}}.tarif-finder form>[s\:comp],[s\:comp=tarif-finder] form>[s\:comp]{flex:1.5}.tarif-finder form .widget-explanation,[s\:comp=tarif-finder] form .widget-explanation{flex-basis:100%}.tarif-finder form .widget-submit,[s\:comp=tarif-finder] form .widget-submit{align-items:center;display:flex}.tarif-finder form .widget-submit button,[s\:comp=tarif-finder] form .widget-submit button{background-color:transparent;color:#3b7204;font-weight:400;white-space:nowrap}.tarif-finder form .widget-submit button:hover,[s\:comp=tarif-finder] form .widget-submit button:hover{background-color:transparent}.tarif-finder input::-webkit-inner-spin-button,.tarif-finder input::-webkit-outer-spin-button,[s\:comp=tarif-finder] input::-webkit-inner-spin-button,[s\:comp=tarif-finder] input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tarif-finder input[type=number],[s\:comp=tarif-finder] input[type=number]{-moz-appearance:textfield}@media(min-width:1024px){[s\:comp=product-info-cards] section.overflow{cursor:pointer}[s\:comp=product-info-cards] section.overflow .expander,[s\:comp=product-info-cards] section.overflow a{pointer-events:none}}[s\:comp=price-info-cards] .scroller,[s\:comp=product-info-cards] .scroller{display:grid;grid-template-rows:auto;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}@media(min-width:1024px){[s\:comp=price-info-cards] .scroller,[s\:comp=product-info-cards] .scroller{grid-template-areas:"overflow-left products overflow-right";grid-template-columns:max((100% - 1480px)/2,0px) auto max((100% - 1480px)/2,0px)}}[s\:comp=price-info-cards] .scroller::-webkit-scrollbar,[s\:comp=product-info-cards] .scroller::-webkit-scrollbar{display:none}[s\:comp=price-info-cards] .scroller .wrapper,[s\:comp=product-info-cards] .scroller .wrapper{box-sizing:border-box;-moz-column-gap:2.2rem;column-gap:2.2rem;display:grid;margin:0 1.825rem}[s\:comp=price-info-cards] .controls,[s\:comp=product-info-cards] .controls{align-items:center;box-sizing:border-box;display:flex;margin:0 auto;max-width:1480px;padding:0 1.825rem 1.825rem}@media(min-width:1024px){[s\:comp=price-info-cards] .controls,[s\:comp=product-info-cards] .controls{justify-content:flex-end}}[s\:comp=price-info-cards] .controls .footnote,[s\:comp=product-info-cards] .controls .footnote{font-size:.875em;margin-right:auto}[s\:comp=price-info-cards] .controls .footnote p,[s\:comp=product-info-cards] .controls .footnote p{margin:0}[s\:comp=price-info-cards] .controls .next,[s\:comp=price-info-cards] .controls .previous,[s\:comp=product-info-cards] .controls .next,[s\:comp=product-info-cards] .controls .previous{align-items:center;background-color:#3b7204;border-radius:50%;cursor:pointer;display:flex;height:2.5rem;justify-content:center;width:2.5rem;--color-gray-500:#fff}[s\:comp=price-info-cards] .controls .next:hover,[s\:comp=price-info-cards] .controls .previous:hover,[s\:comp=product-info-cards] .controls .next:hover,[s\:comp=product-info-cards] .controls .previous:hover{background-color:#93b570}[s\:comp=price-info-cards] .controls .next.disabled,[s\:comp=price-info-cards] .controls .previous.disabled,[s\:comp=product-info-cards] .controls .next.disabled,[s\:comp=product-info-cards] .controls .previous.disabled{background-color:#8ca971;cursor:default;pointer-events:none;--color-gray-500:#fff}[s\:comp=price-info-cards] .controls .step,[s\:comp=product-info-cards] .controls .step{margin:0 .5em}[s\:comp=price-info-cards] .controls .next,[s\:comp=price-info-cards] .controls .previous,[s\:comp=price-info-cards] .controls .step,[s\:comp=product-info-cards] .controls .next,[s\:comp=product-info-cards] .controls .previous,[s\:comp=product-info-cards] .controls .step{display:none}@media(min-width:1024px){[s\:comp=price-info-cards] .controls .next,[s\:comp=price-info-cards] .controls .previous,[s\:comp=price-info-cards] .controls .step,[s\:comp=product-info-cards] .controls .next,[s\:comp=product-info-cards] .controls .previous,[s\:comp=product-info-cards] .controls .step{display:flex}}[s\:comp=price-info-cards] section,[s\:comp=product-info-cards] section{background-color:#fff;font-size:.875em;padding:1em}[s\:comp=price-info-cards] section.first,[s\:comp=product-info-cards] section.first{margin-top:1.1em}[s\:comp=price-info-cards] section.last,[s\:comp=product-info-cards] section.last{margin-bottom:1.1em}[s\:comp=price-info-cards] section.bonus,[s\:comp=product-info-cards] section.bonus{background-color:transparent;display:flex;padding:0}[s\:comp=price-info-cards] section.bonus .tab,[s\:comp=product-info-cards] section.bonus .tab{background-color:#fcbe2e;color:#3c3f42;font-weight:400;margin-left:auto;padding:.25em .5em}[s\:comp=price-info-cards] section.bonus .tab .info button,[s\:comp=price-info-cards] section.bonus .tab .info-button,[s\:comp=product-info-cards] section.bonus .tab .info button,[s\:comp=product-info-cards] section.bonus .tab .info-button{border-color:#3c3f42}[s\:comp=price-info-cards] section.bonus .tab .icon-info,[s\:comp=product-info-cards] section.bonus .tab .icon-info{--color-primary:#3c3f42}[s\:comp=price-info-cards] section.title span,[s\:comp=product-info-cards] section.title span{font-size:1.4em;font-weight:400}[s\:comp=price-info-cards] section.contract-link,[s\:comp=price-info-cards] section.monthly-cost,[s\:comp=product-info-cards] section.contract-link,[s\:comp=product-info-cards] section.monthly-cost{text-align:center}[s\:comp=price-info-cards] section.monthly-cost span.price,[s\:comp=product-info-cards] section.monthly-cost span.price{font-size:2.45em;line-height:1}[s\:comp=price-info-cards] section.monthly-cost span:not(:first-child),[s\:comp=product-info-cards] section.monthly-cost span:not(:first-child){color:#999;font-size:1em}[s\:comp=price-info-cards] section.check-mark,[s\:comp=product-info-cards] section.check-mark{display:flex;justify-content:center}[s\:comp=price-info-cards] section.check-mark .circle,[s\:comp=product-info-cards] section.check-mark .circle{align-items:center;aspect-ratio:1/1;border:.5em solid #f7f8f7;border-radius:50%;display:flex;justify-content:center;max-width:200px;width:50%}[s\:comp=price-info-cards] section.check-mark .circle svg,[s\:comp=product-info-cards] section.check-mark .circle svg{width:50%}[s\:comp=price-info-cards] section.contract-link,[s\:comp=product-info-cards] section.contract-link{display:inline-flex;justify-content:center}[s\:comp=price-info-cards] section.contract-link>div,[s\:comp=product-info-cards] section.contract-link>div{display:inline-flex;min-width:70%}[s\:comp=price-info-cards] section.contract-link .button,[s\:comp=product-info-cards] section.contract-link .button{position:relative;width:100%}[s\:comp=price-info-cards] section.contract-link a.button.disabled:hover:after,[s\:comp=product-info-cards] section.contract-link a.button.disabled:hover:after{display:block}[s\:comp=price-info-cards] section.contract-link a.button.disabled:after,[s\:comp=product-info-cards] section.contract-link a.button.disabled:after{background-color:#f7edd6;border:2px solid #fcbe2e;bottom:100%;color:#333;content:'Preis hat sich geändert.\a Bitte "Aktualisieren" klicken.';display:none;font-size:.9em;font-weight:300;left:50%;margin-bottom:1em;max-width:400px;padding:.4em .5em;position:absolute;transform:translateX(-50%);white-space:pre;width:-moz-max-content;width:max-content}[s\:comp=price-info-cards] section.price-table table,[s\:comp=price-info-cards] section.pricing-details table,[s\:comp=product-info-cards] section.price-table table,[s\:comp=product-info-cards] section.pricing-details table{width:100%}[s\:comp=price-info-cards] section.price-table table td,[s\:comp=price-info-cards] section.pricing-details table td,[s\:comp=product-info-cards] section.price-table table td,[s\:comp=product-info-cards] section.pricing-details table td{text-align:left}[s\:comp=price-info-cards] section.price-table table td:last-of-type,[s\:comp=price-info-cards] section.pricing-details table td:last-of-type,[s\:comp=product-info-cards] section.price-table table td:last-of-type,[s\:comp=product-info-cards] section.pricing-details table td:last-of-type{text-align:right}[s\:comp=price-info-cards] section.pricing-details .expander,[s\:comp=product-info-cards] section.pricing-details .expander{align-items:center;background:none;border:0;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:inherit;gap:.5em;justify-content:center;width:100%}[s\:comp=price-info-cards] section.pricing-details .expander:after,[s\:comp=price-info-cards] section.pricing-details .expander:before,[s\:comp=product-info-cards] section.pricing-details .expander:after,[s\:comp=product-info-cards] section.pricing-details .expander:before{background-color:#d2d6d2;content:"";flex-grow:1;height:1px}[s\:comp=price-info-cards] section.pricing-details .expander>div,[s\:comp=product-info-cards] section.pricing-details .expander>div{display:inline-flex;gap:.5em}[s\:comp=price-info-cards] section.pricing-details .expander .animated-icon span,[s\:comp=product-info-cards] section.pricing-details .expander .animated-icon span{background-color:#3b7204}[s\:comp=price-info-cards] section.claims ul,[s\:comp=product-info-cards] section.claims ul{margin:0}[s\:comp=price-info-cards] section.details-link a,[s\:comp=product-info-cards] section.details-link a{font-size:1rem;font-weight:400}[s\:comp=price-info-cards] section.overflow-left,[s\:comp=price-info-cards] section.overflow-right,[s\:comp=product-info-cards] section.overflow-left,[s\:comp=product-info-cards] section.overflow-right{background-color:transparent;display:none;margin:0;padding:0}@media(min-width:1024px){[s\:comp=price-info-cards] section.overflow-left,[s\:comp=price-info-cards] section.overflow-right,[s\:comp=product-info-cards] section.overflow-left,[s\:comp=product-info-cards] section.overflow-right{display:block}}[s\:comp=price-info-cards] section.overflow-left,[s\:comp=product-info-cards] section.overflow-left{grid-area:overflow-left}[s\:comp=price-info-cards] section.overflow-right,[s\:comp=product-info-cards] section.overflow-right{grid-area:overflow-right}[s\:comp=price-info-cards] section b,[s\:comp=product-info-cards] section b{font-weight:400}html.js [s\:comp=product-info-cards] .scroller{grid-template-rows:0fr;transition:grid-template-rows 1s}html.js [s\:comp=product-info-cards] .scroller.visible{grid-template-rows:1fr}html.js [s\:comp=product-info-cards] .scroller .wrapper{overflow:hidden}[s\:comp=price-info-cards] section.first{margin-top:0}[s\:comp=price-info-cards] .footnote{font-size:.875em}[s\:comp=price-info-cards] .footnote p{margin:0}[s\:comp=price-info-cards] .duo{display:flex;flex-direction:column;grid-column:1;grid-row:-1}[s\:comp=price-info-cards] .duo .last{flex:1}@media(min-width:1024px){[s\:comp=price-info-cards] .duo{grid-column:3;grid-row:2/span 3}}.skeleton-loader .fetched-data{display:inline-flex;position:relative;white-space:break-spaces}.skeleton-loader .fetched-data:after{animation:shine 2s linear infinite;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;color:transparent;content:"";height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.skeleton-loader tr.fetched-data{display:table-row}[s\:comp=price-info-cards] section.monthly-cost .fetched-data,[s\:comp=product-info-cards] section.monthly-cost .fetched-data{align-items:baseline;display:inline-block}[s\:comp=price-info-cards] section.claims li.fetched-data:after,[s\:comp=product-info-cards] section.claims li.fetched-data:after{left:-2em;width:calc(100% + 2em)}@keyframes shine{to{background-position-x:-200%}}.ce_product_tabs{bottom:100%;display:flex;left:1.825rem;position:absolute}.ce_product_tabs ul{display:inline-flex;flex-direction:column;margin-bottom:0;margin-top:0;padding-left:0}@media(min-width:600px){.ce_product_tabs ul{flex-direction:row;gap:2px}}.ce_product_tabs li{background:#d2d6d2;display:inline-block;font-weight:400;min-width:6em;position:relative}.ce_product_tabs li a{color:#333;display:block;padding:.3em .45em;text-decoration:none}.ce_product_tabs li:not(.active) a:hover{color:#93b570}.ce_product_tabs li.active{background-color:#fff}.ce_product_tabs li.active a{color:#333}@media(min-width:600px){.ce_product_tabs li{text-align:center}.ce_product_tabs li a{padding-bottom:0}.ce_product_tabs li:after{background-color:#d2d6d2;content:"";display:block;height:2px;margin:0 .45em;width:calc(100% - .9em)}.ce_product_tabs li.active:after{background-color:#3b7204}}@media(max-width:599px){.ce_product_tabs,.ce_product_tabs ul{width:calc(100% - 1.825rem)}.ce_product_tabs ul{cursor:pointer}.ce_product_tabs li{background-color:#fff;height:0;overflow:hidden}.ce_product_tabs li a{padding:.45em}.ce_product_tabs li a:not(:hover){color:#333}.ce_product_tabs li.active{background-color:#999;border-top:0!important;display:flex;height:auto;order:10;pointer-events:none}.ce_product_tabs li.active a{color:#fff;flex:1}.ce_product_tabs li.active:after{align-self:center;color:#fff;content:"↓";display:inline;font-family:iconfont;font-size:.6em;margin:1em}html:not(.js) .ce_product_tabs ul:hover li,ul.open li{border-top:1px solid #d2d6d2;height:auto}html:not(.js) .ce_product_tabs ul:hover li.active:after,ul.open li.active:after{content:"↑"}html:not(.js) .ce_product_tabs ul:hover li:first-of-type,html:not(.js) .ce_product_tabs ul:hover li:first-of-type.active+li,ul.open li:first-of-type,ul.open li:first-of-type.active+li{border-top:0}}.hasProductTabs #hero .hero-image .block{margin:0 auto 2em}.mod_article.product-tabs{overflow:visible}.mod_article.product-tabs>.inside{position:relative}.contract_steps{counter-reset:LIST-ITEMS;display:flex;margin-top:0;padding:0}.contract_steps li{color:#d2d6d2;display:inline-block}.contract_steps li:before{align-items:center;border:1.5px solid #d2d6d2;border-radius:50%;color:#3b7204;content:"✔";counter-increment:LIST-ITEMS;display:inline-flex;font-family:iconfont;font-size:.6em;height:1em;justify-content:center;padding:1.3333333333em;width:1em}.contract_steps li.active{color:#333;font-weight:400}.contract_steps li.active:before,.contract_steps li.active~li:before{color:#d2d6d2;content:counter(LIST-ITEMS);font-family:Roboto;font-size:1em;padding:.8em}.contract_steps li.active:before{background-color:#fff;border-color:#333;color:#333}.contract_steps li.active span{display:inline-block}.contract_steps li.divider{align-self:center;border-bottom:1px solid;flex-grow:1;height:1px;margin:.5em}.contract_steps li.divider:before{content:none!important}.contract_steps li.divider:last-of-type{flex-grow:5}.contract_steps li:last-of-type{margin-right:0}.contract_steps li span{display:none}@media(min-width:1024px){.contract_steps li span{display:inline-block}}.mod_article.tarif-finder>.inside{background-color:transparent;margin-bottom:0;margin-top:0;padding:0 1.825rem}.mod_article.tarif-finder .contract_steps,.tarif-finder_wrapper .contract_steps{background-color:#fff;margin-bottom:0;padding:1.825rem 1.825rem 0}.vue-info-button>button.info__button{font-size:.7em}.scroller section.check-mark.product-1{grid-area:monthly-cost-product-1}.controls.illustration .footnote{font-size:.875em;margin-right:0}@media(min-width:1024px){.controls.illustration .footnote{width:calc((min(1480px,100%) - 2.2rem)/3)}}@media(max-width:1023px){.controls.illustration{max-width:calc(480px + 3.65rem)}}.scroller.illustration .wrapper section{grid-area:unset!important}@media(max-width:1023px){.scroller.illustration{justify-content:center}.scroller.illustration .wrapper{max-width:480px}}@media(min-width:1024px){.scroller.illustration div.illustration{grid-column:1;grid-row:1/8}.scroller.illustration .wrapper{grid-template-columns:2fr 1fr;width:calc(100% - 3.65rem)}}[s\:comp]{display:block}.ce_tarif_finder_all .tarif-finder_wrapper:not(.active){display:none}