.loginpagebody .endBox ul li a {color: #111;}
.addMenu > ul > li > a {color: #1c1c1c;}
#infoblock #logo img {margin-bottom: 2em;}
.budgetContainer {margin-bottom: 1em;border: 1px solid #dadadd;}
.budgetContainer > div {border: 1px solid #dadadd;background: #f9f9f9;border-width: 0 1px 1px 0;}
#infoblock .zusatz-container {background: #fff;}
#infoblock {margin-top: 1em;}
#searchBar {margin-top: -61px;}
.btn-color-7, .btn-color-7.color-1, .btn-color-7 .color-1 {
    background: #f4f4f4;
    color: #121212;
    border: 1px solid #dadadd;
}
.cs-checkout #logo {margin-top: 0;}

/*changes pw 04.08.2023 - https://svn.cosmoshop.org/issues/38029 */
#cart {padding-right: 0;}
.categoriesBox {display: none;}
#searchBar {margin-top: -89px;}
#searchBar #search {display: flex;justify-content: right;}
#searchBar #search form {display: flex;width: 67%;}
#searchBar .searchentry {width: 100%;margin-right: 1em;}
#searchBar #search .searchsubmit {float: none;width: 50%;}


@media (max-width: 899.98px) { 
  .categoriesBox {display: block;}
  #categoriesTop .menu-button {display: block;}
  #categoriesTop ul {width: 100%;display: none;}
  #categoriesTop ul li {width: 100%;border-top: 1px solid #545454;}
  #categoriesTop .menu-button {display: block;cursor: pointer;padding: 10px;}
  
  html body #wrapper .articlePreview {width: calc(100%/2 - 1em);}
}

@media (max-width: 500.98px) { 
  html body #wrapper .articlePreview {width: calc(100%/1 - 1em);}
}

/* ---------------------- Desktops and laptops --------------------------------------------------------*/
@media only screen and (min-width : 1280px) {
    /* your css code goes here */
}

/* ---------------------- iPads (landscape) -----------------------------------------------------------*/
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : landscape) {
    /* your css code goes here */
}

/* ---------------------- iPads (portrait) ----------------------------------------------------------- */
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : portrait) {
  #infoblock {width: 100%;clear: both;margin-top: 0;}
  .mobileSearch .mobileLogo {width: 200px;}
  footer {background: #CCCCCC;padding: 10px 10px;}
}

/* ---------------------- Smartphones -----------------------------------------------------------------*/
@media only screen and (min-width : 220px) and (max-width : 767px) {
  #infoblock {width: 100%;clear: both;margin-top: 0;}
  .mobileSearch .mobileLogo {width: 200px;}
  footer {background: #CCCCCC;padding: 10px 10px;}
}