h1 {
  font-size: 22px;
  font-family: "EbonyVN-CondensedExtrabold", Helvetica, sans-serif; }
  @media screen and (min-width: 768px) {
    h1 {
      font-size: 23px; } }
  @media screen and (min-width: 992px) {
    h1 {
      font-size: 24px; } }
  @media screen and (min-width: 1200px) {
    h1 {
      font-size: 26px; } }

h2 {
  font-size: 20px;
  font-family: "EbonyVN-CondensedExtrabold", Helvetica, sans-serif; }
  @media screen and (min-width: 768px) {
    h2 {
      font-size: 21px; } }
  @media screen and (min-width: 992px) {
    h2 {
      font-size: 22px; } }
  @media screen and (min-width: 1200px) {
    h2 {
      font-size: 24px; } }

h3 {
  font-size: 18px;
  font-family: "EbonyVN-CondensedExtrabold", Helvetica, sans-serif; }
  @media screen and (min-width: 768px) {
    h3 {
      font-size: 19px; } }
  @media screen and (min-width: 992px) {
    h3 {
      font-size: 20px; } }
  @media screen and (min-width: 1200px) {
    h3 {
      font-size: 22px; } }

h4 {
  font-size: 16px;
  font-family: "EbonyVN-CondensedExtrabold", Helvetica, sans-serif; }
  @media screen and (min-width: 768px) {
    h4 {
      font-size: 17px; } }
  @media screen and (min-width: 992px) {
    h4 {
      font-size: 18px; } }
  @media screen and (min-width: 1200px) {
    h4 {
      font-size: 20px; } }

h5 {
  font-size: 15px;
  font-family: "EbonyVN-CondensedExtrabold", Helvetica, sans-serif; }
  @media screen and (min-width: 768px) {
    h5 {
      font-size: 16px; } }
  @media screen and (min-width: 992px) {
    h5 {
      font-size: 17px; } }
  @media screen and (min-width: 1200px) {
    h5 {
      font-size: 19px; } }

h6 {
  font-size: 12px;
  font-family: "EbonyVN-CondensedExtrabold", Helvetica, sans-serif; }
  @media screen and (min-width: 768px) {
    h6 {
      font-size: 13px; } }
  @media screen and (min-width: 992px) {
    h6 {
      font-size: 14px; } }
  @media screen and (min-width: 1200px) {
    h6 {
      font-size: 16px; } }

/*
$btn_primary_background_color: red;
$btn_primary_border_color: darken($btn_primary_background_color, 12%);
$btn_primary_background_color_hover: darken($btn_primary_background_color, 20%);
*/
/* wird gebraucht um sachen sich drehen zu lassen. siehe im bieten den stern */
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
/*
scss variablen von bootstrap
http://getbootstrap.com/customize/#less-variables
*/
.lot_startseite {
  border: 1px #cccccc solid; }

.lot_panel_1 {
  position: relative;
  margin-bottom: 30px; }

.lot_panel_1 .responsive-container {
  position: relative;
  width: 100%;
  border: 1px solid #d2d3d4;
  height: 194px;
  background-color: #ffffff; }

.lot_panel_1 .dummy {
  padding-top: 100%;
  /* forces 1:1 aspect ratio */ }

.lot_panel_1 .img-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  /* Align center inline elements */
  font: 0/0 a; }

.lot_panel_1 .img-container:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

.lot_panel_1 .img-container img {
  vertical-align: middle;
  display: inline-block;
  max-width: 100%;
  max-height: 100%; }

.lot_panel_1 img.banner {
  position: absolute;
  z-index: 5;
  width: 110px;
  top: 0;
  left: 0; }

.lot_panel_1 .anzahl {
  background: #005380 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0px 4px 4px 0;
  color: #fff;
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  z-index: 3;
  position: absolute;
  left: -11px;
  top: 45px; }

.lot_panel_1 .anzahl .anzahl-inner {
  padding: 5px 15px;
  position: relative; }

.lot_panel_1 .anzahl .anzahl-inner .anzahl-value {
  font-size: 24px;
  padding: 0; }

.lot_panel_1 .anzahl::after {
  border-color: #005380 #005380 transparent transparent;
  border-style: solid;
  border-width: 3px 5px;
  content: " ";
  height: 0;
  position: absolute;
  left: 0;
  top: 100%;
  width: 0; }

.lot_panel_1 .preis {
  background: #d2d3d4 none repeat scroll 0 0;
  border: medium none;
  border-radius: 4px 0 0 4px;
  color: #fff;
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  z-index: 2;
  position: absolute;
  right: -11px;
  top: 45px;
  min-width: 120px; }

.lot_panel_1 .preis .preis-inner {
  padding: 5px 15px;
  position: relative; }

.lot_panel_1 .preis .preis-inner .x {
  z-index: 2; }

.lot_panel_1 .preis .preis-inner .label-preis {
  font-size: 12px;
  padding: 0; }

.lot_panel_1 .preis .preis-inner .value {
  font-size: 24px;
  padding: 0; }

.lot_panel_1 .preis::after {
  border-color: #d2d3d4 transparent transparent #d2d3d4;
  border-style: solid;
  border-width: 3px 5px;
  content: " ";
  height: 0;
  position: absolute;
  right: 0;
  top: 100%;
  width: 0; }

.lot_panel_1 .timeinfo {
  position: absolute;
  top: 0;
  width: 100%;
  color: #ffffff;
  padding: 5px 10px;
  font-size: 14px;
  background-color: #d2d3d4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.5s ease-out;
  display: none; }

.lot_panel_1 .kurztext {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #ffffff;
  padding: 10px;
  font-size: 14px;
  z-index: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.5s ease-out; }

.lot_panel_1 .kurztext:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d2d3d4;
  content: "";
  z-index: -1;
  opacity: 0.7;
  transition: all 0.5s ease-out; }

.lot_panel_1 .preis-schaetzwert {
  background-color: #b10034;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 14px;
  overflow: hidden;
  padding: 0 6px 2px;
  position: absolute;
  text-decoration: line-through;
  position: absolute;
  top: 80px;
  right: 10px;
  width: 90px;
  text-align: center;
  color: #ffffff;
  transition: all 0.6s ease-out; }

.lot_panel_1:hover .responsive-container .kurztext {
  white-space: normal; }

.lot_panel_1:hover .responsive-container .kurztext::after {
  opacity: 1; }

.lot_panel_1:hover .responsive-container .preis-schaetzwert {
  top: 106px; }

.lot_panel_1:hover .responsive-container .timeinfo {
  display: block; }

@media screen and (min-width: 768px) {
  .lot_panel_1 .responsive-container {
    height: 230px; } }
@media screen and (min-width: 992px) {
  .lot_panel_1 .responsive-container {
    height: 196px;
    /* 196 */ } }
@media screen and (min-width: 1200px) {
  /*
    .lot_panel_1 .responsive-container{
        height: 176px;
    }
    .lot_panel_1 .preis{
        top: 35px;
    }
    .lot_panel_1 .responsive-container .preis-schaetzwert {
        top: 70px;
    }
    .lot_panel_1:hover .responsive-container .preis-schaetzwert {
        top: 96px;
    }
    .lot_panel_1:hover .responsive-container .kurztext {
        padding-top: 5px;
        padding-bottom: 5px;
    }
  */ }

/*# sourceMappingURL=lot_panel_1.css.map */