@charset "UTF-8";
/* Mobene Preisrechner */
/* Preisrechner: Filter-Optionen */
div#c-price-calculator-filter {
  display: block;
}
div#c-price-calculator-filter form {
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
  margin-top: 0;
  overflow: visible;
}
div#c-price-calculator-filter form > div.row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  gap: 5px 10px !important;
}
div#c-price-calculator-filter form > div.row > div.filter-col-1, div#c-price-calculator-filter form > div.row > div.filter-col-2 {
  gap: 5px 10px !important;
}
div#c-price-calculator-filter form > div.row > div.filter-col-1, div#c-price-calculator-filter form > div.row > div.filter-col-2 {
  display: grid;
  grid-column: unset !important;
  max-width: unset !important;
}
div#c-price-calculator-filter form > div.row > div.filter-col-1 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
  order: 0;
}
div#c-price-calculator-filter form > div.row > div.filter-col-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
}
div#c-price-calculator-filter form > div.row div.widget {
  margin: 0 !important;
  border: none;
  display: flex;
  flex-direction: column;
  height: 5rem;
}
div#c-price-calculator-filter form > div.row div.widget.widget--has-info {
  position: relative;
  height: 7rem;
}
div#c-price-calculator-filter form > div.row div.widget.widget--has-info div.info-overlay {
  position: absolute;
  max-width: 100%;
}
div#c-price-calculator-filter form > div.row div.widget > label {
  padding-inline: 0;
}
div#c-price-calculator-filter form > div.row div.widget.widget-select {
  grid-column: unset !important;
}
div#c-price-calculator-filter form > div.row div.widget.widget-select select {
  width: 100%;
  background: none !important;
  -webkit-appearance: auto;
  padding: calc(var(--base-spacing-unit) / 2) var(--base-spacing-unit) !important;
  border-radius: var(--button-border-radius) !important;
  border: var(--input-border-width) solid var(--input-border-color);
  flex: 1;
}
div#c-price-calculator-filter form > div.row div.widget.widget-text input {
  padding: calc(var(--base-spacing-unit) / 2) var(--base-spacing-unit) !important;
  border-radius: var(--button-border-radius) !important;
  border: var(--input-border-width) solid var(--input-border-color);
  flex: 1;
}
div.ce_price_calculator > .order_form div.widget input, div.ce_price_calculator > .order_form div.widget select {
  padding: calc(var(--base-spacing-unit) / 2) var(--base-spacing-unit) !important;
  border-radius: var(--button-border-radius) !important;
  border: var(--input-border-width) solid var(--input-border-color);
  flex: 1;
}

.ce_calculator_form input {
  padding: calc(var(--base-spacing-unit) / 2) var(--base-spacing-unit) !important;
  border-radius: var(--button-border-radius) !important;
  border: var(--input-border-width) solid var(--input-border-color);
  flex: 1;
}

div#c-price-calculator-filter form > div.row div.widget.widget-text input:focus, div#c-price-calculator-filter form > div.row div.widget.widget-select select:focus {
  color: var(--color-brand2);
}
div.ce_price_calculator > .order_form div.widget input:focus, div.ce_price_calculator > .order_form div.widget select:focus {
  color: var(--color-brand2);
}
div.ce_price_calculator:has(div#c-price-calculator-filter) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--grid__gutter);
  margin-top: var(--grid__gutter);
}

