/* General widths */
article.cs-articlePreview {width: calc(100% /4 - 2em);}
.cs-category article.cs-articlePreview {width: calc(100% /3 - 2em);}
article.cs-articlePreviewSmall {width: calc(100% /5 - 2em);}
article.cs-liveshoppingCalenderArticle {width: calc(100% /4 - 2em);margin-bottom: 2em;}
article.cs-categoryPreview {width: calc(100%/3 - 2em);}
.cs-topPages ul {display: block;}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 
  /* versandkosten */
  .cs-versandKostenRechner {width: 100%;}
  
  /* liveshopping */
  .cs-liveshopping .cs-liveshoppingDescription {width: 50%;}
  .cs-liveshopping .cs-liveshoppingPicture {width: 50%;}
  .cs-liveshopping .cs-text {flex: 0 100%;margin-top: 1em;}
  .cs-liveshopping .cs-text {padding-top: 0;padding-bottom: 2em;}
  .cs-liveshopping .cs-liveshoppingArticle {justify-content: flex-start;}
}
  

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  /* generalwidths */
  article.cs-categoryPreview {width: calc(100%/3 - 1em);margin: 0 0.5em 1em 0.5em;}
  article.cs-liveshoppingCalenderArticle {width: calc(100% /4 - 2em);margin-bottom: 2em;}
  .cs-additionalArticle .cs-additionalArticleBox {width: calc(100%/4 - 1em);margin:0 0.5em;}
  .cs-productListing, .cs-categoryList {margin-left: auto;margin-right: auto;}
  .cs-resizeContainer {margin-left: auto;margin-right: auto;}
  aside.cs-aside {display: none;}
  section.cs-mainContent {width: 100%;}
  
  /* rubrikleiste */
  .cs-categoriesBox .cs-overlayButton {display: inline-block;}
  .cs-categoriesBox .cs-categoriesTop,
  .cs-categoriesBox .cs-categoriesMegaMenu {display: none;}
  
  /* footer */
  footer .footerNewsletterBox {flex: 0 100%;}
  footer .footerNewsletterBox.heading,
  footer .footerNewsletterBox.text,
  footer .footerNewsletterBox.input {padding: 10px 0;}
  footer .footerNewsletterBox.input {flex: 0 50%;}
  footer .cs-footerBox {width: 50%;}
  
  /* blog / video */
  .blogListing .blogListingItem {flex: 0 0 49.5%}
  .blogListing.horizontal .blogListingItem {flex: 0 0 100%;}
  .blogListing .blogListingItem .blogPic {flex: 0 0 49%;}
  .blogListing .blogListingItem .blogContent {flex: 0 0 49%;}
  
  /* account */
  .cs-myAccount {width: 100%;}
  
  /* shipping adresses */
  .cs-shippingItem {width: calc(100%/2 - 2%);}
  
  /* liveshopping */
  .cs-liveshoppingCalenderArticle {width: calc(100%/4 - 0.6em);}
  .cs-liveshopping .cs-liveshoppingArticle {padding: 0 1em;}
  .cs-liveshopping .cs-liveshoppingDescription {padding-left: 1em;}
  
  /* checkout */
  .cs-basektLeftBox {width: 100%;padding-top: 0;}
  .cs-basektRightBox {width: 100%;margin-left: auto;}
  .cs-orderSummaryBlock > div {width: calc(100%/2 - 2em);margin-bottom: 1em;border: 1px solid #dadadd;padding: 1em;}
  
  /* versandkosten */
  .cs-versandKostenRechner .cs-optionRow {width: calc(100%/3);}
  
  /* compare */
  #ajaxPopupContent .cs-ajaxCompareBox {min-width: 165px;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  /* footer */
  footer .footerRow .footerInner .footerTop .footerBox {flex: 0 50%;}
  
  /* scrollup */
  .cs-scrollup {bottom: -15px;right: 0;}

  /* contactform */
  .cs-newCustomer {width: 100%;}
  
  /* generalwidths */
  article.cs-articlePreview {width: calc(100%/3 - 1em);margin: 0.5em;}
  .cs-category article.cs-articlePreview {width: calc(100% /3 - 1em);margin: 0.5em;}
  article.cs-articlePreviewSmall {width: calc(100%/3 - 2em);}
  article.cs-liveshoppingCalenderArticle {width: calc(100% /3 - 2em);}
  article.cs-categoryPreview {width: calc(100%/3 - 1em);}
  .cs-additionalArticle .cs-additionalArticleBox {width: calc(100%/3 - 1em);margin:0 0.5em;}
  
  /* detailview */
  .cs-articleDetail .articleDetailMiddleBox .articleLeftBox {max-width: 100%;width: 100%;}
  .cs-articleDetail .articleDetailMiddleBox .articleLeftBox .articleDetailPics {padding: 0 1em;}
  .cs-articleDetail .articleDetailMiddleBox .articleRightBox {max-width: 100%;width: 100%;background: #f6f6f6;padding: 1em;border-radius: 1em 1em 0 0;}
  .cs-articleDetail .articleDetailMiddleBox .articleRightBox .articlePriceBox {margin-bottom: 0;}
  .cs-articleDetail .articleDetailMiddleBox .articleRightBox .cs-graduation {margin: 1em 0;}
  .cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox {width: 25%;}
  .cs-articleDetail .basketBlock .cs-articleAmount .cs-articlePlus,
  .cs-articleDetail .basketBlock .cs-articleAmount .cs-articleMinus {padding: 0em 1em;}
  
  .articleDetailPics .additionalPics li {max-width: calc(100% / 16);}
  
  /* blog / video */
  .blogListing .blogListingItem .blogPic {flex: 0 0 29%;}
  .blogListing .blogListingItem .blogContent {flex: 0 0 69%;}
  .cs-videoListing.columns-3 .cs-videolistingItem {width: calc(100% / 2 - 1em);}
  .cs-videoListing.columns-4 .cs-videolistingItem {width: calc(100% / 2 - 1em);}
  .cs-videoListing iframe {width: 100%;}
  
  /* reiter */
  .cs-articleQuestion,
  .cs-wishPrice,
  .cs-rating {width: 100%;}
  #tabs .tabContainer {justify-content: space-between;}
  #tabs .tabContainer .tabs {border: 1px solid #dadadd;margin: 0 0 0.5em 0;width: 49.5%;text-align: center;}
  #tabs .tabs.activeTab span {border-bottom: 0;}
  
  /* merkliste */
  .cs-memoryListMailForm .cs-box-50 {width: 100%;}
  
  /* liveshopping */
  .cs-liveshoppingCalenderArticle {width: calc(100%/3 - 0.6em);}
  #cs-liveshoppingDetail .cs-liveshoppingDetailBox #countdown_dashboard .counter {width: 20%;}
  .cs-liveshopping .cs-liveshoppingPicture {width: 100%;margin-top: 1em;}
  
  /* checkout */
  .cs-orderSummaryBlock > div {width: 100%;}
  .cs-step2Container .cs-step2RegisterBox {width: 100%;border-right: 0 solid #dadadd;padding-right: 0;}
  .cs-step2Container .cs-step2LoginBox {width: 100%;}
  
  /* under construction */
  .cs-underConstructionBody .cs-ucWrapper {max-width: 85%;}
  
  /* filter */
  .cs-trichterForm .cs-activeFilterListBox ul li {width: calc((100% / 3) - 0.4em);}
  
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

  /* zoom */
  .cs-zoomPic {display: none;}

  /* generalwidths */
  article.cs-liveshoppingCalenderArticle {width: calc(100% /2 - 1em);margin: 0em 0.5em 1em 0.5em;}
  .cs-additionalArticle .cs-additionalArticleBox {width: calc(100%/2 - 1em);margin:0 0.5em;}
  .cs-wklayerCrosselling {display: none;}
  
  /* footer */
  footer .footerRow .footerInner .footerTop .footerBox {width: calc(100% / 2);}
  footer .footerNewsletterBox.input {flex: 0 100%;}
  footer .cs-footerBox {width: 100%;}
  footer .cs-footerNewsletterBox.input {width: 100%;}
  footer .cs-footerNewsletterBox.text {padding: 1em 0;}
  
  /* forms */
  .cs-form .cs-formRow .cs-formRow-column {width: 100%;margin: 0.5em 0;}
  .cs-form .cs-formRow {margin: 0em 0;}
  
  /* account */
  .cs-myAccount .cs-myAccountButtons {flex: 0 0 100%;}
  .cs-myAccount .cs-myAccountData {flex: 0 0 100%;padding: 0 1em;}
  
  /* bestellhistorie */
  .cs-orders table, .cs-orders thead, .cs-orders tbody, .cs-orders th, .cs-orders td, .cs-orders tr {display: block; }
  .cs-orders thead tr {position: absolute;top: -9999px;left: -9999px;}
  .cs-orders tr {border: 1px solid #ccc; }
  .cs-orders td {border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%; }
  .cs-orders td:before {position: relative;top: 0;width: 45%;padding-right: 1em;white-space: nowrap;font-weight: 500;}
  
  /* shipping adresses */
  .cs-shippingItem {width: calc(100%/1);margin: 0 0 1em 0;}
  
  /* header */
  .cs-topPages .cs-topPagesBurger {display: block;padding: 8px 13px 7px 0;}
  .cs-topPages .cs-topPagesBurger .cs-icons {top: 7px;}
  .cs-topPages .cs-lang {padding-top: 11px;}
  .cs-topPages .cs-infosites {display: none;}
  
  /* detailview */
  .articleDetailPics {max-width: 100%;}
  .articleDetailPics .additionalPics li {max-width: calc(100% / 12);}
  .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleLeftBox {max-width: 100%;width: 100%;}
  .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleRightBox {max-width: 100%;width: 100%;margin-top: 1em;}
  .cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox {width: 35%;}
  
  /* merkliste */
  .cs-bookmarks .cs-bookmarksList .cs-bookmarksRow {justify-content: start;}
  .cs-bookmarks .cs-bookmarksList .cs-bookmarksRow .cs-bookmarksPic {margin-right: 2%;}
  .cs-bookmarks .cs-bookmarksList .cs-bookmarksRow .cs-bookmarksButtons {width: 100%;}
  .cs-bookmarks .cs-bookmarksList .cs-bookmarksRow .cs-bookmarkDesc {width: 78%;}
  
  /* liveshopping */
  .cs-liveshoppingCalenderArticle {width: calc(100%/2 - 0.6em);}
  .cs-liveshopping .cs-liveshoppingDescription {width: 100%;padding-left: 0;}
  .cs-liveshopping .cs-text {width: 100%;}
  #cs-liveshoppingDetail .cs-liveshoppingDetailBox .digitsBox {width: 30%;}
  .cs-liveshopping .dashContainer {width: calc(70%/4 - 0.5em);}
  
  /* checkout */
  ul.cs-statusbar .cs-basketSteps {width: calc(100%/2 - 0.2em);margin-bottom: 0.3em;}
  ul.cs-statusbar .cs-basketSteps a, ul.cs-statusbar .cs-basketSteps span {padding: 0.3em;}
  .orderDsBox .cs-orderDsBoxItem {margin-bottom: 2em;}
  .orderDsBox .cs-dsPwd .cs-infoBox {margin-bottom: 1em;}
  .cs-checkout3 .cs-lieferung {margin: 2em 0 2em 0;}
  #basketTableStep5Footer .cs-columnLeft {width: 50%;}
  #basketTableStep5Footer .cs-columnRight {width: 50%;text-align: right;padding-right: 0;padding-left: 0;}
  .cs-checkoutSubmit {text-align: left;}
  .cs-checkoutSubmit input,
  .basketStep5 .cs-buynow  input {width: 100%;}
  .basketStep5 .cs-buynow {margin-right: 0;}
  .cs-cartTablePicture {margin-right: 1em;}
  .cs-lieferBlock .cs-lieferItem {width: calc(100% / 3 - 2em);margin: 0 1em;background: #f5f5f5;margin-bottom: 1em;}



  /* articlepreview */
  article.cs-articlePreviewSmall .articlePreviewSmallPicturebox {margin-bottom: 0;}
  
  /* suche nach artikeln */
  .cs-searchResults .cs-articlePreview {width: calc(100% /2 - 2em);}
  
  /* datepicker nachweispflicht */
  .comiseo-daterangepicker-presets, .comiseo-daterangepicker-calendar {height: auto !important;display: inline-block !important;}
  body .comiseo-daterangepicker.ui-widget.ui-widget-content {width: auto !important;}
  .comiseo-daterangepicker-right .comiseo-daterangepicker-calendar {border-left-width: 0 !important;padding-left: 0 !important;}
  body .comiseo-daterangepicker.ui-widget.ui-widget-content {max-width: 100%;}
  
  /* slider */
  body .cs-startSlider {display: none;}
  
  /* versandkosten */
  .cs-versandKostenRechner .cs-optionRow {width: calc(100%/2);}
  
  /* compare */
  #ajaxPopupContent .cs-ajaxCompareBox {min-width: 150px;}
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  
  /* header */
  .cs-logo {max-width: 200px;}
  header .cs-headerContent .cs-container {display: block;}
  
  /* footer */
  footer .footerRow .footerInner .footerTop .footerBox {flex: 0 100%;}
  footer .footerNewsletterBox.heading,
  footer .footerNewsletterBox.text,
  footer .footerNewsletterBox.input {padding: 10px 0;width: 100%;}

  /* generalwidths */
  .cs-productListing {justify-content: space-between;}
  article.cs-articlePreview {width: calc(100%/2 - 1em);margin: 0.5em;}
  .cs-category article.cs-articlePreview {width: calc(100% /2 - 1em);margin: 0.5em;}
  article.cs-articlePreviewSmall {width: calc(100%/2 - 2em);}
  article.cs-categoryPreview {width: calc(100%/2 - 1em);}

  /* banner */
  .cs-mainContent .cs-bannerRow {display: block;}
  .cs-bannerRow .cs-bannerItem {display: block;margin-bottom: 2em;}
  
  /* blog / video */
  .cs-mainContent .blogListing .blogListingItem {flex: 0 0 100%;}
  .cs-mainContent .blogListing.horizontal .blogListingItem {flex: 0 0 100%;}
  .cs-mainContent .blogListing .blogListingItem .blogText {max-height: 44px;}
  .cs-mainContent .blogListing .blogListingItem .blogPic {flex: 0 0 100%;}
  .cs-mainContent .blogListing .blogListingItem .blogContent {flex: 0 0 68%;}
  
  /* account */
  .cs-myAccount .cs-myAccountData {padding: 0 1em;}
  .cs-myAccount .cs-myAccountData .cs-row {display: block;}
  .cs-myAccount .cs-myAccountData .cs-row .cs-column-50 {width: 100%;}
  
  /* bestellhistorie */
  .cs-orderDetail .cs-orderData .cs-column-50 {width: 100%;margin: 1em 0 0 0;}
  .cs-orderDetail  .cs-orderData {padding: 1em;}
  
  /* merkliste */
  .cs-bookmarks .cs-bookmarksList .cs-bookmarksRow .cs-bookmarksPic {width: 30%;}
  .cs-bookmarks .cs-bookmarksList .cs-bookmarksRow .cs-bookmarkDesc {width: 68%;}
  
  /* checkout shipping payment */
  .checkoutStep4 .cs-paymentBox, .checkoutStep4 .cs-shippingBox {width: 100%;}
  
  /* checkout */
  .cs-basektLeftBox {padding: 0.5em;}
  ul.cs-statusbar {margin: 3em 0 2em 0;}
  .cs-cartBoxDetails {width: calc(100%/2);}
  .cs-cartBoxAmount {width: calc(100%/1);padding-left: 0.5em;}
  .cs-wkItem {padding-left: 0;}
  .cs-wkItem.configarticleComponent .cs-cartTablePicture, .cs-wkItem.configarticleComponent .cs-cartBoxSinglePrice, .cs-wkItem.configarticleComponent .cs-cartBoxAmount {display: none;}
  .cs-wkItem.configarticleComponent .cs-cartBoxPrice {padding: 0;background: rgba(0,0,0,0);margin-top: 0em;}
  .cs-cartBoxAmount {padding-left: 0;}
  .cs-gutscheinRow .cs-cartBoxDetails {width: 100%;}
  .cs-lieferBlock .cs-lieferItem {width: calc(100% / 2 - 2em);margin: 0 1em;margin-bottom: 1em;}
  
  /* step 1 wk */
  .cs-cartBoxSinglePrice {width: 100%;display: flex;justify-content: space-between;padding-right: 0;}
  .cs-cartBoxPrice {width: 100%;}
  .cs-cartBoxPrice .cs-cartTablePrice {width: 100%;display: flex;justify-content: space-between;}
  .cs-cartBoxAmount {display: inline-block;line-height: normal;justify-content: space-between;padding-right: 0;background: #f5f5f5;padding: 0.5em;margin-bottom: 0.5em;margin-top: 0.5em;}
  .cs-cartTablePicture {width: 20%;padding-right: 1em;max-width: 20%;}

  /* checkout gutschein */
  .cs-gutscheinRow .cs-cartTablePicture {display: none;}
  .cs-gutscheinRow .cs-cartBoxAmount {width: calc(100%/2);padding-left: 0.5em;}
  .cs-gutscheinRow .cs-cartBoxDetails {padding-left: 0.4em;}
  
  /* liveeshopping */
  #cs-liveshoppingDetail .cs-liveshoppingDetailBox #countdown_dashboard .counter {width: calc(100%/4 - 0.2em);margin-right: 0.2em;}
  .cs-liveshopping .dashContainer {width: calc(100%/4 - 0.5em);}
  
  /* druckkosten */
  #configarticleComponents .component-ausfuehrung {position: relative;}
  
  /* smallicons and functions */
  .cs-searchBar .cs-searchBlock {width: 100%;left: 0;}
  .cs-budget {position: unset;}
  .cs-budgetContainer {width: 100%;left: 0;}
  
  /* compare */
  #ajaxPopupContent .cs-ajaxCompareBox {min-width: 120px;}

  /* filter */
  .cs-trichterForm .cs-activeFilterListBox ul li {width: calc((100% / 2) - 0.4em);}

  /* listpager */
  .cs-listPager {margin-top: 1em;}
  .cs-listPager .cs-articlecount span {width: 100%;display: inline-block;}
  .cs-listPager .cs-articlecount select {border: 0;width: 100%;}
  .cs-listPager .cs-articlecount .cs-heading {margin-left: 0.7em;font-weight: 600;}

  /* staffel */
  .cs-graduation .articleBlockPrice {width: 65%;}
  .cs-amountBox .cs-blockPriceVpeLeft {width: 65%;}
  .cs-execution input, .cs-execution select {width: 50%;}
}

@media (max-width: 430px) {
  .h3, h3 {font-size: 1rem;}
  .cs-logo {max-width: 12em;}
  .h1, h1 {font-size: 1.5rem;}
  
  /* detailview */
  .articleDetailPics .additionalPics {max-width: 100%;}
  .cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox {width: 50%;}
  
  /* generalwidths */
  article.cs-categoryPreview {width: calc(100%/2 - 1em);}
  
  /* checkout */
  ul.cs-statusbar .cs-basketSteps {width: calc(100%/1);margin-bottom: 0.3em;}
  ul.cs-statusbar .cs-basketSteps a, ul.cs-statusbar .cs-basketSteps span {padding: 0.3em;}
  .cs-gutscheinRow .cs-articleDelete {top: auto;bottom: 0;}
  .cs-lieferBlock .cs-lieferItem {width: 100%;margin: 0 1em;margin-bottom: 1em;}
  .cs-orderSummaryBlock .cs-orderShipping .cs-orderBox > div {width: 100%;}

  /* reiter */
  #tabs .tabContainer .tabs {border: 1px solid #dadadd;margin: 0 0 0.2em 0;width: 100%;text-align: left;padding-left: 0.2em;padding-top: 0.5em;border-width: 0 0 1px 0;}
  
  /* blog / video */
  .cs-videoListing.columns-3 .cs-videolistingItem {width: 100%;}
  .cs-videoListing.columns-4 .cs-videolistingItem {width: 100%;}
  
  /* kostenstelle */
  #kostenstellen_protokoll table tr th {padding: 1em 0.5em;}

  /* filter */
  .cs-trichterForm .cs-activeFilterListBox ul li {width: calc((100% / 1));margin-right: 0;}
}

@media (max-width: 300px) {
  .cs-body .cs-button3 {width: auto;padding: 0.72em 1em;}
  #cs-liveshoppingDetail .cs-liveshoppingDetailBox .digitsBox {width: 100%;}
  .cs-liveshopping .dashContainer {padding: 0 0 0.3em 0;width: calc(100%/2 - 0.5em);margin: 0.1em 0;}
  .cs-body .cs-button1 {padding: 0.42em 0.7em;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	select,
	textarea,
	input {font-size: 100% !important;}
}