.priceRow {text-align: left;}
.priceRow .price {font-size: 21px !important;}
.uvpTotalBox {text-align: left;font-size: 14px;margin: 2px 0 10px 0;color: #9d1414;}
.vpeBox {font-size: 13px;}
footer {background: #173251;}
#breadCrumb {padding: 1px 10px;margin: 10px 0 42px 0;background: #173251;}
#breadCrumb li a {font-size: 15px;color: #fff;font-weight: 300;}
#breadCrumb ul li i {display: block;font-size: 9px;margin-top: 5px;color: #fff;}
#searchBar .searchbutton {width: auto !important;float: left;font-size: 16px;padding: 4px 9px;border-radius: 5px;position: relative;top: 1px;}
.blueBox {height: 152px;}
#breadCrumb {padding: 1px 0px;}
.cs-rowArticle {position: relative;}
.cs-rowArticle .cs-badgesBox {position: absolute;right: 11px;top: 10px;color: #fff;}
.bg-color-7, .bg-color-8 {background: #f5f5f5;}
.subCategory {margin: 90px 0 30px 0;}
.errorBox {margin-top: 2em;}
.uvpTotalBox .lineThrough {text-decoration: unset;}

.articlePreview h2 a {font-size: 19px;font-weight: 600;font-family: 'Continentale-Web-CondensedRegular';line-height: 1.1em;}
.articlePreview .kurztext, .articlePreview .artnum, .articlePreview .pdfDate, .articlePreview .pdf {font-size: 16px;}

.articlePreview .kurztext {overflow: unset;}
.articlePreview .kurztext {max-height: none;}

.articlePreview {float: none;position: relative;padding: 5px;border: 1px solid #dcdcdc;background: #f1f1f1;width: calc(100%/4 - 0.6em);margin: 0.3em;}

#lastViewBox {display: flex;flex-wrap: wrap;}
#lastViewBox .kurztext {display: none;}

.cs-rowArticle .cs-artnam a,
.articlePreview h2 a {font-size: 16px;}

.lastViewHeading, 
#lastViewBox {display: none;}

#breadCrumb li a, #breadCrumb ul li i {color: #163251;}
.isCategoryside #breadCrumb li a, .isCategoryside #breadCrumb ul li i {color: #ffffff;}

#rubrik_header .categoryHeaderText {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);margin-bottom: 0;padding-left: 0;}

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

/* ---------------------- Desktops and laptops --------------------------------------------------------*/
@media only screen and (min-width : 1280px) {
  .articlePreview:nth-of-type(3n+3) {margin-right: unset;float: none;}
  .articlePreview:nth-of-type(4n+4) {margin-right: unset;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: right;}*/
  .cosmo-col-tb-la-6.cosmo-columns-tb-la-2, .cosmo-col-tb-la-6-nm.cosmo-columns-tb-la-2 {width: calc(50% - 0.55%);}
}

/* ---------------------- iPads (portrait) ----------------------------------------------------------- */
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : portrait) {
  body {padding: 0 5px;margin-top: 5px;}
  .articlePreview:nth-of-type(3n+3) {margin-right: unset;float: none;}
  .articlePreview:nth-of-type(4n+4) {margin-right: unset;float: none;}
  
  .isStartside .blueBox, .isCategoryside .blueBox {display: none;}
  .topRightBox {float: none;width: 100%;}
  .topRow {margin-bottom: 0;}
  .topArticleHeading, .categoryListHeading, .lastViewHeading {margin-top: 0px !important;text-align: center;}
  #rubrik_header .categoryHeaderBox h1 {color: #163251 !important;}
  .addMenuTop {margin-bottom: 10px;}
  
  #categoriesTop {background: #163251;}
  #categoriesTop > ul > li {float: none;border-left: 0px solid #767676;width: 100%;border-top: 1px solid #808080;}
  #categoriesTop > ul > li > a {color: #fff;}
  #categoriesTop > ul > li:last-of-type {border-right: 0 solid #767676;width: 100%;}
  #categoriesTop > ul ul {width: 100%;}
  #categoriesTop ul ul li a {width: 99.5%;}
  #categoriesTop ul ul ul li a {padding-left: 25px;}
  #categoriesTop ul ul li:hover a {color: #343434;}
  #categoriesTop ul li {width: 100%;border-top: 0 solid #545454;}
  #categoriesTop ul ul .open li:hover {background: #fff;}
  #categoriesTop > ul ul {border: 0px solid #767676;}
  #categoriesTop ul ul li:hover a {background: #fff;}
  .cosmo-col-tb-la-6.cosmo-columns-tb-la-2, .cosmo-col-tb-la-6-nm.cosmo-columns-tb-la-2 {width: calc(50% - 0.55%);}
  
  .persForm {padding: 0 0.5em;}
  .persForm .PersonalizationFormFieldContainer {width: 32%;}
}

/* ---------------------- Smartphones -----------------------------------------------------------------*/
@media only screen and (min-width : 220px) and (max-width : 767px) {
  .isStartside .blueBox, .isCategoryside .blueBox {display: none;}
  .topRightBox {float: none;width: 100%;}
  .topRow {margin-bottom: 0;}
  .topArticleHeading, .categoryListHeading, .lastViewHeading {margin-top: 0px !important;text-align: center;}
  #rubrik_header .categoryHeaderBox h1 {color: #163251 !important;}
  
  #categoriesTop {background: #163251;}
  #categoriesTop > ul > li {float: none;border-left: 0px solid #767676;width: 100%;border-top: 1px solid #808080;}
  #categoriesTop > ul > li > a {color: #fff;}
  #categoriesTop > ul > li:last-of-type {border-right: 0 solid #767676;width: 100%;}
  #categoriesTop > ul ul {width: 100%;}
  #categoriesTop ul ul li a {width: 99.5%;}
  #categoriesTop ul ul ul li a {padding-left: 25px;}
  #categoriesTop ul ul li:hover a {color: #343434;}
  #categoriesTop ul li {width: 100%;border-top: 0 solid #545454;}
  #categoriesTop ul ul .open li:hover {background: #fff;}
  #categoriesTop > ul ul {border: 0px solid #767676;}
  #categoriesTop ul ul li:hover a {background: #fff;}
  
  .persForm {padding: 0 0.5em;}
  .persForm .PersonalizationFormFieldContainer {width: 49%;}
  
}


/* row / grid */
input.articleAmmount {display: none;text-align: center;}
[data-layout="row"] .articlePreview {width: 100%;}
[data-layout="grid"] .articlePreview {width: 24%;}
[data-layout="row"].start .articlePreview h2 {margin-top: 1em;}
[data-layout="row"].start .articlePreview .buttonsBox .button {margin-bottom: 0;}
[data-layout="row"] .articlePreview {float: none !important;margin: 3px 0 !important;}
[data-layout="row"] .articlePreview > div {height: auto !important;display: inline-block;padding:0;margin: 0;max-height: none;overflow: unset;position: relative;}
[data-layout="row"] .articlePreview h2 {margin-top: 0;margin-left: -0.15em;}
[data-layout="row"] .articlePreview .btnMl {margin-left: 0;}
[data-layout="row"] .articlePreview .buttonsBox .action {position: absolute;margin-top: -0.55em;margin-left: 0.4em;}
[data-layout="row"] .articlePreview .buttonsBox .button {margin-bottom: 0;}
[data-layout="row"] .articlePreview input.articleAmmount {max-width: 40px;padding: 4px;float: left;display: inline-block;}
[data-layout="row"] .articlePreview .priceBox {position: relative;}
[data-layout="row"] .articlePreview .priceBox .price {font-weight: 600;}
[data-layout="row"] .articlePreview .priceRow {margin-bottom: 0;position: absolute;margin-top: -0.2em;text-align: right;padding-right: 2em;}

.articlePreview .text.textForRow {display: none;}
[data-layout="row"] .articlePreview .text.textForRow {max-width: 45%;display: inline-block;}
[data-layout="row"] .articlePreview .buttonsBox .action {position: relative;margin: 8px 0 0 0;}

[data-layout="row"] .articlePreview .artnum .artnumInner {position: absolute;}
[data-layout="row"] .articlePreview .kurztext {display: none;}
[data-layout="row"] .articlePreview .priceBox {width: 15%;}
[data-layout="row"] .articlePreview .descriptionBox {width: 30%;}
[data-layout="row"] .articlePreview .articleInfoBox {width: 10%;}
[data-layout="row"] .articlePreview .kurztext {width: 26%;}
[data-layout="row"] .articlePreview .artnum {width: 21%;}
[data-layout="row"] .articlePreview .buttonsBox {width: 18%;}


@media (max-width: 960.98px) {
  .cs-rowArticle {display: none;}
  .articlePreview {display: block !important;width: calc(100%/3 - 0.6em);}
}
@media (max-width: 660.98px) {
  .articlePreview {display: block !important;width: calc(100%/2 - 0.6em);}
}