html body #lieferzeitStr {background-color: #fff !important;color: #000;text-align: left;}
html body #lieferzeitStr:hover {background-color: #fff !important;}
html body .shipmentWeight {display: none;}
html body .ui-dialog {position: fixed;}

@media (max-width: 1308px) { 
  html body footer#footer .footerInner {padding: 0 10px;padding-top: 2em;}
  html body footer#footer .cs-footerBottom {padding: 20px 10px 15px 10px;}
}
  
@media (max-width: 1244px) { 
  html body #wrapper #infoblock .categoriesBox {width: 80%;text-align: left;}
  html body #categoriesTop {margin: 0;}
  html body #wrapper #infoblock #searchBar {margin-left: unset;}
  html body #wrapper #infoblock {justify-content: unset;gap: 0;}
  html body #wrapper #infoblock > #logo {margin-right: 2em;}
}

@media (max-width: 1067px) { 
  html body #wrapper #infoblock .categoriesBox {width: 60%;}
  html body #rubrik_header .categoryPicture h1.categoryHeader {font-size: 40px;bottom: 24px;}
}


@media (max-width: 905px) { 
  html body #wrapper #quickLinks,
  html body #wrapper #cart {display: block;}
  html body #wrapper #infoblock #searchBar {width: auto;right: auto;}
  html body #wrapper #searchBar #search .searchsubmit {margin-top: 5px;}
  html body #wrapper #categoriesTop ul {display: flex;}
  html body #wrapper #categoriesTop .menu-button {display: none !important;}
}

@media (max-width: 768px) {
  html body #wrapper #infoblock .zusatz-container {top: 31px;}
  html body #categoriesTop > ul > li > a {height: 43px;padding-left: 5px !important;}
  html body #categoriesTop .submenu-button {width: 80px;}
  html body .articlepager, .articlecount, .articlesort {text-align: left;}
  html body .listpager select {margin-left: 5px;}
  html body #bestellschritt_1 .carttable .cartTablePicture img {max-width: 130px;max-height: 130px;}
  html body #wrapper #sprachumschaltung {padding-top: 0;margin-top: -3px;}
  html body .startText h1 span span {font-size: 3rem !important;line-height: 47px !important;}
  html body .listpager .articlecount {margin-left: 0;}
}

@media (max-width: 700px) {
  html body .cs-revocationForm .cs-flex .cs-formRow-column {width: 100%;}
}

@media (max-width: 625px) {
  html body #wrapper #infoblock .categoriesBox {width: 100%;}
  html body #categoriesTop ul li {width: auto;}
}

@media (max-width: 550px) { 
  html body #bestellschritt_1 .carttable .cartTablePicture img {max-width: 60px;max-height: 60px;}
  html body #bestellschritt_1 .carttable .cartTableAmount input {float: left;width: 50% !important;}
}

@media (max-width: 455px) {
  html body #wrapper #categoriesTop > ul > li > a {padding-right: 8px;}
  html body .startText h1 span span {font-size: 2.5rem !important;line-height: 47px !important;}
}

@media (max-width: 418px) { 
  html body .mobileSearch .mobileLogo {width: 150px;margin-left: 0;}
}

@media (max-width: 364px) { 
  html body #wrapper, html body footer, html body #categoriesTop {max-width: 1400px;padding: 0 8px;}
}