[name=Einsparrechner]{margin-block-start:2.5rem}[name=Einsparrechner] .einsparrechner{padding:1.5rem}[name=Einsparrechner] .intro-text{margin-block-end:1rem}:is([name=Einsparrechner] .intro-text) h1,:is([name=Einsparrechner] .intro-text) h2,:is([name=Einsparrechner] .intro-text) h3,:is([name=Einsparrechner] .intro-text) h4,:is([name=Einsparrechner] .intro-text) h5,:is([name=Einsparrechner] .intro-text) h6{font-size:1.5rem;font-weight:700;line-height:normal;margin-block:0 .5rem;text-transform:uppercase}:is([name=Einsparrechner] .intro-text) p{line-height:normal}:is(:is([name=Einsparrechner] .intro-text) p):last-child{margin-block-end:0}[name=Einsparrechner] input,[name=Einsparrechner] select{margin-block-end:0}:is([name=Einsparrechner] .calculator-form) .form-fields{align-items:end;display:flex;flex-wrap:wrap;gap:.75rem}:is([name=Einsparrechner] .calculator-form) .field{display:flex;flex:1 1 13.75rem;flex-direction:column}.tonnen:is(:is([name=Einsparrechner] .calculator-form) .field){flex:0 0 9.375rem}:is(:is([name=Einsparrechner] .calculator-form) .field) label{color:var(--clr-grey-dark-muted);font-size:.75rem;margin-block-end:.25rem}:is(:is([name=Einsparrechner] .calculator-form) .field) input[type=number],:is(:is([name=Einsparrechner] .calculator-form) .field) select{border:1px solid var(--clr-grey-200,#e5e5e5);font-size:1rem;line-height:1.5;padding:.5rem .75rem;width:100%}:is([name=Einsparrechner] .calculator-form) .field--button{flex:0 0 auto}[name=Einsparrechner] .result{margin-block:1.5rem}:is([name=Einsparrechner] .result) .result-text{color:var(--clr-grey-dark);font-size:1rem;font-weight:500;line-height:normal;margin:0}:is([name=Einsparrechner] .outro) p{color:var(--clr-grey-dark-muted);font-size:.75rem;line-height:normal;margin-block:1.5rem}:is([name=Einsparrechner] .outro):first-child{margin-block-start:0}:is([name=Einsparrechner] .outro):last-child p{margin-block-end:0}

/*# sourceMappingURL=style.min.css.map*/