/* Teppiche ================================================================== */

#tf-price-calculator {

  margin-bottom: 10px;
  min-height: 20px;
  padding: 19px;
  background-color: var(--enfold-main-color-bg2);
  border-radius: 3px;
  border: 1px solid var(--enfold-main-color-border);

  .tf-price-vkm2,
  .tf-sizes-title,
  .tf-price-vk {
    font-weight: 600;
  }

  .tf-sizes-title {
    margin: 20px 0 10px 0;
  }

  .tf-price-vk,
  .tf-price-vkm2 {
    font-size: larger;
  }

  .tf-price-vk {
    background: tomato;
    padding: 4px;
    border-radius: 3px;
  }

  .tf-price-uvpm2,
  .tf-price-hint,
  .tf-mySize {
    font-size: smaller;
  }

  .tf-price-result {
    text-align: center;
  }

  .tf-mySize {
    display: inline;
    font-weight: normal;
  }

  #myWidth {
    margin-bottom: 10px;
  }

}


/* Preisrechner */

.tf-input-prepend,
.tf-input-append {
  display: inline-flex;
  align-items: center;
  height: 100%;
  min-height: 40px;
  padding-right: 12px;
  padding-left: 12px;
  background-color: #f9fafb;
  border-color: #d0d5dd;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, .1);
  color: #667085;
}

.tf-input-prepend {
  float: left;
  border-right-width: 0;
  border-radius: 3px 0 0 3px;
}

.tf-input-prepend,
.tf-input-append {
  font-size: 13px;
  line-height: 1.4;
  padding: 4px 8px;
  background: #f5f5f5;
  border: #7e8993 solid 1px;
  min-height: 40px;
}

.tf-input-append {
  float: right;
  border-left-width: 0;
  border-radius: 0 3px 3px 0;
}

.tf-input-wrap {
  display: flex;
  position: relative;
  overflow: hidden;
}

input[type=number],
textarea,
select {
  box-sizing: border-box;
  height: 40px;
  padding-right: 12px;
  padding-left: 12px;
  background-color: #fff;
  border-color: #d0d5dd;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, .1);
  border-radius: 6px;
  color: #344054;
}

/* Media Queries =========================================================== */

/* large screens with 1140px with */
@media only screen and (min-width: 1140px) {}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 989px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}