@media (max-width: 992px) {
  div#c-price-calculator-filter form > div.row {
    grid-template-columns: 1fr;
  }
  div#c-price-calculator-filter form > div.row > div.filter-col-1, div#c-price-calculator-filter form > div.row > div.filter-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 576px) {
  div#c-price-calculator-filter form > div.row > div.filter-col-1, div#c-price-calculator-filter form > div.row > div.filter-col-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 1000px) {
  div.ce_price_calculator:has(div#c-price-calculator-filter) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
/* Preisrechner: Produktspalten */
form#c-price-calculator-products {
  display: flex;
  flex-direction: column;
  gap: var(--base-spacing-unit);
}
form#c-price-calculator-products div.boxed.product {
  border-radius: var(--input-border-radius);
  border: var(--input-border-width) solid var(--input-border-color);
  padding: var(--base-spacing-unit--sm) !important;
  border-left: 8px solid;
}
form#c-price-calculator-products div.boxed.product a.normal_link {
  color: var(--color-links);
  background-color: unset;
}
form#c-price-calculator-products div.boxed.product.oil_normal {
  border-left-color: var(--color-brand) !important;
}
form#c-price-calculator-products div.boxed.product.oil_premium {
  border-left-color: var(--color-brand2) !important;
}
form#c-price-calculator-products div.boxed.product.pro_klima {
  border-left-color: #7daf3c !important;
}
form#c-price-calculator-products div.boxed.product .col.small > div:nth-child(2) {
  font-size: var(--base-font-size--xl);
  font-weight: bold;
}
form#c-price-calculator-products div.boxed.product .order_btn {
  border-radius: var(--input-border-radius) !important;
  border: var(--input-border-width) solid var(--color-brand2) !important;
  padding: 10px !important;
  line-height: normal;
  height: auto;
  max-width: 50%;
  min-width: 15rem;
  font-size: 16px;
}
form#c-price-calculator-products div.boxed.product .order_btn:disabled {
  opacity: 0.75;
}
form#c-price-calculator-products div.boxed.product input.order_btn.order_btn_product {
  position: static;
}
form#c-price-calculator-products div.boxed.product.oil_normal .order_btn:not(.yesCo):not(.noCo) {
  border-color: var(--color-brand) !important;
  background-color: var(--color-brand) !important;
}
form#c-price-calculator-products div.boxed.product.oil_premium .order_btn:not(.yesCo):not(.noCo):not(.order_btn_tertiary) {
  border-color: var(--color-brand2) !important;
}
form#c-price-calculator-products div.boxed.product.pro_klima .order_btn {
  border-color: #7daf3c !important;
}
form#c-price-calculator-products div.boxed.product > div.row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
form#c-price-calculator-products div.boxed.product div.copopup .order_btn {
  max-width: calc(50% - 15px) !important;
}
form#c-price-calculator-products div.boxed.product div.copopup .order_btn.noCo {
  border-color: #efefef !important;
  border-color: #efefef !important;
}
form#c-price-calculator-products div.boxed.product div.copopup .order_btn.yesCo:hover {
  background-color: var(--color-brand) !important;
  border-color: var(--color-brand) !important;
  color: #000 !important;
}

/* Preisrechner: ProKlima-Popup */
/* Preisrechner: Bestellseite / Bestellübersicht */
div.ce_price_calculator h1 {
  display: none;
}
div.ce_price_calculator > .order_form {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: 20px;
  margin: 0;
}
div.ce_price_calculator > .order_form h4 {
  padding-left: 0 !important;
}
div.ce_price_calculator > .order_form input.error {
  border-color: var(--color-error) !important;
}
div.ce_price_calculator > .order_form.order_form_overview, div.ce_price_calculator > .order_form .order_overview {
  padding: 0 !important;
}
div.ce_price_calculator > .order_form.order_form_overview div.product-images {
  margin-block: 20px;
}
div.ce_price_calculator > .order_form div.product-images img {
  margin: 0 !important;
}
div.ce_price_calculator > .order_form div.row {
  grid-column: unset !important;
  grid-template-columns: unset !important;
  grid-column-gap: unset !important;
  grid-auto-columns: unset !important;
  margin: 0 !important;
}
div.ce_price_calculator > .order_form:not(.order_form_overview) div.row > div.col-12, div.ce_price_calculator > .order_form:not(.order_form_overview).row > div.col-12 {
  grid-column: unset !important;
  grid-template-columns: unset !important;
  grid-column-gap: unset !important;
  grid-auto-columns: unset !important;
  margin: 0 !important;
}
div.ce_price_calculator > .order_form.order_form_overview > div.col-12 {
  grid-column: unset !important;
  grid-template-columns: unset !important;
  grid-column-gap: unset !important;
  grid-auto-columns: unset !important;
  margin: 0 !important;
}
div.ce_price_calculator > .order_form div.widget {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
}
div.ce_price_calculator > .order_form .lieferstelle > div.row, div.ce_price_calculator > .order_form .bill_address > div.row {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 0;
  gap: 10px !important;
}
div.ce_price_calculator > .order_form .col-12.col-lg-4.row {
  margin: 0 !important;
}
div.ce_price_calculator > .order_form div.boxed {
  border-radius: var(--input-border-radius) !important;
  border: var(--input-border-width) solid var(--input-border-color) !important;
  padding: 10px !important;
  margin-bottom: 10px !important;
}
div.ce_price_calculator > .order_form div.boxed.text-right {
  padding-bottom: 200px !important;
}
div.ce_price_calculator > .order_form div.boxed.formular {
  padding-bottom: 75px !important;
}

