html body.cs-magnasweets article.cs-categoryPreview {width: calc(100%/2 - 2em);}
html body.cs-magnasweets article.cs-categoryPreview {background: #eeeeee;}
html body.cs-magnasweets.cs-category article.cs-articlePreview {width: calc(100% /4 - 2em);margin: 1em;}

html body.cs-magnasweets header .cs-headerContent .cs-categoriesBox > .cs-container .cs-overlayButton {display: none;}
html body.cs-magnasweets .cs-topPages .cs-infosites {display: block;}
html body.cs-magnasweets .cs-topPages .cs-topPagesBurger {display: none;}

@media (max-width: 1400.98px) {
  html body.cs-magnasweets article.cs-categoryPreview {width: calc(100%/1 - 2em);}
}
  
@media (max-width: 1321.98px) {
  html body.cs-magnasweets .cs-articleDetail .cs-articleDetailMiddleBox {display: block;}
  html body.cs-magnasweets .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleLeftBox {position: relative;width: 100%;max-width: 100%;margin-top: -3em;}
  html body.cs-magnasweets .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleRightBox {width: 100%;max-width: 100%;padding-left: 2em;margin-top: 1em;}
  html body.cs-magnasweets .articleDetailPics .cs-imageBox {text-align: center;}
  html body.cs-magnasweets .cs-articleDetail .basketBlock .cs-articleAmount .cs-articlePlus, 
  html body.cs-magnasweets .cs-articleDetail .basketBlock .cs-articleAmount .cs-articleMinus {padding: initial;}
  html body.cs-magnasweets .cs-propertys {margin-top: 0;margin-bottom: 2em;padding-left: 2em;}
  html body.cs-magnasweets .cs-amountBox .cs-blockPriceVpeLeft, 
  html body.cs-magnasweets .cs-amountBox .cs-blockPriceLeft {width: 22%;}
}

@media (max-width: 1160.98px) {
  html body.cs-magnasweets .cs-main article.cs-categoryPreview {width: calc(100%/1 - 1em);margin: 0;margin-bottom: 2em;}
  html body.cs-magnasweets.cs-category article.cs-articlePreview {width: calc(100% /3 - 2em);margin: 1em;}
  
  html body.cs-magnasweets .cs-bannerRow {margin-top: 1em;}
}

@media (max-width: 1024.98px) {
  html body.cs-magnasweets #magna_template_table table {font-size: 14px;}
  html body.cs-magnasweets #magna_template_table table td {padding: 15px 10px;}
  html body.cs-magnasweets #magna_template_table table tr:first-child td:first-child,
  html body.cs-magnasweets #magna_template_table table tr:not(:first-child) td:first-child {padding-left: 20px;}
  html body.cs-magnasweets #magna_template_table table tr:not(:first-child) td:not(:first-child) {font-size: 15px;}
}

@media (max-width: 840.98px) {
  html body.cs-magnasweets header .cs-headerContent .cs-container {display: block;}
  html body.cs-magnasweets header .cs-logo {margin: 10px auto;}
  html body.cs-magnasweets .cs-topContent {margin-left: unset;width: 100%;justify-content: center;margin-bottom: 10px;}
  html body.cs-magnasweets header .cs-headerContent {justify-content: center;}
  html body.cs-magnasweets header .cs-headerContent .cs-categoriesBox .cs-container {justify-content: center;}
  html body.cs-magnasweets .cs-topContent {border-right: 0 solid #fff;display: flex;}
  html body.cs-magnasweets .cs-categoriesMegaMenu .cs-megaMenu {justify-content: center;}
  html body.cs-magnasweets .cs-categoriesTop svg {display: none;}
  html body.cs-magnasweets .cs-categoriesTop > ul.cs-categories1 > li:hover > ul.cs-categories2 {display: none !important;}
  html body.cs-magnasweets header .cs-headerContent .cs-categoriesBox .cs-categoriesTop > ul >  li > div > a {padding: 11px 1em;}
}

@media (max-width: 800.98px) {
  html body.cs-magnasweets #magna_template_table {padding: 0;}
  html body.cs-magnasweets #magna_template_table .table_title {font-size: 22px;}
  html body.cs-magnasweets #magna_template_table table {font-size: 13px;}
  html body.cs-magnasweets #magna_template_table table td {padding: 10px 8px;}
  html body.cs-magnasweets #magna_template_table table tr:first-child td,
  html body.cs-magnasweets #magna_template_table table tr:not(:first-child) td:first-child {padding-left: 12px;}
  html body.cs-magnasweets #magna_template_table table tr:not(:first-child) td:first-child{color:#fff}
  
  html body.cs-magnasweets #magna_template_table {border-radius: 0;box-shadow: none;}
  html body.cs-magnasweets #magna_template_table table,
  html body.cs-magnasweets #magna_template_table table tbody {display: block;width: 100%;}
  html body.cs-magnasweets #magna_template_table table tr:first-child {display: none;}
  html body.cs-magnasweets #magna_template_table table tr:not(:first-child) {display: block;margin-bottom: 15px;overflow: hidden;}
  html body.cs-magnasweets #magna_template_table table tr:not(:first-child) td:first-child {display: block;width: 100%;background-color: #e2007a;color: #ffffff;text-align: center;font-weight: 700;font-size: 15px;padding: 15px;border-bottom: none;text-transform: none;}
  html body.cs-magnasweets #magna_template_table table tr:not(:first-child) td:not(:first-child) {display: flex;justify-content: space-between;align-items: center;width: 100%;text-align: right;padding: 12px 15px;border-bottom: 1px solid #f0f0f0;font-size: 16px;}
  html body.cs-magnasweets #magna_template_table table tr:not(:first-child) td:last-child {border-bottom: none;}
  html body.cs-magnasweets #magna_template_table table tr:not(:first-child) td:not(:first-child)::before {content: attr(data-label) " Stück:";font-weight: 600;color: #666666;font-size: 14px;}
  
  html body.cs-magnasweets .cs-articleDetail.cs-container {padding: 0 8px;}
  
  html body.cs-magnasweets .cs-categoryBox {display: block;}
  html body.cs-magnasweets .cs-categoryPreview .cs-categoryContent {width: 100%;}
  html body.cs-magnasweets .cs-categoryBox > a {display: none;}
  
  html body.cs-magnasweets .cs-categoryButton {text-align: center;position: relative;margin-top: 1em;bottom: 0;display: inline-block;}
  
  html body.cs-magnasweets.cs-category article.cs-articlePreview {width: calc(100% /2 - 2em);margin: 1em;}
}

@media (max-width: 769.98px) {
  html body.cs-magnasweets #myCustomerLists .cs-memoryListArticleBox {max-width: 100%;}
  html body.cs-magnasweets #myCustomerLists .cs-memoryListArticleBox{flex:1 1 100%}
  
  html body.cs-magnasweets .cs-orderDetailView .cs-orderStatus {display: block;}
  html body.cs-magnasweets .cs-orderDetailView .cs-button1 {margin-left: 0;margin-right: 10px;margin-top: 10px;}
}

@media (max-width: 627.98px) {
  html body.cs-magnasweets header .cs-miniButtons {margin-top: 10px;}
  html body.cs-magnasweets .cs-container {padding: 0;}
  html body.cs-magnasweets .cs-categoriesTop > ul.cs-categories1 > li {margin-left: 0;}
  html body.cs-magnasweets header .cs-headerContent .cs-categoriesBox .cs-categoriesTop > ul >  li > div > a {padding: 0.7em 7px 0.5em 0;}
  html body.cs-magnasweets .cs-categoriesTop > ul {gap: 1em;}
  html body.cs-magnasweets .cs-topPages > ul > li {margin-right: 0;padding: 5px 0px;}
  
  html body.cs-magnasweets .cs-amountBox .cs-blockPriceVpeLeft, 
  html body.cs-magnasweets .cs-amountBox .cs-blockPriceLeft {width: 50%;}
  
  html body.cs-magnasweets .cs-execution input, 
  html body.cs-magnasweets .cs-execution select {width: 100%;}
}

@media (max-width: 600.98px) {
  html body.cs-magnasweets #magna_template_table table {font-size: 12px;}
  html body.cs-magnasweets #magna_template_table table td {padding: 8px 5px;}
  html body.cs-magnasweets #magna_template_table .table_title {font-size: 20px;}
}

@media (max-width: 550.98px) {
  html body.cs-magnasweets .cs-execution input, html body.cs-magnasweets .cs-execution select {width: 100%;}
}

@media (max-width: 480.98px) {
  html body.cs-magnasweets #magna_template_table table tr:not(:first-child) td:first-child {font-size: 14px;padding: 12px;}
  html body.cs-magnasweets #magna_template_table table tr:not(:first-child) td:not(:first-child) {font-size: 15px;padding: 10px 15px;}
  html body.cs-magnasweets #magna_template_table table tr:not(:first-child) td:not(:first-child)::before {font-size: 13px;}
}

@media (max-width: 400.98px) {
  html body.cs-magnasweets.cs-category article.cs-articlePreview {width: calc(100% /1 - 2em);margin: 1em;}
}





@media (max-width: 992px) {
  html body.cs-body .cs-logoUpload-form {flex-direction: column;align-items: flex-start;gap: 15px;}
  html body.cs-body .cs-logoUpload-bar {padding: 20px;}
  html body.cs-body .cs-logoUpload-input-wrapper {width: 100%;}
  html body.cs-body .cs-logoUpload-submit-btn {width: 100%;text-align: center;}
}

@media (max-width: 600px) {
  html body.cs-body .cs-logoUpload-title {font-size: 1.8rem;}
  html body.cs-body .cs-logoUpload-info-section {flex-direction: column;align-items: flex-start;gap: 20px;}
  html body.cs-body .cs-logoUpload-preview {text-align: left;width: 100%;}
  html body.cs-body .cs-logoUpload-img {margin: 0;}
}

@media (max-width: 768px) {
  html body.cs-body .cs-wexOrderImport form {flex-direction: column;align-items: stretch;text-align: center;padding: 1.5em;}
  html body.cs-body .cs-wexOrderImport [type=submit] {width: 100%;margin-top: 10px;padding: 12px;}
  html body.cs-body .cs-wexOrderImport input[type=file] {width: 100%;overflow: hidden;}
}

@media (max-width: 480px) {
  html body.cs-body .cs-wexOrderImport form {font-size: 15px;gap: 0.8em;}
}

@media (max-width: 600px) {
  html body.cs-body .cs-ftpConfig-row {grid-template-columns: 1fr; /* Label über Input */gap: 5px;}
  html body.cs-body .cs-ftpConfig-row-checkbox {display: flex;flex-direction: row-reverse;justify-content: flex-end;align-items: center;gap: 10px;}
  html body.cs-body .cs-ftpConfig-row input[type="text"],
  html body.cs-body .cs-ftpConfig-row input[type="password"],
  html body.cs-body .cs-ftpConfig-row select {max-width: 100%;}
  html body.cs-body .cs-ftpConfig-title {font-size: 1.6rem;}
  html body.cs-body .cs-ftpConfig-submitBtn {width: 100%;}
}