/*General*/
.dash {padding: 7px 17px;}
.digit .top {font-size: 22px;}
.liveshoppingDetailBox .dash_title {margin-top: 0;width: 100%;}
.countdown_dashboard {margin-top: 10px;}
.countdown_dashboard > div {overflow: hidden;}
.isStartside .liveshoppingDigits {width: 30%;}
.isStartside .liveshoppingDescription {width: 48%;}

/* Responsive Media Queries Cosmoshop Version 11 -bramble*/

/* ---------------------- Desktops and laptops --------------------------------------------------------*/
@media only screen and (min-width : 1280px) {
    /* your css code goes here */
}

/* ---------------------- iPads (landscape) -----------------------------------------------------------*/
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : landscape) {
  #searchBar {width: 54%;}
}

/* ---------------------- iPads (portrait) ----------------------------------------------------------- */
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : portrait) {
  #searchBar {float: none;margin-bottom: 10px;border-radius: 0;margin-top: 0;margin-bottom: 0;}
  #searchBar {
    background: rgba(0,94,170,1);
    background: -moz-linear-gradient(top, rgba(0,94,170,1) 0%, rgba(51,126,187,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,94,170,1)), color-stop(100%, rgba(51,126,187,1)));
    background: -webkit-linear-gradient(top, rgba(0,94,170,1) 0%, rgba(51,126,187,1) 100%);
    background: -o-linear-gradient(top, rgba(0,94,170,1) 0%, rgba(51,126,187,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,94,170,1) 0%, rgba(51,126,187,1) 100%);
    background: linear-gradient(to bottom, rgba(0,94,170,1) 0%, rgba(51,126,187,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005eaa', endColorstr='#337ebb', GradientType=0 );
  }
  #header {background: #fff;}
  #sprachumschaltung {top: 4px;z-index: 200000;right: 4px;}
  .layout {padding: 0 10px;margin-top: 0;}
}

/* ---------------------- Smartphones -----------------------------------------------------------------*/
@media only screen and (min-width : 220px) and (max-width : 767px) {
  #searchBar {float: none;margin-bottom: 10px;border-radius: 0;margin-top: 0;margin-bottom: 0;}
  #searchBar {
    background: rgba(0,94,170,1);
    background: -moz-linear-gradient(top, rgba(0,94,170,1) 0%, rgba(51,126,187,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,94,170,1)), color-stop(100%, rgba(51,126,187,1)));
    background: -webkit-linear-gradient(top, rgba(0,94,170,1) 0%, rgba(51,126,187,1) 100%);
    background: -o-linear-gradient(top, rgba(0,94,170,1) 0%, rgba(51,126,187,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,94,170,1) 0%, rgba(51,126,187,1) 100%);
    background: linear-gradient(to bottom, rgba(0,94,170,1) 0%, rgba(51,126,187,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005eaa', endColorstr='#337ebb', GradientType=0 );
  }
  #header {background: #fff;}
  #sprachumschaltung {top: 4px;z-index: 200000;right: 4px;margin-top: 65px;}
  .layout {padding: 0 10px;margin-top: 0;}
}