/* Responsive Media Queries Cosmoshop Version 11 -bramble*/
body {font-family: 'Roboto', sans-serif !important;}
[class^="font-"], [class*=" font-"] {font-family: 'Roboto', sans-serif;text-transform: none;font-weight: 300;}
.font-2 {font-size: 16px;}
.font-1 {font-size: 18px;}
h1.bg-color-7, h1.bg-color-8 {background: #7F7F7F;}
.btn-color-2 {background: #E4001A;}
.btn-color-2:hover {background: #E4001A;}
#search .searcharea {display: none;}
#searchBar #search .searchsubmit {float: left;width: 30%;}
#searchBar .searchentry {width: 50%;}
#searchBar {width: 40%;margin-top: 17px;}
.btn-color-7 {background: #7F7F7F;}
.btn-color-7:hover {background: #7F7F7F;}
.articlePriceBox .priceHeader  {display: none;}
.articlePreview .priceTextBox {display: none;}
.articlePreview h2 {margin: 0;}

/* ---------------------- Desktops and laptops --------------------------------------------------------*/
@media only screen and (min-width : 1280px) {
  .articlePreview:nth-of-type(3n+3) {margin-right: 1%;float: left;}
  .articlePreview:nth-of-type(4n+4) {margin-right: 0;float: none;}
}

/* ---------------------- iPads (landscape) -----------------------------------------------------------*/
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : landscape) {
  .articlePreview:nth-of-type(3n+3) {margin-right: 1%;float: left;}
  .articlePreview:nth-of-type(4n+4) {margin-right: 0;float: none;}
  .nivo-caption {padding-top: 4% !important;}
}

/* ---------------------- iPads (portrait) ----------------------------------------------------------- */
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : portrait) {
  .mobileSearch .mobileLogo {width: 167px;}
  #searchBar {width: 100%;}
  .addMenu .menu-button {display: none;}
  .nivo-caption {margin: 3px !important;font-size: 17px !important;}
}

/* ---------------------- Smartphones -----------------------------------------------------------------*/
@media only screen and (min-width : 220px) and (max-width : 767px) {
  .mobileSearch .mobileLogo {width: 167px;}
  #searchBar {width: 100%;}
  .addMenu .menu-button {display: none;}
  .addMenuTop .addMenu {display: block;}
  #sprachumschaltung {margin-top: -2px;right: -12px;}
  #sprachumschaltung img {margin-right: 13px;}
}