.teaser-node-stock-offer-teaser {
  margin: 24px 0;
  background-color: #404044;
  border-radius: 8px;
  padding: 24px;
  display: flex;
  grid-gap: 40px;
  align-items: flex-start;
}

.teaser-node-stock-offer-teaser .group-field-content {
  flex: 1;
}

.teaser-node-stock-offer-teaser .group-field-content > *:first-child {
  margin-top: 0;
}

.teaser-node-stock-offer-teaser .group-field-content > *:last-child {
  margin-bottom: 0;
}

.teaser-node-stock-offer-teaser .group-field-commerce {
  flex: 0 0 auto;
  width: 143px;
}

.teaser-node-stock-offer-teaser .group-field-commerce > *:first-child {
  margin-top: 0;
}

.teaser-node-stock-offer-teaser .group-field-commerce > *:last-child {
  margin-bottom: 0;
}

.teaser-node-stock-offer-teaser .field-stock-offer-name {
  font-weight: 900;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  flex: 1;
}

.teaser-node-stock-offer-teaser .field-sku > .value {
  font-weight: 300;
  opacity: 0.9;
}

.teaser-node-stock-offer-teaser .field-stock-offer-relevance > .value {
  font-weight: 300;
  color: orangered;
  opacity: 0.9;
}

.teaser-node-stock-offer-teaser .field-stock-offer-condition {
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  border-radius: 11px;
  height: 22px;
  padding: 0 8px 1px;
  margin-left: 8px;
}

.teaser-node-stock-offer-teaser .field-stock-offer-condition_new {
  background-color: #ebffcc;
  color: #719a42;
}

.teaser-node-stock-offer-teaser .field-stock-offer-condition_busuper {
  background-color: #bedfea;
  color: #4893b6;
}

.teaser-node-stock-offer-teaser .field-stock-offer-condition_kap {
  background-color: #bedfea;
  color: #4893b6;
}

.teaser-node-stock-offer-teaser .field-stock-offer-condition_udv {
  background-color: #d7d3ec;
  color: #8e7dbc;
}

.teaser-node-stock-offer-teaser .field-stock-offer-condition_trr {
  background-color: #cfd4d0;
  color: #7a7f79;
}

.teaser-node-stock-offer-teaser .field-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin: 16px 0;
}

.teaser-node-stock-offer-teaser .field-body-type-name {
  display: contents;
  color: orange;
  font-weight: 700;
}

.teaser-node-stock-offer-teaser .field-body-type-name .value {
  display: contents;
}

.teaser-node-stock-offer-teaser .group-field-title {
  display: flex;
  margin: 16px 0;
}

.teaser-node-stock-offer-teaser .group-field-price {
  margin: 12px 0;
}

.teaser-node-stock-offer-teaser .group-field-price > *:first-child {
  margin-top: 0;
}

.teaser-node-stock-offer-teaser .group-field-price > *:last-child {
  margin-bottom: 0;
}

.teaser-node-stock-offer-teaser .field-price {
  font-weight: 900;
  font-size: 20px;
  line-height: 24px;
  margin: 4px 0;
}

.teaser-node-stock-offer-teaser .field-price .suffix {
  font-family: rouble;
}

.teaser-node-stock-offer-teaser .field-available {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #94bc5e;
  margin: 4px 0;
}

.teaser-node-stock-offer-teaser .field-expected_5_days {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #f7e791;
  margin: 4px 0;
}

.teaser-node-stock-offer-teaser .field-expected_10_days {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #f3d4a5;
  margin: 4px 0;
}

.teaser-node-stock-offer-teaser .group-field-company-and-city {
  margin: 12px 0;
}

.teaser-node-stock-offer-teaser .group-field-company-and-city > *:first-child {
  margin-top: 0;
}

.teaser-node-stock-offer-teaser .group-field-company-and-city > *:last-child {
  margin-bottom: 0;
}

.teaser-node-stock-offer-teaser .field-stock-city-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.75);
  margin: 4px 0;
}

.teaser-node-stock-offer-teaser .field-dt-stock-name {
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
  margin: 4px 0;
}

.teaser-node-stock-offer-teaser .field-dt-stock-name:hover .field-dt-stock-description {
  opacity: 1;
  visibility: visible;
}

.teaser-node-stock-offer-teaser .field-dt-stock-description {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px;
  transform: translate3d(0, calc(-100% - 4px), 0);
  background-color: #2a2a2d;
  border-radius: 8px;
  margin: 0 -48px;
  transition: opacity .3s, visibility .3s;
}

.teaser-node-stock-offer-teaser .field-topicality {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
}
/*# sourceMappingURL=maps/teaser-node--stock-offer--teaser.css.map */