@media (max-width: 1608.98px) {
  html body .cs-categoriesBox .cs-categoriesTop {display: none;}
  html body .cs-categoriesBox .cs-overlayButton {display: inline-block;margin: 1em 0;}
}

@media (max-width: 1290.98px) {
  html body .cs-searchForm form {grid-template-columns: repeat(4, 1fr);}
  html body .cs-searchForm {margin: 2em auto;height: auto;}
  html body.cs-search .cs-formBox {height: 530px;}
  html body .cs-main {padding: 0 1em;}
  html body.cs-start .cs-searchForm {height: 502px;}
}
@media (max-width: 1235.98px) {
  html body footer .cs-footerRow.copyright .cs-footerInner .cs-footerBottom .cs-copyrightBox > a {margin-right: unset;left: auto;position: relative;}
  html body footer .cs-footerRow.copyright .cs-footerInner .cs-footerBottom .cs-copyrightBox .preise {margin-right: unset;}
  html body footer .cs-footerRow.copyright .cs-footerInner .cs-footerBottom .cs-copyrightBox {gap: 1em;}
}
@media (max-width: 1100.98px) {
  html body footer .cs-footerBox {width: 50%;padding-right: 3em;margin-bottom: 1em;}
  html body footer .cs-footerBox:last-of-type {padding-left: 0;}
}
@media (max-width: 970.98px) {
  html body .cs-quickOrderBox {gap: 1em;}
  html body .cs-quickOrderBox .cs-quickHeader {font-size: 24px;font-weight: 600;border-right: 0px solid #b1b1b1;padding-right: 0;}
}
@media (max-width: 870.98px) {
  html body .cs-quickOrderBox {gap: 1em;}
}
@media (max-width: 830.98px) {
  html body .cs-searchForm form > div:nth-child(9) {grid-column: span 2;}
  html body .cs-searchForm form > div:nth-child(10) {grid-column: span 2;}
  
  html body article.cs-articlePreview {display:flex;flex-direction:column;padding:15px;border-bottom:1px solid #eee}
  html body article.cs-articlePreview .pictureContainer img{max-width:100%;height:auto;margin-bottom:10px}
  html body article.cs-articlePreview .cs-properties{display:flex;gap:10px;font-size:.85rem;color:#666;margin-bottom:10px}
  html body article.cs-articlePreview .cs-btns{display:grid;margin-left:unset;grid-template-columns:1fr 1fr;gap:8px;margin-left: 0;}
  html body article.cs-articlePreview .cs-actionButton a{display:block;text-align:center;background:#f0f0f0;padding:10px;text-decoration:none;border-radius:4px;font-size:.9rem}
  html body article.cs-articlePreview .cs-actionButton:first-child a{background:#28a745;color:#fff}
  
  html body article.cs-articlePreview .pictureContainer {width: 10%;}
  html body article.cs-articlePreview .artnamBox {width: 100%;}
  html body article.cs-articlePreview .cs-properties {width: 100%;}
  html body article.cs-articlePreview .priceBox {width: 100%;}
  html body article.cs-articlePreview .cs-btns {width: 100%;}
  
  html body .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleLeftBox {max-width: 100%;width: 100%;position: relative;}
  html body .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleRightBox {max-width: 100%;width: 100%;}
}
@media (max-width: 805.98px) {
  html body header .cs-headerContent > .cs-container {display: block;}
  html body .cs-categoriesBox .cs-overlayButton {width: 100%;}
}
@media (max-width: 702.98px) {
  html body.cs-search .cs-searchForm {height: 549px;}
}
@media (max-width: 692.98px) {
  html body.cs-start .cs-searchForm {height: 533px;margin: 0;}
}
@media (max-width: 650.98px) {
  html body footer .cs-footerBox {width: 100%;padding-right: 3em;margin-bottom: 1em;}
  html body footer .cs-footerBox:last-of-type {padding-left: 0;}
}
@media (max-width: 615.98px) {
  html body .cs-quickOrderBox form#quick-order-import #importButton {margin-top: 1em;}
}
@media (max-width: 590.98px) {
  html body .cs-searchForm form > div:nth-child(9) {grid-column: span 4;}
  html body .cs-searchForm form > div:nth-child(10) {grid-column: span 4;}
  html body .cs-searchForm .field {grid-column: span 4;}
  html body .cs-formBox {height: 866px;}
  html body.cs-search .cs-searchForm {height: 818px;}
  html body.cs-search .cs-formBox {height: 818px;}
  html body.cs-start .cs-searchForm {height: 865px;margin: 0;}
}
@media (max-width: 450.98px) {
  html body footer .cs-footerRow.copyright .cs-footerInner .cs-footerBottom .cs-copyrightBox {display: block;}
  html body footer .cs-footerRow.copyright .cs-footerInner .cs-footerBottom .cs-copyrightBox .preise {margin-bottom: 15px;}
  html body footer .cs-footerRow.copyright {height: 70px;}
}
@media (max-width: 400.98px) {
  html body article.cs-categoryPreview {width: calc(100%/1 - 1em);}
}