/* Responsive Media Queries Cosmoshop Version 11 -bramble*/
.articlePreview .priceRow .secondCurrency,
.articlePreviewSmallPriceBox .priceRow .secondCurrency {display: none;}

.nivoSlider img {max-width: none; width: 100%;z-index: 5;}
html body .cs-newCats > ul >  li > ul {display: none;} 

/* style 02.08.2024 PW */
html body #header {padding: 0 15px 0 0;background: #fff;}
html body .layout {margin-top: 0;}
html body .cs-newCats ul {list-style: none;display: flex;gap: 15px;}
html body #infoblock {display: block;margin-top: 1em;}
html body #quickLinks {margin: 0;}
html body .cs-logoLine {display: flex;align-items: center;margin-top: -28px;}
html body .headerBottom {display: flex;justify-content: right;margin-top: -20px;}
html body #quickLinks ul li a {padding: 15px 0 0 15px;}
html body .layout .left {display: none;}
html body .layout .content {float: none;width: 100%;}
html body .layout {padding: 0 1em 1em 1em;}
html body #searchBar #search .searchsubmit {height: 43px;}
html body #rubrik_header {margin-top: 1em;}
html body #rubrik_header .categoryHeaderBox h1 {font-size: 15px;}
html body .listpager .listpagerButton {color: #fff;}
html body .listpager .listpagerButtonActive {color: #fff;}
html body .productListing {display: flex;flex-wrap: wrap;gap: 6px;}
html body .productListing .articlePreview {width: calc(100%/4 - 5px);}
html body .cs-footerTops ul {list-style: none;margin: 0;padding: 0;display: flex;justify-content: center;gap: 20px;align-items: center;}
html body .cs-footerTops {background: #fff;padding: 10px 0;}
html body .cs-footerTops ul img {max-height: 50px;}
html body footer {margin-top: 20px;background: #fff;}
html body #wrapper footer .it.contact {width: 46%;}
html body #wrapper footer .it.sideSites {width: 27%;}
html body #wrapper footer .it.addsites {width: 27%;}
html body .categoriesBox {display: none;}
html body .subCategory {overflow: hidden;display: flex;flex-wrap: wrap;}
html body .subCategory .categoryPreview {width: calc(100%/4);}

/* mobile */
html body #wrapper .mobileSearch,
html body #wrapper #categoriesTop .menu-button {display: none !important;}
html body #wrapper #cart,
html body #wrapper #quickLinks,
html body #wrapper #logo {display: block !important;}
html body #wrapper #infoblock #logo img {max-width: 200px;width: 100%;}
html body #wrapper #quickLinks ul li {float: left;width: auto;text-align: left;}
html body #wrapper .cart-btn.font-1 {font-size: 1rem;}
html body #wrapper #categoriesTop > ul {width: auto;display: block;}
html body #wrapper .slider-wrapper {display: block;}
html body #wrapper #searchBar #search {display: inline-block;text-align: right;}
html body #wrapper #searchBar .searchentry {width: auto;margin-right: 0px;}
html body #wrapper #searchBar #search form {display: inline-block;}
html body #wrapper #searchBar #search .searchsubmit {margin-top: 0;}
html body #wrapper #categoriesTop .categroyHasSub {float: right;display: inline;font-size: 30px;position: relative;top: -6px;width: 50%;text-align: right;}
html body #wrapper #breadCrumb {display: block;}
html body #wrapper #searchBar .searchentry {margin-top: 0;}

@media only screen and (min-width : 1921px) {
  .loginpagebody .loginWrapper {background: rgba(255,255,255,0.6);max-width: 28%;border-radius: 6px;left: 14em;position: relative;top: -2em;width: 495px;}
}

@media only screen and (max-width : 1920px) {
  .loginpagebody .loginWrapper {background: rgba(255,255,255,0.6);max-width: 28%;border-radius: 6px;left: 14em;position: relative;top: -2em;width: 495px;}
}


/* ---------------------- Desktops and laptops --------------------------------------------------------*/
@media only screen and (max-width : 1750px) {
  .loginpagebody .loginWrapper {max-width: 40%;width: 500px;}/* top: auto;left: auto; */
}

@media only screen and (max-width : 940px) {
  .bgslider {overflow: hidden;}
  .loginpagebody .bgSliderContainer {position: fixed;}
  .bottomLogos {position: relative;margin-top: 5em;}
}

/* ---------------------- iPads (landscape) -----------------------------------------------------------*/
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : landscape) {
  .loginpagebody .loginWrapper {max-width: 65%;top: auto;left: auto;}
  .loginpagebody #login, .loginpagebody .header {max-width: 100%;}
}

@media only screen and (min-width : 800px) and (max-width : 850px) and (orientation : landscape) {

}

/* ---------------------- iPads (portrait) ----------------------------------------------------------- */
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : portrait) {
  .logoRight {margin-left: unset;width: 100%;}
  #infoblock {margin-top: 0;}
  #searchBar {margin-top: 0;width: 100%;margin-left: 0;}
  .headerBottom {display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
  #searchBar .mobileBtns .mbbtn {padding-top: 3em;}
  #searchBar .mobileBtns .mbbtn i {color: #024589;}
  body footer .fl .it.contact,body footer .fl .it.categories,body footer .fl .it.addsites,body footer .fl .it.payments {width: 50% !important;}
  .headerBottom .categoriesBox {display: block;}
  .logoRight {margin-left: 0;}
  #searchBar {margin-left: 0;}
  .headerBottom {display: block;}
  #categoriesTop .menu-button {color: #111111;}
  #categoriesTop .mobileBtn {margin-top: -4px;}
  #infoblock {display: block;}
  .headerBottom .categoriesBox {background: #fff;}
  #searchBar .mobileBtns .mbbtn i {color: #0e5292;}
  #categoriesTop .categroyHasSub {float: right;display: inline;font-size: 30px;position: relative;top: -6px;width: 50%;text-align: right;}
  #categoriesTop .submenu-button {width: 50%;}
  #categoriesTop .menu-button {display: block;cursor: pointer;padding: 13px;font-size: 19px;font-family: sans-serif;}
  
  .loginpagebody .loginWrapper {max-width: 75%;top: auto;left: auto;}
  .loginpagebody #login, .loginpagebody .header {max-width: 100%;}
  
  
}

/* ---------------------- Smartphones -----------------------------------------------------------------*/
@media only screen and (min-width : 220px) and (max-width : 767px) {
  body footer .fl .it.contact,body footer .fl .it.categories,body footer .fl .it.addsites,body footer .fl .it.payments {width: 100% !important;}
  .headerBottom .categoriesBox {display: block;}
  .logoRight {margin-left: 0;}
  #searchBar {margin-left: 0;}
  .headerBottom {display: block;}
  #categoriesTop .menu-button {color: #111111;}
  #categoriesTop .mobileBtn {margin-top: -4px;}
  #infoblock {display: block;}
  .headerBottom .categoriesBox {background: #fff;}
  #searchBar .mobileBtns .mbbtn i {color: #0e5292;}
  #categoriesTop .categroyHasSub {float: right;display: inline;font-size: 30px;position: relative;top: -6px;width: 50%;text-align: right;}
  #categoriesTop .submenu-button {width: 50%;}
  #categoriesTop .menu-button {display: block;cursor: pointer;padding: 13px;font-size: 19px;font-family: sans-serif;}
  
  .loginpagebody .loginWrapper {max-width: 85%;top: auto;left: auto;}
  .loginpagebody #login, .loginpagebody .header {max-width: 100%;}
  .dsBox label span, .dsBox label span a {font-size: 11px;}
  
  
}

@media (max-width : 1215px) {
  html body .cs-newCats {display: none;}
  html body .categoriesBox {display: block;}
  html body #categoriesTop > ul > li > a {display: flex;}
}

@media (max-width : 1050px) {
  html body .subCategory .categoryPreview {width: calc(100%/3);}
  html body .productListing .articlePreview {width: calc(100%/3 - 5px);}
  html body #categoriesTop ul li {border-top: 0 solid #545454;}
}

@media (max-width : 750px) {
  html body .cs-footerTops ul {flex-wrap: wrap;}
  html body .cs-footerTops ul li {width: calc(100%/3);}
}

@media (max-width : 700px) {
  html body .subCategory .categoryPreview {width: calc(100%/2);}
  html body .productListing .articlePreview {width: calc(100%/2 - 5px);}
}

@media (max-width : 600px) {
  .loginpagebody .loginSubmit {width: 100%;}
  .loginpagebody #login .loginBtn {max-width: 100%;}
  .loginpagebody .loginDs .dsBox.loginDsBox {float: left;}
  .loginpagebody .loginDs {width: 100%;}
  .bottomLogos {position: relative;margin-top: 5em;}
  .loginpagebody h1 {font-size: 1.7rem;}
}

@media (max-width : 500px) {
  .loginpagebody h1 {font-size: 1.3rem;}
  .loginpagebody .vkbLogoLogin {position: absolute;top: 1em;left: 0.5em;}
  html body .cs-footerTops ul {flex-wrap: wrap;justify-content: left;padding-left: 1em;}
  html body .cs-logoLine {margin-top: -10px;}
  html body .headerBottom {margin-top: -7px;}
}

@media (max-width : 400px) {
  .loginpagebody h1 {font-size: 1.3rem;}
  .loginpagebody .vkbLogoLogin {position: absolute;top: 1em;left: 0.5em;}
  html body .cs-footerTops ul {flex-wrap: wrap;justify-content: left;padding-left: 1em;}
  html body .cs-footerTops ul li {width: calc(100%/1);}
}

.cs-externalKategorie,
.cs-externalLink {display: none;}

/* rubs */
html body.cs-vkb .cs-newCats ul {list-style: none;display: flex;gap: 15px;flex-wrap: wrap;justify-content: space-between;}
html body.cs-vkb .cs-newCats ul li {max-width: calc(100%/9);}