@media (max-width: 1100px) {
  div.ce_price_calculator > .order_form {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 768px) {
  div.ce_price_calculator > .order_form .lieferstelle > div.row, div.ce_price_calculator > .order_form .bill_address > div.row {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
body div.ce_price_calculator > .order_form .toggle_different_bill {
  font-size: inherit !important;
  border-radius: 0 !important;
  padding: calc(var(--base-spacing-unit) / 2) var(--base-spacing-unit) !important;
  border: var(--input-border-width) solid var(--input-border-color);
}

/* Preisrechner: Global */
div.ce_price_calculator div.copopup input.order_btn, div.ce_price_calculator > .order_form div.boxed.formular div.widget.widget-submit input {
  border-radius: var(--input-border-radius) !important;
  border: var(--input-border-width) solid var(--color-brand2) !important;
  margin: 10px;
  padding: 10px !important;
  line-height: normal;
  height: auto;
  width: calc(100% - 16px);
  max-width: 100%;
  font-size: 16px;
}

.ce_calculator_form button#mtmCalc {
  border-radius: var(--input-border-radius) !important;
  border: var(--input-border-width) solid var(--color-brand2) !important;
  margin: 10px;
  padding: 10px !important;
  line-height: normal;
  height: auto;
  width: calc(100% - 16px);
  max-width: 100%;
  font-size: 16px;
}

form#c-price-calculator-products .boxed .order_btn_secondary, form#c-price-calculator-products div.copopup .order_btn.yesCo {
  background-color: var(--color-brand2) !important;
  border-color: var(--color-brand2) !important;
}

body div.ce_price_calculator > .order_form .toggle_different_bill, body div.ce_price_calculator > .order_form div.widget.widget-submit > input:not(.btn-back) {
  background-color: var(--color-brand2) !important;
  border-color: var(--color-brand2) !important;
}

.ce_calculator_form button#mtmCalc {
  background-color: var(--color-brand2) !important;
  border-color: var(--color-brand2) !important;
}

body div.ce_price_calculator > .order_form div.widget.widget-submit > input.btn-back {
  background-color: var(--color-brand) !important;
  border-color: var(--color-brand) !important;
}

form#c-price-calculator-products .boxed ul > li::before {
  background: url(/files/content/icons/checkmark-green.svg) !important;
  background-size: contain !important;
  vertical-align: middle !important;
  content: "";
  margin-right: 0.5em;
}

div.ce_price_calculator > .order_form ul > li::before {
  background: url(/files/content/icons/checkmark-green.svg) !important;
  background-size: contain !important;
  vertical-align: middle !important;
  content: "";
  margin-right: 0.5em;
}
div.ce_price_calculator > .order_form div#globalError ul li:before {
  background: #e63535 !important;
  height: 20px;
  width: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

form#c-price-calculator-products ul li, div.ce_price_calculator > .order_form ul li {
  padding: 0;
}

form#c-price-calculator-products .boxed div.amount, form#c-price-calculator-products div.price, form#c-price-calculator-products .copopup.proklima_layer .pricestr {
  color: var(--color-brand2) !important;
}

.ce_price_calculator .boxed div.price, .ce_price_calculator .boxed div.amount {
  color: var(--color-brand2) !important;
}

/* Home page adjustments */
#c-price-calculator-filter p.error {
  color: var(--color-error);
  margin: 10px;
  font-size: var(--base-font-size);
}

.heizoelpreisrechner-formular p.error {
  color: var(--color-error);
  margin: 10px;
  font-size: var(--base-font-size);
  height: 2rem;
}

.wrapper-simple__inner:has(.heizoelpreisrechner-formular) {
  display: flex;
  flex-direction: column;
}
.wrapper-simple__inner .heizoelpreisrechner-formular {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.wrapper-simple__inner .heizoelpreisrechner-formular .ce_form.block {
  height: 100%;
}
.wrapper-simple__inner .heizoelpreisrechner-formular .ce_form.block form {
  height: 100%;
}
.wrapper-simple__inner .heizoelpreisrechner-formular .ce_form.block form div.formbody {
  height: 100%;
}

.ce_calculator_form {
  font-size: var(--base-font-size);
  box-shadow: none !important;
  margin-top: var(--base-spacing-unit);
  margin-bottom: var(--base-spacing-unit--sm);
}
.ce_calculator_form button#mtmCalc {
  width: auto;
  min-width: 12rem;
  padding-inline: var(--base-spacing-unit--lg) !important;
  margin: 0;
}
.ce_calculator_form button#mtmCalc:hover {
  background-color: var(--color-brand) !important;
  border-color: var(--color-brand) !important;
  color: #000 !important;
}
.ce_calculator_form div.widget-text-container {
  display: grid;
  grid-template-columns: 8rem 1fr;
  align-items: center;
}
.ce_calculator_form div.widget-text-container:not(:last-of-type) {
  margin-bottom: var(--base-spacing-unit);
}
.ce_calculator_form div.widget-text-container .widget.widget-text {
  height: 2.5rem;
  line-height: 2.5rem;
  margin: 0;
}

@media (max-width: 768px) {
  .ce_calculator_form div.widget-text-container {
    grid-template-columns: unset;
    grid-template-rows: auto auto;
  }
}
#mobene-logo-teaser {
  font-size: var(--base-font-size);
}

#mobene-logo {
  padding-inline: 2rem;
  display: block;
  max-width: 20rem;
  margin: auto;
}

.order_form.order_form_overview #mobene-logo {
  margin: 0;
  padding: 0;
  max-width: 12rem;
}/*# sourceMappingURL=PriceCalculator_tg.css.map */