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
*/
#bieten_countdown {
  text-align: center;
  position: relative; }

#bieten_countdown .row-holder {
  width: 100%;
  display: block; }

#bieten_countdown .row-holder .holder {
  width: 25%;
  display: inline-block; }

#bieten_countdown .row-holder .holder.red {
  color: #ffffff !important; }

#bieten_countdown .row-holder::after {
  clear: both; }

#bieten_countdown .row-holder .holder .small {
  font-size: 12px; }

.countdown-box {
  background-color: #e2001a;
  height: 285px;
  padding: 10px;
  margin-left: -15px;
  margin-right: -15px;
  text-align: center;
  color: #ffffff;
  position: relative; }
  @media screen and (min-width: 768px) {
    .countdown-box {
      background-image: url("/img/krone/countdown_small_1140x370.jpg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-left: 0;
      margin-right: 0;
      height: 227px; } }
  @media screen and (min-width: 992px) {
    .countdown-box {
      height: 298px; } }
  @media screen and (min-width: 1200px) {
    .countdown-box {
      height: 363px; } }
  .countdown-box .white-border {
    width: 100%;
    position: relative;
    border: 2px solid #ffffff;
    height: 265px; }
    @media screen and (min-width: 768px) {
      .countdown-box .white-border {
        height: 207px; } }
    @media screen and (min-width: 992px) {
      .countdown-box .white-border {
        height: 278px; } }
    @media screen and (min-width: 1200px) {
      .countdown-box .white-border {
        height: 343px; } }
  .countdown-box h1 {
    font-size: 31px;
    font-weight: 700;
    margin-top: 10px; }
    @media screen and (min-width: 992px) {
      .countdown-box h1 {
        font-size: 60px; } }
  .countdown-box p {
    font-size: 24px;
    font-weight: 100;
    padding-top: 15px; }
    @media screen and (min-width: 992px) {
      .countdown-box p {
        padding-top: 0;
        font-size: 40px; } }

.bieten_countdown {
  font-size: 20px;
  padding-top: 15px; }

.bieten_countdown .label {
  color: #fff;
  font-size: 8px;
  font-weight: 100;
  text-transform: uppercase;
  top: -18px; }

.bieten_countdown .time {
  height: 52px;
  width: 42px; }

.bieten_countdown .count {
  font-size: 1.5em;
  line-height: 50px; }

@media screen and (min-width: 992px) {
  .bieten_countdown {
    font-size: 30px;
    width: 400px;
    font-weight: 700;
    padding-top: 25px; }

  .bieten_countdown .time {
    height: 78px;
    width: 72px; }

  .bieten_countdown .count {
    line-height: 75px; }

  .bieten_countdown .label {
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    text-transform: uppercase;
    top: -27px; } }
@media screen and (min-width: 1200px) {
  .bieten_countdown {
    font-size: 40px;
    width: 480px;
    font-weight: 700;
    padding-top: 45px; }

  .bieten_countdown .time {
    height: 104px;
    width: 84px; }

  .bieten_countdown .count {
    line-height: 100px; }

  .bieten_countdown .label {
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    text-transform: uppercase;
    top: -27px; } }

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