html body .cs-articlePreview.cs-previewBox {display: none;}
html body .cs-articlePreview.cs-previewRow {width: 100%;display: flex;flex-wrap: wrap;border-bottom: 1px solid #dadadd;padding-bottom: 1em;gap: 1em;}
html body .cs-articlePreview.cs-previewRow .pictureContainer  {width: 13%;}
html body .cs-articlePreview.cs-previewRow .cs-hoverlay {display: none !important;}
html body .cs-articlePreview.cs-previewRow .priceBox {margin-left: auto;}
html body .cs-articlePreview.cs-previewRow .cs-buttons .cs-button1,
html body .cs-articlePreview.cs-previewRow .cs-buttons .cs-button2 {width: 100%;text-align: center;}
html body footer .cs-footerBox {width: 33%;}

@media (max-width: 1300.98px) {
  html body .cs-articlePreview.cs-previewRow .cs-buttons {width: 25%;}
  html body .cs-articlePreview.cs-previewRow .artnamBox {width: 30%;}
}
@media (max-width: 1200.98px) { 
  html body .cs-categoriesBox {display: block;}
}
@media (max-width: 900.98px) { 
  html body footer .cs-footerBox {width: 50%;}
}
@media (max-width: 805.98px) { 
  html body .cs-articlePreview.cs-previewRow {display: none;}
  html body .cs-articlePreview.cs-previewBox {display: block;}
  html body article.cs-articlePreview {width: calc(100% /2 - 1em);margin: 0.5em;}
}
@media (max-width: 600.98px) { 
  html body footer .cs-footerBox {width: 100%;}
  
  html body.cs-loginpagebody .cs-login {padding: 32px 20px;border-radius: 0;}
  html body.cs-loginpagebody .loginBoxHeader {font-size: 24px;}
  html body.cs-loginpagebody .cs-formRow.cs-flex {flex-direction: column;}
  html body.cs-loginpagebody .cs-formRow.cs-flex .cs-formRow-column {min-width: 100%;}
  html body.cs-loginpagebody .cs-submitBox {flex-direction: column;}
  html body.cs-loginpagebody .cs-button3 {width: 100%;}
}
@media (max-width: 430.98px) { 
  html body .cs-crossSellingBar .item .artnamBox h3 {line-height: 22px;}
}