/* 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) {
  .scrollup {padding: 11px 38px;border-radius: 30px 0 0;right: 0px;border-left: 6px solid #fff;font-weight: 600;font-size: 14px;border-top: 6px solid #fff;bottom: 0px;}
}

/* ---------------------- iPads (portrait) ----------------------------------------------------------- */
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : portrait) {
  #infoblock {padding-bottom: 100px;}
  .articleRightBox {margin-right: 0;margin-top: 10px;}
  #hbildcontainer img {max-height: 237px;}
  .additionalPics {margin: 9px 4px -5px 10px;flex: 0 0 29%;}
  .addMenuTop {display: none;}
  .articleRightBox {margin: -1px 10px 10px 10px;float: right}
  #hbildcontainer img {max-width: 95%;}
  .articleLeftBox {margin-right: 0%;}
  .listpager .articlesort, .listpager .articlecount {line-height: 32px;width: 100%;text-align: left;}
  .listpager .articlesort select, .listpager .articlecount select {width: auto;margin-left: 10px;}
  .addMenu li:hover > ul {left: 0;top: 30px; z-index: 20000;}
  #checkoutMenu {display: none;}
  .bestellvorgang #infoblock {padding-bottom: 10px;}
}

/* ---------------------- Smartphones -----------------------------------------------------------------*/
@media only screen and (min-width : 220px) and (max-width : 767px) {
  #infoblock {padding-bottom: 60px;}
  .articleRightBox {margin-right: 0;margin-top: 10px;}
  #hbildcontainer img {max-height: 237px;}
  .additionalPics {margin: 9px 4px -5px 10px;flex: 0 0 29%;}
  .addMenuTop {display: none;}
  .articleRightBox {margin: -1px 10px 10px 10px;float: none;width: 95.1% !important;}
  #hbildcontainer img {max-width: 95%;}
  .listpager .articlesort, .listpager .articlecount {line-height: 32px;width: 100%;text-align: left;}
  .listpager .articlesort select, .listpager .articlecount select {width: auto;margin-left: 10px;}
  .addMenu li:hover > ul {left: 0;top: 30px; z-index: 20000;}
  #checkoutMenu {display: none;}
  .bestellvorgang #infoblock {padding-bottom: 10px;}
}