.hidden {display: none;}
#rubrik_header {display: none;}
.banner {background: #ffffff;padding: 0;}
#header .topItem.pointsBox,
#header .topItem.searchBox {padding-top: 33px;}
.productListing,
.searchResults {overflow: hidden;display: flex;flex-wrap: wrap;}
.cs-startseitenText {font-size: 24pt;font-weight: 700;text-align: left;margin-bottom: 1em;}
.cs-startseitenText2 {margin-bottom: 3em;}
body.body-bg .stepNext {border: 1px solid #dadadd !important;}
body.isDetailside .cs-priceTextDetail.hidden {display: inline-block;}
.priceRow {text-align: left;}

body.isDetailside .priceRow,
body.isDetailside .priceRow .price {font-size: 17px;font-weight: 800;}

.searchSubmitBtn img {max-width: 26px;}

.badgesBox {
    position: absolute;
    right: 10px;
    top: 10px;
    max-width: 80px;
    overflow: unset !important;
}

.addMenuTop {background: #fff;}
.isStartside .productListing {display: flex;flex-wrap: wrap;}
.isStartside .productListing .articlePreview {width: calc(100% / 4);float: none;margin: 0;}
.btn-color-2 {background: #fafafa;color: #121212;border: 1px solid #dadadd;border-radius: 5px;}
.btn-color-2:hover {border-color: #343434;background: #fafafa;color: #121212;}
.topArticleHeading, .categoryListHeading, .lastViewHeading, h2.crossSelling {font-weight: 300;border-left: 0 solid #4df8fb;padding: 0;margin: 2em 0;color: #0a2626;text-transform: uppercase;font-weight: 800;}
.btn-color-3,.btn-color-3:hover {background: #4cf8fb;color: #303030 !important;font-weight: 800 !important;text-transform: uppercase !important;font-size: 18px;}
.btn-color-5, .btn-color-5:hover {background: #ffffff;color: #111;border: 1px solid #dadadd !important;border-radius: 5px;font-size: 13px;}
#tabs {margin: 5em 0;}
#categoriesTop > ul > li {margin-right:1em;}
#categoriesTop > ul > li > a {padding: 12px 12px 12px 12px;font-weight: 800;font-size: 16px;color: #000;height: 39px;}
#categoriesTop > ul > li:hover {background: #4DF8FB;}
.addMenuTop .addMenuTopInner {margin: 0 auto;max-width: 1200px;}
#infoblock {padding-top: 12px;}
#categoriesTop > ul > li.cs-active {background: #4DF8FB;}
footer .footerBoxHeader {margin: 10px 0px;border-bottom: 1px solid #fafafa;font-size: 20px;margin: 2em 0 1em 0;font-weight: 600;color: #000;}
.scrollup i {font-size: 19px;color: #9f9f9f;}

.warenkorbTop {position: relative;}
.warenkorbTop .cs-articleCounting {position: absolute;right: -1px;background: #4dfaff;height: 20px;width: 20px;top: 0;}
#searchbar .shipingCosts a {color: #000;text-decoration: underline;}
.wkArticleCount {background: #b8fdff;padding: 10px 15px;}
.detailArtnum span {font-weight: 600;}

#quickLinks ul li a,
#cart a div {display: flex;align-items: center;justify-content: center;}
#quickLinks ul li a img,
#cart a img {max-width: 26px;}
.mbbtn img {max-width: 29px;}
.btn-color-7,
.btn-color-7:hover {background: #b8fdff;color: #111 !important;}
#categoriesTop .cs-active.gesamtsortiment {background: #FD4FF9;}
#categoriesTop .cs-active.nachhaltige__fair {background: #55FE4D;}
#categoriesTop .cs-active.textilien_und_mehr {background: #4DF8FB;}
#categoriesTop .cs-active.studienalltag {background: #F94553;}

body.cs-body_gesamtsortiment .left .sidebox h2 {border-left: 5px solid #FD4FF9;}
body.cs-body_nachhaltige__fair .left .sidebox h2 {border-left: 5px solid #55FE4D;}
body.cs-body_textilien_und_mehr .left .sidebox h2 {border-left: 5px solid #4DF8FB;}
body.cs-body_studienalltag .left .sidebox h2 {border-left: 5px solid #F94553;}

body #categoriesTop .category_gesamtsortiment:hover {background: #FD4FF9;}
body #categoriesTop .category_nachhaltige__fair:hover {background: #55FE4D;}
body #categoriesTop .category_textilien_und_mehr:hover {background: #4DF8FB;}
body #categoriesTop .category_studienalltag:hover {background: #F94553;}

.breadcrumb > li.active > .wkStep {background: #000000;}
.breadcrumb > li.active > .wkStep:after {border-left-color: #000000;}


/* 20-10-2022 */
body {color: #272727;}
a {color: #272727;}
body, [class^="font-"], [class*=" font-"] {font-family: 'Source Sans Pro', sans-serif;text-transform: none;font-weight:400;font-size: 15px;}
#categoriesTop ul ul li a,
.categoriesBox, .categoriesBox .font-2 {font-family: 'Source Sans Pro', sans-serif;}
#categoriesTop > ul > li > a {padding: 12px 12px 12px 12px;font-weight: 800;font-size: 22px;color: #000;height: 49px;}
html body #categoriesTop > ul > li:hover {background: #4DF8FB !important;}
html body #categoriesTop > ul > li.cs-active {background: #4DF8FB !important;}

#sprachumschaltung {margin-top: auto;padding: 12px 20px 15px 0px;position: relative;}
#sprachumschaltung a {border-left: 0 solid #dadadd;}
.articleBasketCountBadge {background: #4dfbff;}
#searchBar #search {display: none;}
#quickLinks ul li, .warenkorbTop, .articlePreview .compareBox, .articlePreview .watchList, .btn-color-2, #searchBar .searchentry input {border-radius: 0;}
#searchBar .searchentry input {box-shadow: none;}
.layout .left {display: none;}
.layout .content {width: 100%;float: none;}
.cs-topText {float: left;padding: 13px;font-size: 16px;font-weight: 600;text-decoration: none;background: #B8FDFF;}
.addMenu .cs-childs .cs-dropdownIcon {display: inline-block;}
span.cs-dropIcon {display: inline-block;float: right;top: 14px;position: relative;left: -16px;}
.cs-underProducts {margin-top: 4em;}

footer {border-top: 0px solid #ccc;background: #1D1D1F;color: #fff;}
footer a,
footer a.color-1,
footer .footerBoxHeader {border: 0;color: #fff;}
footer .footerBoxHeader {margin: 1em 0 1em 0;font-size: 24px;}
footer .cs-footerBox {display: flex;flex-wrap: wrap;margin-bottom: 1em;}
footer .cs-footerBox .cs-footerItem {width: calc(100%/4);}
a.scrollup.btn-color-2 {background: #B8FDFF;border: 0;}
a.scrollup.btn-color-2 i {color: #111;}
.cs-hochLogo img {max-width: 130px;margin-top: 9px;}
footer .cs-footerService {font-size: 22px;}

.cs-bannerBox ul {list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.cs-bannerBox ul li {width: calc(100% / 3 - 20px);}
.cs-bannerBox ul li img {max-width: 100%;}
.cs-bannerBox ul li .cs-bannerBoxContent {position: relative;background: #F5F4F3;padding: 2em;min-height: 6.5em;}
.cs-bannerBox .cs-bannerBoxHeading {background: #B8FDFF;color: #000;font-size: 22px;font-weight: 800;text-transform: uppercase;position: absolute;top: -1em;padding: 4px 8px;}

.cs-kachelBox {list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;margin: 0 -1em;}
.cs-kachelBox .cs-kachelModuleItem {width: calc(100% / 3 - 20px);margin: 0 1em;}
.cs-kachelBox .cs-kachelModuleItem img {max-width: 100%;}
.cs-kachelBox .cs-kachelModuleItem .cs-kachelBoxContent {position: relative;background: #F5F4F3;padding: 1em;min-height: unset;display: none;}
.cs-kachelBox .cs-kachelModuleItem .cs-kachelBoxHeading {background: #B8FDFF;color: #000;font-size: 22px;font-weight: 800;text-transform: uppercase;position: absolute;top: -1em;padding: 4px 8px;}

.cs-kachelModule {margin-top: 4em;margin-bottom: 4em;border: 1px solid #dadadd;border-width: 1px 0 1px 0;padding: 6em 0 8em;}
.cs-kachelBox {display: flex;flex-wrap: wrap;align-items: center;margin: 0 -1em;}
.cs-kachelBox .cs-kachelModuleItem {width: calc(100%/3 - 2em);text-align: center;background: #fafafa;font-size: 17px;border: 0px solid #dadadd;margin: 0 1em;}
.cs-kachelBox .cs-kachelModuleItem a {display: block;}
.cs-kachelBox .cs-kachelModuleItem:hover {border-color: #000;}

.cs-internLogin {display: flex;justify-content: right;align-items: center;margin-top: 1em;}
.cs-internLogin img {max-width: 18px;margin-left: 10px;}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="radio"], select, textarea {box-shadow: none;}
#breadCrumb ul li i {margin-top: 3px;}
.infoBox {background: #b8fdff;border: 0px solid #bce8f1;color: #000000;padding: 14px;overflow: hidden;margin: 2em 0;}
.articlePreview:hover {border-color: #ffffff;}
html body #wrapper .articlePreview {width: calc(100% / 4 - 20px);margin: 10px !important;padding: 0;}
.inStock, .deliveryTime {font-size: 13px;}
html body #wrapper .articlePreview .descriptionBox h2 a {font-size: 19px;font-weight: 600;}
html body #wrapper .articlePreview .descriptionBox h2 {margin: 0;}
html body #wrapper .articlePreview .descriptionBox {text-align: left;}
html body #wrapper .articlePreview .priceBox .priceRow {text-align: left;}
html body #wrapper .articlePreview .priceBox .priceRow > span {font-size: 24px;color: #111;font-weight: 600;}

#header {background: #ffffff;}
#infoblock .warenkorbTop {padding: 8px;}
#infoblock .warenkorbTop i {font-size: 20px;}
#breadCrumb {display: none;}
h1 {font-size: 28px;font-weight: 700;text-align: left;}
.rubTextShort h1 {text-align: left;}
.cs-underProducts {margin-top: 4em;margin-bottom: 4em;}
.cs-bannerBox, .cs-internLogin {display: none;}
.cs-footerSoc {margin-left: auto;}
.cs-footerBo {border-top: 1px solid #fff;padding-top: 30px;margin-bottom: 0;display: flex;flex-wrap: wrap;}
.cs-footerBo ul {display: flex;flex-wrap: wrap;}
.cs-footerBo ul li {margin-right: 18px;}
.cs-footerSoc img {max-width: 38px;position: relative;top: -15px;}
.cs-copy,
.cs-copy a {color: #8c8c8c;}
#infoblock {padding-top: 0;}
footer {margin-top: 0;}
.cs-footerTop {background: #B8FDFF;padding: 1em 0;font-size: 28px;font-weight: 700;margin-top: 2em;}
.cs-footerTop .cs-footerTopInner {max-width: 1200px;margin: 0 auto;}

footer .addMenu ul {display: block !important;}
footer .addMenu > ul > li > span,
footer .addMenu > ul > li > a {display: none;} 
footer .addMenu ul ul {background: #1d1d1f;border: 0px solid #dadadd;border-radius: 0;}
footer .addMenu ul li {width: 100%;border-top: 0px solid #545454;}
footer .addMenu ul li a {color: #fff;}
footer .addMenu ul ul li a {border-bottom: 0 solid #e8e8e8;color: #fff;padding: 3px 0px;font-size: 15px;text-decoration: underline;font-family: 'Source Sans Pro', sans-serif;}
footer .addMenu ul ul, footer .addMenu ul ul ul, footer .addMenu.align-right ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left;}
footer .addMenu ul ul li {height: auto;}
/* Responsive Media Queries Cosmoshop Version 11 -bramble*/

/* ---------------------- 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) {
  #header .topItem.searchBox {width: 66%;float: left;padding-top: 0;}
  #header .topItem.pointsBox {display: none;}
  #categoriesTop .menu-button {color: #424245;}
  #categoriesTop ul {position: absolute;background: #fff;border-bottom: 1px solid #666;}
  #header {overflow: unset;}
  .layout {margin-top: 0;}
  .bannerBox .banner:nth-of-type(3n+3) {margin-right: 0px;float: right;}
  .bannerBox .banner:nth-of-type(4n+4) {margin-right: 1%;float: left;}
}

/* ---------------------- Smartphones -----------------------------------------------------------------*/
@media only screen and (min-width : 220px) and (max-width : 767px) {
  #header .topItem.searchBox {width: 66%;float: left;padding-top: 0;}
  #header .topItem.pointsBox {display: none;}
  #categoriesTop .menu-button {color: #424245;}
  #categoriesTop ul {position: absolute;background: #fff;border-bottom: 1px solid #666;}
  #header {overflow: unset;}
  .layout {margin-top: 0;}
  .slider-wrapper {display: block;}
  
}

@media (max-width: 900.98px) {
  html body #wrapper .articlePreview {width: calc(100% / 2 - 20px);}
  footer .cs-footerBox .cs-footerItem {width: calc(100%/2);}
  .cs-footerTop .cs-footerTopInner {font-size: 25px;padding-left: 17px;}
  .footerInfoBox {display: inline-block;}
}

@media (max-width: 800px) {
  .isStartside .productListing .articlePreview {width: calc(100% / 2);float: none;margin: 0;}
  .cs-kachelBox .cs-kachelModuleItem a {padding: 0;}
}

@media (max-width: 767px) {
  .addMenu .menu-button {display: block;cursor: pointer;padding: 10px;color: #111;border: 1px solid #dadadd;background: #fafafa;}
  .addMenuBottom .addMenu > ul > li > a > i {display: none;}
  .addMenuBottom .addMenu > ul > li > a {position: relative;top: -18px;padding-left: 14px;}
  .addMenu .submenu-button {width: 80px;cursor: pointer;}
  .addMenuBottom .addMenu > ul > li > ul {position: relative;top: -18px;}
  #mobileTabs > .tabcontent {padding: 16px;}
  #mobileTabs > .tabs {border: 1px solid #dadadd;margin-bottom: 4px;}
  .bannerBox .banner,
  .articlePreviewSmall {width: calc(100%/2 - 1em);margin: 0.5em;}
}
@media (max-width: 600px) {
  footer .cs-footerBox .cs-footerItem {width: calc(100%/1);}
  .cs-footerSoc {width: 100%;}
  .cs-footerBo > ul {width: 100%;margin-bottom: 3em;}
  .cs-kachelBox .cs-kachelModuleItem {width: calc(100%/2 - 2em);}
}
@media (max-width: 400px) {
  .cs-kachelBox .cs-kachelModuleItem {width: 100%;margin-bottom: 2em;}
}