/**
*
* =========== BEGINN CSS-SNIPPET =========
*
*/
.co2-calculator {
 color: #212121;
 background-color: #f9f7ef;
 border: 1px solid transparent;
 border-radius: 24px;
}
@media only screen and (max-width: 37.4375rem) {
 .co2-calculator {
   margin-block: 2.5rem;
   margin-inline: 0;
   padding-block: 2.5rem;
   padding-inline: 4.1666666667%;
 }
}
@media only screen and (min-width: 37.5rem) and (max-width: 52.4375rem) {
 .co2-calculator {
   margin-block: 3.5rem;
   margin-inline: 0;
   padding-block: 3.5rem;
   padding-inline: 4.1666666667%;
 }
}
@media only screen and (min-width: 52.5rem) and (max-width: 74.9375rem) {
 .co2-calculator {
   margin-block: 4rem;
   margin-inline: 8.3333333333%;
   padding-block: 4rem;
   padding-inline: 16.6666666667%;
 }
}
@media print, screen and (min-width: 75rem) {
 .co2-calculator {
   margin-block: 5rem;
   margin-inline: 8.3333333333%;
   padding-block: 5rem;
   padding-inline: 16.6666666667%;
 }
}
.co2-calculator__headline {
 font-size: var(--text-headline2-font-size);
 line-height: var(--text-headline2-line-height);
 font-weight: 900;
}
.co2-calculator__description {
 font-size: var(--text-body1-font-size);
 line-height: var(--text-body1-line-height);
 font-weight: 400;
 padding-top: 1rem;
}
.co2-calculator__content {
 display: flex;
 flex-direction: column;
 row-gap: 2rem;
 margin-top: 2rem;
}
.co2-calculator__category {
 min-width: 0;
 padding: 0;
}
.co2-calculator__category legend {
 font-size: var(--text-body2-font-size);
 line-height: var(--text-body2-line-height);
 font-weight: 700;
}
.co2-calculator__form-row {
 margin-top: 0.75rem;
}
@media only screen and (max-width: 52.4375rem) {
 .co2-calculator__form-row {
   display: grid;
   grid-template-areas: "select select" "quantity button";
   grid-template-columns: auto fit-content(52px);
   grid-template-rows: auto auto;
   column-gap: 0.5rem;
   row-gap: 2.0833333333vw;
 }
}
@media print, screen and (min-width: 52.5rem) {
 .co2-calculator__form-row {
   display: grid;
   grid-template-areas: "select quantity button";
   grid-template-rows: auto;
   grid-template-columns: 54.1666666667% 33.3333333333% 12.5%;
 }
}
.co2-calculator__select {
 font-size: var(--text-body2-font-size);
 line-height: var(--text-body2-line-height);
 font-weight: 400;
 grid-area: select;
 display: block;
 padding-right: 3.5rem;
 text-overflow: ellipsis;
 white-space: nowrap;
}
@media only screen and (max-width: 52.4375rem) {
 .co2-calculator__select {
   width: 100%;
 }
}
.co2-calculator__quantity {
 grid-area: quantity;
}
@media print, screen and (min-width: 52.5rem) {
 .co2-calculator__quantity {
   grid-area: quantity;
   place-self: end;
   width: calc(100% - 1rem);
   margin-left: 1rem;
 }
}
.co2-calculator__quantity .input--number {
 font-size: var(--text-body2-font-size);
 line-height: var(--text-body2-line-height);
 font-weight: 400;
 width: 100%;
}
.co2-calculator__unit {
 font-size: var(--text-caption-font-size);
 line-height: var(--text-caption-line-height);
 margin-top: 0.25rem;
}
@media only screen and (max-width: 52.4375rem) {
 .co2-calculator__unit {
   display: block;
 }
}
@media print, screen and (min-width: 52.5rem) {
 .co2-calculator__unit {
   display: none;
 }
}
.co2-calculator__add {
 display: inline-flex;
 padding: 0.75rem;
 grid-area: button;
}
@media only screen and (max-width: 52.4375rem) {
 .co2-calculator__add {
   align-self: start;
 }
}
@media print, screen and (min-width: 52.5rem) {
 .co2-calculator__add {
   place-self: end;
 }
}
@media only screen and (max-width: 52.4375rem) {
 .co2-calculator__form-row:not(:first-child) {
   margin-top: 0.75rem;
 }
}
@media only screen and (max-width: 52.4375rem) {
 .co2-calculator__form-row:not(:last-child) {
   grid-template-areas: "select select" "quantity quantity";
 }
}
@media print, screen and (min-width: 52.5rem) {
 .co2-calculator__form-row:not(:last-child) {
   grid-template-areas: "select quantity quantity";
 }
}
@media print, screen and (min-width: 52.5rem) {
 .co2-calculator__form-row:not(:last-child) .co2-calculator__quantity {
   width: calc(100% - 1rem);
 }
}
.co2-calculator__form-row:not(:last-child) .co2-calculator__add {
 display: none;
}
.co2-calculator__actions {
 display: flex;
 flex-direction: row;
 justify-content: start;
 align-items: center;
 column-gap: 1rem;
}
@media only screen and (max-width: 37.4375rem) {
 .co2-calculator__results {
   margin-top: 2.5rem;
 }
}
@media only screen and (min-width: 37.5rem) and (max-width: 52.4375rem) {
 .co2-calculator__results {
   margin-top: 3.5rem;
 }
}
@media only screen and (min-width: 52.5rem) and (max-width: 74.9375rem) {
 .co2-calculator__results {
   margin-top: 4rem;
 }
}
@media print, screen and (min-width: 75rem) {
 .co2-calculator__results {
   margin-top: 5rem;
 }
}
.co2-calculator__results:focus-visible {
 outline: none;
}
.co2-calculator__results-error {
 font-weight: 700;
 color: #a21b12;
}
.co2-calculator__results-headline {
 font-size: var(--text-headline3-font-size);
 line-height: var(--text-headline3-line-height);
 font-weight: 900;
}
.co2-calculator__results-table {
 font-size: var(--text-body2-font-size);
 line-height: var(--text-body2-line-height);
 font-weight: 400;
 width: 100%;
 margin-top: 1.5rem;
}
@media only screen and (max-width: 52.4375rem) {
 .co2-calculator__results-table th:first-child,
 .co2-calculator__results-table td:first-child {
   width: 45.4545454545%;
   padding-right: 4.5454545455%;
 }
}
@media print, screen and (min-width: 52.5rem) {
 .co2-calculator__results-table th:first-child,
 .co2-calculator__results-table td:first-child {
   width: 50%;
   padding-right: 8.3333333333%;
 }
}
@media only screen and (max-width: 52.4375rem) {
 .co2-calculator__results-table th:nth-child(2),
 .co2-calculator__results-table th:nth-child(3),
 .co2-calculator__results-table th:nth-child(4),
 .co2-calculator__results-table td:nth-child(2),
 .co2-calculator__results-table td:nth-child(3),
 .co2-calculator__results-table td:nth-child(4) {
   width: 18.1818181818%;
   padding-right: 2.2727272727%;
 }
}
@media print, screen and (min-width: 52.5rem) {
 .co2-calculator__results-table th:nth-child(2),
 .co2-calculator__results-table th:nth-child(3),
 .co2-calculator__results-table th:nth-child(4),
 .co2-calculator__results-table td:nth-child(2),
 .co2-calculator__results-table td:nth-child(3),
 .co2-calculator__results-table td:nth-child(4) {
   width: 16.6666666667%;
   padding-right: 3.3333333333%;
 }
}
.co2-calculator__results-table thead th {
 padding-bottom: 1.5rem;
 font-weight: 700;
 text-align: left;
 vertical-align: bottom;
 border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.co2-calculator__results-table .co2-calculator__results-category td {
 position: relative;
 padding-top: 1.5rem;
 font-weight: 700;
 text-align: left;
 vertical-align: bottom;
 border-top: 1px solid rgba(0, 0, 0, 0.16);
}
.co2-calculator__results-table .co2-calculator__results-item td {
 padding-top: 0.25rem;
}
.co2-calculator__results-table .co2-calculator__results-item:has(+ .co2-calculator__results-category) td, .co2-calculator__results-table .co2-calculator__results-item:last-child td {
 padding-bottom: 1.5rem;
 border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.co2-calculator__results-table .co2-calculator__results-sums td {
 padding-top: 1.5rem;
 font-weight: 700;
 text-align: left;
}