@charset "UTF-8";body{background:#008243;background:linear-gradient(135deg,#008243 -10%,#000 20vw);background-attachment:fixed;background-repeat:no-repeat}main{height:100%;padding-bottom:12.5rem;margin-top:calc(2.375rem + 158px)}@media (max-width: 1024px){body{background:linear-gradient(135deg,#008243 -10%,#000 40vw);background-attachment:fixed}main{padding-bottom:0;margin-top:calc(2.375rem + 52px)}.content-wrap.calculation-container{padding-right:0;padding-left:0}}header.page-header{position:fixed;top:0;left:0;z-index:10;width:100%;padding:1.875rem 0;background:linear-gradient(135deg,#008243 -10%,#000 20vw);background-attachment:fixed;background-color:#000;background-repeat:no-repeat}header.page-header .logo-wrapper{width:100%;max-width:13.5rem}header.page-header .logo img{width:100%}header.page-header .logo img:last-child{display:none}header.page-header.scrolled .logo img:first-child{display:none}header.page-header.scrolled .logo img:last-child{display:block}@media (max-width: 1024px){header.page-header{background:linear-gradient(135deg,#008243 -10%,#000 40vw);background-attachment:fixed}header.page-header .logo img{width:100%;max-width:7.8125rem}header.page-header .logo img:first-child{display:none}header.page-header .logo img:last-child{display:block}}.calculation-wrapper{position:relative;padding:2.125rem;margin-top:2.375rem;background-color:#008243}.calculation-wrapper h3.step{margin-top:0}.calculation-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.6;pointer-events:all;transition:opacity .3s}.active .calculation-wrapper:after{opacity:0;pointer-events:none}.calculation-wrapper .selected-gas,.calculation-wrapper .unselected-gas{display:flex;margin-top:.625rem;font-size:1.75rem}.calculation-wrapper .selected-gas span,.calculation-wrapper .unselected-gas span{display:flex;margin-left:.625rem;align-items:end;color:#ffed00}.calculation-wrapper .selected-gas.hidden,.calculation-wrapper .unselected-gas.hidden{display:none}.calculation-wrapper .input-container{display:flex;margin-top:.875rem;gap:1.875rem}.calculation-wrapper .input-container>*{width:33.3333333333%}.calculation-wrapper .input-container span{font-size:1.75rem}.calculation-wrapper .input-container input{padding:.25rem .625rem;margin-top:.3125rem;border:2px solid #ffffff;font-size:1.5rem;line-height:1.8125rem;background:transparent;outline:none;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.calculation-wrapper .input-container input[type=number]::-webkit-inner-spin-button,.calculation-wrapper .input-container input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.calculation-wrapper .input-container input[disabled]{opacity:.4}.calculation-wrapper .input-container label{display:flex;flex-direction:column;line-height:1.5}.calculation-wrapper .input-container label.disabled{position:relative;border-color:#ffed00;font-size:1.5rem}.calculation-wrapper .input-container label.disabled:before{content:"Nicht verfügbar";position:absolute;bottom:0;left:0;display:inline-block;width:100%;padding:.375rem .625rem;line-height:1.8125rem;text-align:center;opacity:.4}.calculation-wrapper .input-container label.result input{border-color:#ffed00}.calculation-wrapper .input-container label:not(.result) input:invalid{outline:2px solid #e2011b}.calculation-wrapper .reset{position:relative;display:flex;width:40px;height:40px;margin-top:1.875rem;margin-left:auto;border:2px solid #ffffff;align-items:center;justify-content:center;background:transparent;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.calculation-wrapper .reset:after{content:"";font-family:iconfont!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never;position:absolute;font-size:18px;pointer-events:none;transition:.6s}.calculation-wrapper .reset:hover:after{transform:rotate(365deg)}@media (max-width: 1024px){.gas-calculator .calculation-wrapper{margin-top:3.125rem}.gas-calculator .calculation-wrapper .input-container{display:flex;flex-direction:column}.gas-calculator .calculation-wrapper .input-container>*{width:100%}.gas-calculator .calculation-wrapper .input-container label{display:flex;flex-direction:column}.gas-calculator .calculation-wrapper .selected-gas,.gas-calculator .calculation-wrapper .unselected-gas{margin-top:2.5rem}}.gas-calculator{color:#fff}.gas-calculator input,.gas-calculator select,.gas-calculator button,.gas-calculator h1,.gas-calculator h2,.gas-calculator h3,.gas-calculator h4,.gas-calculator h5,.gas-calculator h6{color:inherit}.gas-calculator h4{font-size:1.625rem}.gas-calculator .headline{font-family:DIN Condensed,sans-serif;font-size:3.625rem;line-height:1}.gas-calculator .step{margin-top:2.5rem;font-size:2.5rem;font-weight:400;line-height:1}.gas-calculator .step .subtitle{margin-top:0;font-family:DIN Condensed,sans-serif;font-size:2.5rem;line-height:1.1}.gas-calculator .step p{margin-top:.5rem;font-family:Roboto Condensed,sans-serif;font-size:1.375rem;font-weight:400;line-height:1.5}.gas-list{display:flex;margin-top:2rem;flex-wrap:wrap;gap:1.875rem}.gas-list .name{font-family:Roboto Condensed,sans-serif;font-size:1.0625rem;font-weight:light;line-height:1;text-align:center;-webkit-hyphens:auto;hyphens:auto;word-break:break-all}.gas-list .symbol+.name{margin-top:.3125rem}.gas-list .symbol{display:flex;font-size:2.625rem;line-height:1}.gas-list .symbol p{display:flex}.gas-list .symbol sub{top:2.375rem}.gas-list .symbol sup{top:.625rem}.gas-list .button-gas{position:relative;display:flex;width:6.875rem;height:6.875rem;padding:.75rem .5rem .875rem;border:solid 2px #ffffff;flex-direction:column;align-items:center;justify-content:space-between;color:var(--color-gas, #000000);-webkit-font-smoothing:subpixel-antialiased;background-color:var(--background-gas, #ffffff);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:transform .3s,background-color .3s}.active .gas-list .button-gas.selected{background-color:#fff}.active .gas-list .button-gas.selected p,.active .gas-list .button-gas.selected span,.active .gas-list .button-gas.selected sub,.active .gas-list .button-gas.selected sup{color:#000;transition:color .3s}.gas-list .button-gas:hover{transform:translateY(-4px)}.gas-list .button-gas:nth-child(1){--color-gas: #ffffff;--background-gas: #366735}.gas-list .button-gas:nth-child(2){--color-gas: #ffffff;--background-gas: #000000}.gas-list .button-gas:nth-child(3){--color-gas: #ffffff;--background-gas: #004F7C}.gas-list .button-gas:nth-child(4){--color-gas: #ffffff;--background-gas: #A72920}.gas-list .button-gas:nth-child(5){--color-gas: #ffffff;--background-gas: #6D342D}.gas-list .button-gas:nth-child(6){--color-gas: #ffffff;--background-gas: #7A7B7A}.gas-list .button-gas:nth-child(7){--color-gas: #ffffff;--background-gas: #FF4A25}.gas-list .button-gas:nth-child(8){--background-gas: #F8F335}@media (max-width: 1074px){.gas-calculator .gas-list{max-width:506px;margin-right:auto;margin-left:auto;justify-content:center}}.other-gas-select{position:relative;margin-top:2.375rem}.other-gas-select select{width:100%;padding-bottom:5px;border:none;border-bottom:2px solid rgba(255,255,255,.5);font-family:Roboto Condensed,sans-serif;font-size:1.25rem;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.other-gas-select:after{position:absolute;right:0;bottom:5px;transform:rotate(180deg);color:#008243;font-size:22px;pointer-events:none;content:"";font-family:iconfont!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.other-gas-select option{color:#000}.calculation-container .toggle{display:none;margin-top:1.5625rem;border-bottom:solid 2px #ffffff}.calculation-container .toggle-head{position:relative;display:flex;align-items:center;line-height:1.5;cursor:pointer}.calculation-container .toggle-head span{font-size:1.75rem}.calculation-container .toggle-head:after{content:"";font-family:iconfont!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never;margin-left:auto;transform:rotate(-180deg);font-size:1.375rem;transition:transform .3s}.calculation-container .toggle-content .text{padding:.9375rem 0}.calculation-container .toggle-content .text *{color:#fff}.calculation-container .toggle.active .toggle-head:after{transform:rotate(0)}