html body.cs-lufthansa article.cs-articlePreview {width: calc(100% /3 - 16px);}
html body.cs-lufthansa .cs-mobileViewSearchBox {display: none;}
html body.cs-lufthansa .cs-categoriesBox .cs-categoriesTop, html body.cs-lufthansa .cs-categoriesBox .cs-categoriesMegaMenu {display: block;margin-bottom: 9px;}
html body.cs-lufthansa .cs-productListing, .cs-categoryList {margin-left: -5px;margin-right: -5px;}

@media (max-width: 990.98px) { 
  html body.cs-lufthansa .cs-startText {font-size: 18px;padding: 1em 2em 2em 2em;}
}
@media (max-width: 700.98px) {
  html body.cs-lufthansa article.cs-articlePreview {width: calc(100% /2 - 16px);}
}
@media (max-width: 629.98px) { 
  html body.cs-lufthansa .cs-category article.cs-articlePreview {width: calc(100% /2 - 16px);}
}


/* anpassungen 14.10.2024 - Patrick Wahler - erneute Anpassungen die nichts mit den anpassungen zu tun haben die wir vorher gemacht habem - Screenshots angelegt */
@media (max-width: 1200.98px) {
  html body.cs-lufthansa section.cs-mainContent {width: 100%;}
  html body.cs-lufthansa .cs-orderSummaryBlock > div {width: calc(100%/2 - 1em);}
}
@media (max-width: 1030.98px) {
  html body.cs-lufthansa header,
  html body.cs-lufthansa .cs-main {padding: 0 20px;}
  html body.cs-lufthansa footer .cs-footerRow.top {padding: 0 1em;}
  html body.cs-lufthansa #tabs .tabContainer .tabs {border: 0 solid #dadadd;margin: 0;width: 100%;text-align: left;}
  html body.cs-lufthansa #tabs .tabs span {font-size: 18px;}
}
@media (max-width: 990.98px) {
  html body.cs-body.cs-loginpagebody .cs-loginHeader {padding: 20px;}
  html body.cs-body.cs-loginpagebody .cs-loginText,
  html body.cs-body.cs-loginpagebody .cs-wrapper {padding: 0 20px;}
  html body.cs-body.cs-loginpagebody .cs-headerTop {top: -17px;right: 6px;}
  body.cs-body.cs-loginpagebody .cs-footerCopyright {padding: 2em 20px;}
  
  html body.cs-body .cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox [data-amount="plus"],
  html body.cs-body .cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox [data-amount="minus"] {padding: 0;width: 2em;}
}
@media (max-width: 860.98px) {
  html body.cs-lufthansa .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleLeftBox {max-width: 100%;}
  html body.cs-lufthansa .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleRightBox {max-width: 100%;}
  html body.cs-lufthansa .cs-articleDetail .cs-articlePictureBox .cs-gallery {width: 100%;}
  html body.cs-lufthansa .cs-orderSummaryBlock > div {width: calc(100%/1);}
  html body.cs-lufthansa .cs-articleDetail .cs-articlePictureBox {flex-direction: column-reverse;}
  html body.cs-lufthansa .cs-articleDetail .cs-articlePictureBox .cs-gallery.cs-addPicBox {width: 100%;display: flex;}
  html body.cs-lufthansa .cs-articleDetail .cs-articlePictureBox .cs-addPicBox .cs-galleryImageBox {width: calc(100%/5);}
  html body.cs-lufthansa .cs-articleDetail .cs-articlePictureBox .cs-imageBox {background: #f6f6f6;text-align: center;}
}
@media (max-width: 760.98px) {
  html body.cs-lufthansa footer .cs-footerBox .cs-footerBoxHeader {margin: 25px 0px 10px 0;}
  html body.cs-body.cs-loginpagebody .cs-loginText .cs-loginTextInner {display: block;padding-right: 0;}
}
@media (max-width: 650.98px) {
  html body.cs-lufthansa .cs-guidelinesButton a {width: 100%;}
  html body.cs-lufthansa .cs-startText {padding: 1px 1em 1px 1em !important;}
  html body.cs-lufthansa .cs-startTextBox .cs-startText h1 {font-weight: 300;font-size: 18px;line-height: 24.48px;}
  html body.cs-lufthansa .cs-startText {font-size: 12px;font-family: 'Lufthansa Head';font-weight: 300;}
  html body.cs-lufthansa .cs-mobileViewSearchBox {display: block;}
  html body.cs-lufthansa header .cs-miniButtons > ul > li.cs-searchBar {display: none;}
  html body.cs-lufthansa header .cs-headerContent .cs-container {display: flex;}
  html body.cs-lufthansa .cs-mainContent .cs-bannerRow {display: grid;}
  html body.cs-lufthansa .cs-bannerRow.cs-bannerLayout7 {grid-template-columns: repeat(1, 1fr);}
  html body.cs-lufthansa #bestellblock .cs-bestellButtons,
  html body.cs-lufthansa #bestellblock .cs-bestellButtons input {width: 100%;margin-top: 4px;}
  html body.cs-lufthansa .cs-categoriesBox .cs-categoriesTop, html body.cs-lufthansa .cs-categoriesBox .cs-categoriesMegaMenu {display: none;}
  html body.cs-lufthansa header .cs-miniButtons .cs-overlayButton.cs-overlayMenuButton {display: inline-block;background: #fff;padding: 0;margin-left: 10px;width: auto;}
  html body.cs-lufthansa header .cs-miniButtons .cs-overlayButton.cs-overlayMenuButton svg {margin: 0;top: 0;}
  html body.cs-lufthansa header .cs-miniButtons .cs-overlayButton.cs-overlayMenuButton svg path {fill: #05164D;}
  html body.cs-lufthansa header .cs-miniButtons .cs-lang {display: none;}
  html body.cs-lufthansa article.cs-categoryPreview {width: 100%;}
  html body.cs-lufthansa header .cs-miniButtons .cs-overlayButton.cs-overlayMenuButton {display: flex;margin-left: 0;}
  html body.cs-lufthansa header .cs-headerContent .cs-container {align-items: center;}
  html body.cs-body.cs-loginpagebody .cs-loginHeader {margin-bottom: 0;}
  html body.cs-body.cs-loginpagebody .cs-loginHinweis {margin: 2em 0 2em 0;}
  body.cs-body.cs-loginpagebody .cs-footerCopyright img {margin-top: 2em;}
  html body.cs-lufthansa .cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox {width: 100%;margin: 0;}
  html body.cs-lufthansa.cs-checkout .logo {margin: 7px 0;}
  html body.cs-lufthansa header .cs-miniButtons {position: relative;top: -6px;}
}
@media (max-width: 575.98px) {
  html body.cs-lufthansa .cs-listPager .cs-articlecount .cs-heading {margin-left: 0;font-weight: 300;}
  html body.cs-lufthansa .cs-listPager .cs-articlecount span {width: auto;display: inline-block;}
  body.cs-body.cs-loginpagebody .cs-headerTop {right: 16px;}
  body.cs-body.cs-loginpagebody .cs-footerCopyrightInner {display: block;}
}
@media (max-width: 500.98px) {
  html body.cs-lufthansa .cs-listPager .cs-articlecount {display: block;}
  html body.cs-lufthansa .cs-listPager .cs-articlecount > span {width: 100% !important;margin-bottom: 5px;}
  html body.cs-lufthansa .cs-listPager .cs-articlecount select {width: auto !important;}
}
@media (max-width: 400.98px) {
  html body.cs-lufthansa article.cs-articlePreview .cs-priceFormat {display: block;}
  html body.cs-lufthansa header, html body.cs-lufthansa .cs-main {padding: 0 10px;}
  html body.cs-lufthansa header .cs-headerContent .cs-container {align-items: center;gap: 0;}
  html body.cs-lufthansa .cs-logo a {display: block;height: 17px;}
  html body.cs-lufthansa header .cs-miniButtons > ul {align-items: center;gap: 1px;}
  html body.cs-body.cs-loginpagebody .cs-loginHeader .cs-loginHeaderInner > a:first-of-type {display: none;}
  html body.cs-body.cs-loginpagebody .cs-headerTop {top: -10px;}
  html body.cs-body.cs-loginpagebody .cs-loginHeader .cs-loginHeaderInner img.cs-secondLogo {max-width: 200px;}
}