.chartCard {
 width: 100vw;
 height: calc(100vh - 40px);
 background: rgba(54, 162, 235, 0.2);
 /* display: flex; */
 align-items: center;
 justify-content: center;
}
.chartBox {
 width: 700px;
 padding: 20px;
 border-radius: 20px;
 border: solid 3px rgba(54, 162, 235, 1);
 background: white;
}
.active-green-text {
 color: #37A58C;
}
.active-red-text {
 color: #DD0060;
}
.deactivated-gray-text {
 color: #BFBFBF;
}
.bold {
 font-weight: 900;
}
.co2headline-60 {
 font-size: 6.0rem;
 font-weight: 900;
 line-height: 6.6rem;
}
.co2headline-36 {
 font-size: 3.6rem;
 font-weight: 900;
 line-height: 4.0rem;
}
.co2headline-24 {
 font-size: 2.4rem;
 font-weight: 900;
 line-height: 2.8rem
}
.co2headline-18 {
 font-size: 1.8rem;
 font-weight: 900;
 line-height: 2.4rem
}
.co2headline-16 {
 font-size: 1.6rem;
 font-weight: 900;
 line-height: 2.2rem
}
.co2body-36 {
 font-size: 3.6rem;
 font-weight: 400;
 line-height: 4.0rem;
}
.co2body-18 {
 font-size: 1.8rem;
 font-weight: 400;
 line-height: 2.4rem
}
.co2body-17 {
 font-size: 1.7rem;
 font-weight: 400;
 line-height: 2.4rem
}
.co2body-12 {
 font-size: 1.2rem;
 font-weight: 400;
 line-height: 1.6rem
}
.co2padding {
 padding: 4rem 4rem;
}
.label-container {
 white-space: nowrap;
 overflow: visible;
}
.tip {
 position: relative;
}
.tip p {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 margin: 0;
}
.bottom-container {
 display: flex;
 justify-content: flex-end;
}
.btn {
 padding-bottom: 10px;
}
.m-bottom-1 {
 margin-bottom: 1rem;
}
.m-bottom-2 {
 margin-bottom: 2rem;
}
.m-bottom-3 {
 margin-bottom: 3rem;
}
.grid-margin-y:not(.grid-y)>.cell .accordion_table_row_header {
 height: 35px;
}
.grid-margin-y:not(.grid-y)>.cell .accordion_table_row {
 height: 72px;
 margin-top: 0px;
}
.accordion_table_pre_large_show {
 margin-bottom: 2px;
 display: none;
}
#btnResult::after {
 content: url(https://bs.rehau.com/cmstatic/CO2Rechner/public/img/icon_diagramm.svg);
}
#btnRestart::after {
 content: url(https://bs.rehau.com/cmstatic/CO2Rechner/public/img/icon_restart.svg);
}
#btnContact::after {
 content: url(https://bs.rehau.com/cmstatic/CO2Rechner/public/img/icon_contact.svg);
}

.infoIcon {
 text-decoration: none;
}
#btnResult::after {
 content: url(https://bs.rehau.com/cmstatic/CO2Rechner/public/img/icon_diagramm.svg);
}
.infoIcon::after {
 color: white;
 content: url(https://bs.rehau.com/cmstatic/CO2Rechner/public/img/icon_info.svg);
 width: 17px;
 height: 17px;
 padding-left: 3px;
}
.infoGreenIcon {
 text-decoration: none;
}
.infoGreenIcon::after {
 color: white;
 content: url(https://bs.rehau.com/cmstatic/CO2Rechner/public/img/icon_info_green.svg);
 width: 17px;
 height: 17px;
 padding-left: 3px;
}
.nav-border-prev {
 border-bottom: 3px solid #000000;
}
.nav-border-active {
 border-bottom: 3px solid #37A58C;
}
.nav-border-next {
 border-bottom: 3px solid #BFBFBF;
}
.overlay {
 position: fixed;
 display: none;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: rgba(0, 0, 0, 0.5);
 z-index: 2;
}
.overlay-container {
 position: absolute;
 top: 50%;
 left: 50%;
 background: #FFF;
 transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
}
.overlay-padding {
 padding: 3rem;
}
.m-overlay-section {
 margin-top: 2rem;
}
.m-bottom-input {
 margin-bottom: 1rem;
}
 
.co2-btn {
 background: none;
 border: none;
 padding: 0;
 cursor: pointer;
 align-items: center;
 text-decoration: none;
}
.accordion_table_row_border>div {
 border-bottom: 2.5px solid #BFBFBF;
}
.accordion_table_row_border>div:last-child {
 border-bottom: 0px;
}
.small_accordion_table_row_border {
 border-top: 0px;
}
.relative {
 position: relative;
}
.tuev-overlay-image {
 position: absolute;
 bottom: 64px;
 right: 0;
 transform: translateY(-00%);
 width: 300px;
 height: 111px;
 border: 1px solid #000000;
}
.tuev-image {
 display: none;
}
.text-result{
 text-align: right
}

@media only screen and (max-width: 1024px) {
 .co2headline-18 {
   font-size: 1.6rem;
   font-weight: 900;
   line-height: 2.1rem
 }
 .pre-large-hide {
   display: none;
 }
 .tuev-image {
   display: flex;
   width: 300px;
   height: 111px;
 }
 .accordion_table_pre_large_show {
   margin-bottom: 2px;
   display: block;
 }
 .accordion_table_row_border>div {
   border-bottom: 0px;
 }
 .small_accordion_table_row_border {
   padding-top: 15px;
   border-top: 2.5px solid #BFBFBF;
 }
 .text-result{
   text-align: left;
 }
}
@media only screen and (max-width: 784px) {
 .grid-margin-y:not(.grid-y)>.cell .accordion_table_row {
   height: 99px;
 }                                                      
 .botton-box {
   display: flex;
   flex-direction: column;
 }
 .m-bottom-input {
   margin-bottom: 0.8rem;
 }
 .m-bottom-1 {
   margin-bottom: 1rem;
 }
 .m-bottom-2,
 .m-bottom-3 {
   margin-bottom: 0.5rem;
 }
 .m-small-t20 {
   margin-top: 1rem;
 }
 .co2headline-36 {
   font-size: 3.6rem;
   font-weight: 900;
   line-height: 4.0rem
 }
 .co2headline-24 {
   font-size: 2.1rem;
   font-weight: 900;
   line-height: 2.8rem
 }
 .co2headline-18 {
   font-size: 1.6rem;
   font-weight: 900;
   line-height: 2.1rem
 }
 .co2body-18 {
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 2.1rem
 }
 .co2body-17 {
   font-size: 1.2rem;
   font-weight: 400;
   line-height: 2.1rem
 }
 .btn.-cta {
   order: -1;
 }
 .tip p {
   position: relative;
 }
 .small-hide {
   display: none;
 }
 .co2padding {
   padding: 1.8rem 0 1.9rem;
 }
 .medium-ta-center {
   text-align: center
 }
 .nav-box {
   padding: 10px 23px;
   display: inline-block;
 }
 .nav-box-active {
   border: 3px solid #37A58C;
   padding: 10px 23px;
   display: inline-block;
 }
 .nav-border-prev,
 .nav-border-active,
 .nav-border-next {
   border: 0px;
 }
 .overlay-container {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 90%;
   background: #FFF;
   transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
 }
 .overlay-padding {
   padding: 1.5rem;
 }
 .text-result{
   text-align: left;
 }
}