::-webkit-scrollbar-track {border-radius: 4px;background-color: #F5F5F5;}
::-webkit-scrollbar {width: 1em;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #05164d;}

svg:not(:root) {overflow: unset !important;}

html body.cs-lufthansa .cs-startTextBox .cs-startText.blueGradient {
  background: -webkit-linear-gradient(135deg, #3257BC 0%, #05164D 100%);
  background: -moz-linear-gradient(135deg, #3257BC 0%, #05164D 100%);
  background: -o-linear-gradient(135deg, #3257BC 0%, #05164D 100%);
  background: linear-gradient(135deg, #3257BC 0%, #05164D 100%);
}
html body.cs-lufthansa .cs-startTextBox .cs-startText.blueGradient span {font-weight: normal !important;}

.cs-textHint {background: #05164c;padding: 10px 10px 5px 10px;border-radius: 0 !important;margin-top: 0;display: block;text-align: center;}

.cs-articleDetail .cs-auszeichnungenItem {height: auto;width: auto;}
article.cs-articlePreview .cs-auszeichnungenItem {height: auto;width: auto;}

.cs-lang > img {display: none;}
.cs-lang > a > img {width: 32px;}

body .cs-startSlider {display: block !important;}

body.cs-body.cs-loginpagebody .cs-contactForm {padding: 2em 9px;}

.ui-dialog .ui-dialog-titlebar {background: #05164d !important;margin: 0 !important;}
.ui-dialog .ui-dialog-titlebar-close {background: #05164d !important;}

.cs-articleDetail .basketBlock .cs-articleAmount .cs-articlePlus,
.cs-articleDetail .basketBlock .cs-articleAmount .cs-articleMinus {max-width: 1.5em;}

#categoriesLeft > ul > li > a {padding: 0.3em 0;}

body {font-family: 'Lufthansa Text';font-weight: normal;color: #000000;font-size: 16px;line-height: 1.5;letter-spacing: -.01em;}
:is(h1, h2, h3, h4, h5, h6),
footer .cs-footerBox .cs-footerBoxHeader {font-family: 'Lufthansa Head';font-weight: bold;color: #05164d;}}
.cs-container,
.cs-box {max-width: 992px;padding: 0 18px;}
/* .cs-logo {max-width: 264px;} */
.cs-logo img {width: 100%;line-height: 15px;-webkit-mask-image: none !important;mask-image: none !important;}
.cs-logo svg {max-width: 100%;width: 187px;}
.logo svg {max-width: 100%;width: 187px;}
html body input[type="text"], html body input[type="email"], html body input[type="password"], html body input[type="number"], html body input[type="radio"], html body input[type="date"], html body select, html body textarea {
  font-size: .875rem;
  line-height: 1.5;
  font-weight: 400;
  color: #333;
  padding: .5625rem .5625rem;
  text-shadow: none;
  box-shadow: none;
  border: 1px solid #05164d;
  border-radius: 3px;
  margin-bottom: 0;
  border-radius: 4px;
}
.cs-articleDetail .cs-badgesBox {left: auto;top: 1%;}
.cs-categoryHeader.cs-container {padding: 0;}
.cs-categoryHeader.cs-container h1 {margin-top: 0;}
.cs-breadCrumb {margin-bottom: 4px;margin-top: 2em;}
.cs-listPager .cs-articlecount {border-bottom: 0 solid #dadadd;padding-bottom: 10px;display: flex;align-items: center;gap: 15px;justify-content: end;padding-bottom: 10px;}
#tabs .tabcontent {padding: 1em 0;}
.cs-articleDetail .cs-articleName {font-size: 22px;}
.cs-hr {height: 0;}
.cs-priceFormat {display: flex;gap: 10px;}
.leftNavigationBox .cs-extraSites {margin-top: 20px;}
.leftNavigationBox .cs-extraSites ul li a {font-size: 16px;font-weight: 400;line-height: 21.76px;margin-bottom: 8px;display: block;}

.leftNavigationBox .cs-sidebox h4 {font-weight: 600;font-size: 20px;margin-top: 33px;margin-bottom: 7px;}
.leftNavigationBox .cs-sidebox ul.cs-leftFilter {line-height: 31px;}
.leftNavigationBox .cs-sidebox ul.cs-leftFilter li span {font-size: 16px;}
.leftNavigationBox .cs-sidebox ul.cs-leftFilter li {display: flex;gap: 15px;}
.leftNavigationBox .cs-sidebox ul.cs-leftFilter input[type=checkbox] {cursor: pointer;background-clip: content-box;padding: 2px;height: 23px;width: 23px;position: relative;top: 3px;border-radius: 0 !important;border: 2px solid #05164d;-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;}
.leftNavigationBox .cs-sidebox ul.cs-leftFilter input[type=checkbox]:checked {padding: 2px;background-color: #05164d;}
.cs-aside .leftNavigationBox .cs-sidebox {margin-bottom: 3em;}

html body .cs-badgesBox {position: absolute;left: auto;top: 8px;z-index: 2;right: 8px;}
html body .cs-badgesBox .singleBadge.badgeYellow {
    background: #ffad00;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    font-size: 11px;
    line-height: 14.96px;
    letter-spacing: 1px;
    padding: 6px 10px 4px 10px;
}
html body .cs-badgesBox .singleBadge {position: relative;padding: 4px 15px;font-size: 18px;margin-bottom: 0.1em;border-radius: 100%;height: auto;width: auto;align-items: center;justify-content: center;display: flex;text-transform: uppercase;}
html body .cs-badgesBox .singleBadge.badgeGreen {
  color: #fff;
  font-weight: 700;
  border-radius: 5px;
  font-size: 11px;
  line-height: 14.96px;
  letter-spacing: 1px;
  padding: 6px 10px 4px 10px;
}

.cs-breadCrumb,
.cs-breadCrumb a {color: #999999;}

/* verdandkosten checkout */
.cs-versandkostenBox {padding: 1em;margin: 1em 0 0 0;border-radius: 5px;background: #f6f6f6;}
.cs-versandkostenBox h4 {margin: 0;font-size: 17px;font-weight: 500;}
.cs-versandkostenBox .cs-shipRow {width: 100%;}
.cs-versandkostenBox .cs-prices #best_land {margin: 1em 0;}
.cs-versandkostenBox .cs-shippingCheck {display: flex;align-items: baseline;gap: 8px;margin-top: 0;}
.cs-versandkostenBox select {width: 100%;margin: 1em 0;background-color: #fff;}
.cs-versandkostenBox .cs-versandResult {font-weight: 600;}
.cs-versandkostenBox input[type="checkbox"] {height: 2em;width: 3em;top: 13px;cursor: pointer;}
.cs-versandkostenBox .cs-shipSubHeadline {font-size: 13px;}
.cs-versandkostenBox .cs-shipRowHead {display: flex;}
.cs-versandkostenBox .cs-shipRowHead svg {max-width: 33px;margin-left: auto;}

.cs-versandBox {width: 100%;margin-top: 2em;}
.cs-versandBox h5 {margin-bottom: 3px;font-weight: 500;font-size: 15px;}
.cs-versandBox select {margin-bottom: 6px;margin-left: -5px;}

html body article.cs-articlePreview .cs-actionButton a {width: 100%;text-align: center;margin-top: 10px;font-size: 20px;}
article.cs-articlePreview .priceBox .uvpBox {color: #bebebe;font-size: 2rem;font-weight: 300;}
.cs-articleDetail .cs-priceFormat .cs-lineThrough {color: #bebebe;font-size: 1.8rem;}

article.cs-articlePreview {border: 2px solid #e6e6e6;padding: 19px;margin: 8px;}
article.cs-articlePreview h3 {line-height: 21px;text-align: center;}
article.cs-articlePreview h3 .cs-artPreviewName {
    font-size: 16px;
    text-align: center;
    line-height: 21.76px;
    font-weight: 700;
}

article.cs-articlePreview .priceBox {overflow: hidden;display: flex;justify-content: center;}
article.cs-articlePreview .cs-priceFormat {display: flex;align-items: center;justify-content: center;gap: 10px;flex-direction: row-reverse;margin: 3em 0 10px 0;}

.cs-categoryView .categoryPicture {display: none;}
.cs-miniButtons li img {width: 32px;top: auto;position: relative;}
.cs-guidelinesButton a {
    display: flex;
    background: #FFAD00;
    font-size: 22px;
    padding: 12px 20px 8px 20px;
    border-radius: 5px;
    margin: 1em 0;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    width: 170px;
    justify-content: center;
    align-items: center;
    padding-top: 12px;
}
.theme-default .nivo-controlNav {display: none;}

.cs-statusbar li.cs-basketSteps.active {border-right: 7px solid #05164d;}
body.cs-checkout .logo {margin: 2em 0;max-width: 300px;}
.cs-basektRightBox {width: 25%;margin-left: auto;margin-bottom: 2em;}
#tabs .tabcontent {padding: 1em 0;}
#tabs .tabss {padding: 1em;cursor: pointer;}
#tabs .tabss.activeTab {font-weight: 600;background: #05164d;color: #fff;font-weight: 300;}
footer .cs-footerTop {padding: 40px 0 60px 0;margin-top: 50px;}
html body section.cs-mainContent > .cs-container {padding: 0;}
footer .cs-footerPayments {text-align: center;padding: 0;}
.cs-badgesBox .badgeYellow {background: #05164d;}
.cs-hoverlay {display: none !important;}
.cs-button1 a {color: #fff;}
input#wkmenge {padding: 6px;}
.cs-categoriesBox {background: #ffffff;}

.cs-categoriesTop > ul > li > .cs-menuItem > a  {color: #05164D;text-shadow: none;padding: 0;padding-right: 32px;font-size: 22px;padding-left: 0;font-weight: 600;}
.cs-categoriesTop ul li .cs-menuItem .cs-categorieName svg {width: 12px;height: 12px;position: relative;top: 6px;float: right;left: 7px;}
header .cs-headerContent {padding: 19px 0 10px 0;margin-bottom: 10px;margin-top: 0;}
html body article.cs-categoryPreview {width: calc(100%/2 - 2em);}
.cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox [data-amount="plus"] {top: 2px;right: 2px;}
.cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox [data-amount="minus"] {position: absolute;top: 2px;left: 2px;}
.cs-startTextBox .cs-startText {
    background: #05164c;
    color: #fff;
    max-width: 992px;
    padding: 1em 4em 2em 4em;
    margin: 0 auto 0 auto;
    font-size: 16px;
    line-height: 19.01px;
    font-weight: 300;
    font-family: 'Lufthansa Text';
}
/*.cs-startTextBox .cs-startText > * {max-width: 561px;}*/
.cs-startTextBox .cs-startText h1 {color: #fff;font-weight: 300;line-height: 36.72px;font-size: 27px;}
.cs-startTextBox {padding: 10px 0 35px 0;background: #ffffff;}
body .cs-startSlider {display: block;max-width: 992px;width: 100%;margin: 0 auto;}
.cs-start .cs-categoriesBox {background: #ffffff;margin-bottom: 10px;}
.cs-footerRow.newsletter {display: none;}
.cs-footerPayments {margin-top: 1em;}
footer .cs-footerRow.top {background: #ffffff;margin-top: 3em;}
footer .cs-footerRow.top .cs-footerInner .cs-footerTop {border-top: 1px solid #05164D;}
footer .cs-footerBox .cs-footerBoxHeader {color: #05164d;font-weight: 700;font-size: 18px;}
html body .cs-headerContent .cs-miniwk span {color: #05164d;font-size: 1rem;font-weight: 600;display: none;}
html body .cs-headerContent .cs-miniwk a {display: flex;align-items: center;justify-content: center;gap: 2em;}
.cs-lang {padding-top: 0;margin-right: -10px;max-width: 54px;}
header .cs-miniButtons > ul {align-items: center;gap: 10px;}
header .cs-headerContent .cs-container {align-items: center;gap: 2em;}
header .cs-headerContent li.cs-miniwk {position: relative;top: 0;}
.cs-body .cs-button1 {padding: 0.72em 1em;font-size: 1rem;border: 0;background: #05164d;color: #fff;border: 0;cursor: pointer;display: inline-block;margin-bottom: 4px;}
.cs-body .cs-button1:hover {background: #05164d;}
html body.cs-body .cs-overlayButton.cs-overlayMenuButton,
html body.cs-body .cs-topPages .cs-informationsHeader, 
html body.cs-body .cs-mobileCategorys .cs-mobileCategorysHeader, 
html body.cs-body .cs-compareHeader,
html body.cs-body #bestandsbenachrichtigung .requestBtn,
html body.cs-body .cs-button1,
html body.cs-body .cs-button1:hover,
html body.cs-body footer .cs-footerNewsletterBox.input .cs-newsletterSubmit,
html body.cs-body .wkAddLayer .cs-checkoutBtn,
html body.cs-body .cs-filterButton,
html body.cs-body .cs-articleDetail .cs-bestellButtons .orderBlockBtns.orderBlockBasketBtn.cs-button2 {background: #05164d;}
html body article.cs-articlePreview .cs-actionButton a {width: 100%;text-align: center;margin-top: 10px;}
article.cs-articlePreview .priceBox .priceRow .price span {
    font-size: 22px;
    font-weight: 500;
    color: #05164D;
    font-weight: 300;
    line-height: 29.92px;
}
.cs-subtitle {display: none;}

html body.cs-body .cs-overlayButton.cs-overlayMenuButton, html body.cs-body .cs-topPages .cs-informationsHeader, html body.cs-body .cs-mobileCategorys .cs-mobileCategorysHeader, html body.cs-body .cs-compareHeader, html body.cs-body #bestandsbenachrichtigung .requestBtn, html body.cs-body .cs-button1, html body.cs-body .cs-button1:hover, html body.cs-body footer .cs-footerNewsletterBox.input .cs-newsletterSubmit, html body.cs-body .wkAddLayer .cs-checkoutBtn, html body.cs-body .cs-filterButton, html body.cs-body .cs-articleDetail .cs-bestellButtons .orderBlockBtns.orderBlockBasketBtn.cs-button2, .cs-body .cs-button3 {
    border-radius: 4px;font-size: 16px !important;
    padding: 8px 13px;text-decoration: none !important;
}

.cs-bannerRow.cs-bannerLayout7 .cs-bannerItem:nth-of-type(1), .cs-bannerRow.cs-bannerLayout7 .cs-bannerItem:nth-of-type(2),
.cs-bannerRow.cs-bannerLayout7 .cs-bannerItem:nth-of-type(3), .cs-bannerRow.cs-bannerLayout7 .cs-bannerItem:nth-of-type(4) {
    grid-column: span 2 / auto;
    grid-row: span 2 / auto;
}
html body input[type="text"], html body input[type="email"], html body input[type="password"], html body input[type="number"], html body input[type="radio"], html body input[type="date"], html body select, html body textarea {
border: 1px solid #e0e0e0;}

header .cs-headerContent li.cs-miniwk img {top: -5px;}
header .cs-miniButtons > ul > li {margin: 0;}

body.cs-body.cs-loginpagebody .cs-loginHeader {box-shadow: 0px 0px 8px 2px #aaa;padding: 2em 0;}
body.cs-body.cs-loginpagebody .cs-loginHeader .cs-loginHeaderInner,
body.cs-body.cs-loginpagebody .cs-loginText .cs-loginTextInner {max-width: 1050px;margin: 0 auto;display: flex;justify-content: space-between;padding: 0;}
body.cs-body.cs-loginpagebody .cs-loginHeader .cs-loginHeaderInner img.cs-mainLogo {max-width: 100%;width: 60px;}
body.cs-body.cs-loginpagebody .cs-loginHeader .cs-loginHeaderInner img.cs-secondLogo {max-width: 100%;width: 267px;}
body.cs-body.cs-loginpagebody .cs-loginText .cs-loginTextInner {display: block;}
body.cs-body.cs-loginpagebody .cs-loginText .cs-loginTextInner h1 {font-weight: 300;color: #05164D;font-size: 20px;font-size: 40px;}
body.cs-body.cs-loginpagebody {display: block;}
body.cs-body.cs-loginpagebody .cs-wrapper {max-width: 1050px;padding: 0;border: 0 solid #ddd;border-radius: 0.1em;position: relative;margin: 0 auto;}
body.cs-body.cs-loginpagebody h1.loginBoxHeader {font-size: 20px;margin-top: 2em;font-weight: 600;color: #05164d;margin-bottom: 2px;}
body.cs-body.cs-loginpagebody .cs-loginBoxHeaderSubtitle {font-size: 14px;font-weight: 300;margin-bottom: 2em;}
body.cs-body.cs-loginpagebody .cs-loginHinweis {background: #f4f4f4;padding: 1em;margin: 2em 10px 2em 10px;}
body.cs-body.cs-loginpagebody .cs-footerCopyrightInner {max-width: 1050px;margin: 0 auto;display: flex;justify-content: space-between;padding: 0;}
body.cs-body.cs-loginpagebody .cs-footerCopyright {margin-top: 3em;background: #f4f4f4;padding: 2em 0;}
body.cs-body.cs-loginpagebody .cs-footerCopyright ul {display: block;}
body.cs-body.cs-loginpagebody .cs-login,
body.cs-body.cs-loginpagebody .cs-loginHinweis2 {padding: 0;}
body.cs-body.cs-loginpagebody li.cs-listHeader {color: #05164d;font-weight: 600;font-size: 16px;margin-bottom: 10px;}
body.cs-body.cs-loginpagebody a {text-decoration: underline;}
body.cs-body.cs-loginpagebody .cs-headerTop {display: flex;align-items: center;}

body.cs-loginpagebody .cs-loginHeader .cs-loginHeaderInner {min-height: 60px;}

.cs-categoriesTop > ul > li > .cs-menuItem > a {font-size: 16px;font-weight: 700;font-family: 'Lufthansa Head';height: 22px;}
html body select {
    padding: 4px 8px 4px 8px;
    border: 1px solid #333333 !important;
    border-radius: 4px;padding-right: 20px;
    height: 24px;
    line-height: 16.32px;
    font-size: 12px !important;
    font-weight: 400;width: auto;
}
.cs-listPager .cs-articlecount select[name="page_count"] {
    width: auto;padding-right: 20px;
}
select {
    cursor: pointer;
    background-color: #f7f7f7;background-position: right 3px center;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.60766 0L7.07176 6H0.143555L3.60766 0Z' fill='%23333333'/%3E%3Cpath d='M3.60766 14L0.143555 8L7.07176 8L3.60766 14Z' fill='%23333333'/%3E%3C/svg%3E");
}
.cs-form .cs-formRow span.label {
    margin: 0;
    display: block;
    position: relative;
    top: 0px;
    left: -4px;
    background: #fff;
    padding: 0 6px;
    border-radius: 0.3em;
    z-index: 1;
}


/* anpassungen 14.10.2024 - Patrick Wahler - erneute Anpassungen die nichts mit den anpassungen zu tun haben die wir vorher gemacht habem - Screenshots angelegt */
html body.cs-lufthansa .cs-categoriesTop > ul > li > .cs-menuItem > a {font-size: 16px;font-weight: 300;font-family: 'Lufthansa Head';height: 22px;padding-right: 17px;}
html body.cs-lufthansa .cs-logo {max-height: 19.5px;width: 300px;}
html body.cs-body.cs-loginpagebody .cs-loginHeader .cs-loginHeaderInner img.cs-secondLogo {max-height: 19.5px;width: 300px;}
html body.cs-lufthansa {font-family: 'Lufthansa Text';font-weight: normal;color: #333333;font-size: 16px;line-height: 1.5;letter-spacing: -.01em;}
html body.cs-lufthansa a {color: #333333;}
html body.cs-lufthansa footer .cs-footerRow.top {background: #f5f5f5;margin-top: 3em;}
html body.cs-lufthansa footer .cs-footerRow.top .cs-footerInner .cs-footerTop {border-top: 0px solid #05164D;}
html body.cs-lufthansa .cs-categoriesTop ul.cs-categories1 ul {width: 12em;margin-left: -15px;padding-top: 10px;}
html body.cs-lufthansa .cs-guidelinesButton a {background: #ffffff;color: #05164D;}
html body.cs-lufthansa .leftNavigationBox .cs-sidebox h4 {font-weight: 700;font-size: 16px;margin-top: 33px;margin-bottom: 7px;line-height: 21.76px;}
html body.cs-lufthansa #categoriesLeft .cat1 a {padding-left: 20px;color: #999;font-size: 16px;font-weight: 400;line-height: 21.76px;}
html body.cs-lufthansa #categoriesLeft .cat1.active1 a {color: #333333;font-weight: 700;}
html body.cs-lufthansa .cs-categoryView .categoryHeader,
html body.cs-lufthansa h3.cs-wkHeading,
html body.cs-lufthansa .cs-basektRightBox .cs-basektRightBoxInner h3,
html body.cs-lufthansa .cs-cartstep5 h3,
html body.cs-lufthansa .basketStep5 h1 {font-family: 'Lufthansa Head';font-weight: 300;color: #05164d;line-height: 36.72px;font-size: 27px;}
html body.cs-lufthansa article.cs-articlePreview {border: 0px solid #e6e6e6;padding: 0;margin: 8px;margin-bottom: 2em;}
html body.cs-lufthansa article.cs-articlePreview .pictureContainer a img {width: auto;max-height: 237px;margin: 0 auto;mix-blend-mode: multiply;}
html body.cs-lufthansa article.cs-articlePreview h3 {line-height: 21px;text-align: left;font-family: 'Lufthansa Text';font-weight: 300;}
html body.cs-lufthansa article.cs-articlePreview .cs-priceFormat {margin: 0;margin: 6px 0;}
html body.cs-lufthansa article.cs-articlePreview .priceBox {justify-content: left;}
html body.cs-lufthansa article.cs-articlePreview .cs-priceFormat {gap: 0;}
html body.cs-lufthansa article.cs-articlePreview .priceBox .priceRow .price span {font-size: 16px;font-weight: 500;color: #05164D;font-weight: 400;line-height: 21.76px;}
html body.cs-lufthansa article.cs-articlePreview .cs-actionButton {display: none;}
html body.cs-lufthansa article.cs-articlePreview h3 .cs-artPreviewName {font-size: 16px;text-align: center;line-height: 21.76px;font-weight: 700;color: #05164D;}
html body.cs-lufthansa article.cs-articlePreview .pictureContainer {background-color: #f6f6f6;}
html body.cs-lufthansa article.cs-articlePreview .artnamBox,
html body.cs-lufthansa article.cs-articlePreview .priceBox,
html body.cs-lufthansa article.cs-articlePreview .cs-informations,
html body.cs-lufthansa article.cs-articlePreview .cs-actionButton {padding: 0 1em;}
html body.cs-lufthansa article.cs-articlePreview .cs-lineThrough {text-decoration: line-through;display: inline-block;margin-right: 10px;}
html body.cs-lufthansa article.cs-articlePreview .uvpTotalBox {font-size: 16px;font-weight: 500;color: #BEBEBE;font-weight: 400;line-height: 21.76px;}
html body.cs-lufthansa .cs-breadCrumb, html body.cs-lufthansa .cs-breadCrumb a {color: #999999;}
html body.cs-lufthansa .cs-breadCrumb ul li:first-of-type .slash {display: none;}
html body.cs-lufthansa .cs-articleDetail .cs-articleName {font-size: 26px;font-weight: 300;line-height: 35.36px;margin: 0;}
html body.cs-lufthansa .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleRightBox .cs-hr {display: none;}
html body.cs-lufthansa .cs-articleDetail .cs-detailArtnum {font-size: 16px;color: #999999;font-weight: 400;line-height: 21.76px;}
html body.cs-lufthansa .cs-articleDetail .articlePriceBox .cs-priceFormat .priceRow .price {font-size: 22px;margin-top: 8px;font-weight: 400;}
html body.cs-lufthansa .cs-articleDetail .cs-articlePriceInfo,
html body.cs-lufthansa .cs-articleDetail .cs-articlePriceInfo a {font-size: 16px;text-decoration: none;font-weight: 400;color: #999999;}
html body.cs-lufthansa .cs-inStock,
html body.cs-lufthansa .cs-outOfStock {color: #ffffff;margin-bottom: 0.5em;background: #417505;display: inline-block;padding: 7px 16px 5px 16px;border-radius: 20px;font-size: 11px;font-weight: 700;line-height: 14.96px;text-transform: uppercase;letter-spacing: 1px;margin-top: 5px;}
html body.cs-lufthansa .cs-outOfStock {background: #CC0000;}
html body.cs-body .cs-overlayButton.cs-overlayMenuButton, html body.cs-body .cs-topPages .cs-informationsHeader, html body.cs-body .cs-mobileCategorys .cs-mobileCategorysHeader, html body.cs-body .cs-compareHeader, html body.cs-body #bestandsbenachrichtigung .requestBtn, html body.cs-body .cs-button1, html body.cs-body .cs-button1:hover, html body.cs-body footer .cs-footerNewsletterBox.input .cs-newsletterSubmit, html body.cs-body .wkAddLayer .cs-checkoutBtn, html body.cs-body .cs-filterButton, html body.cs-body .cs-articleDetail .cs-bestellButtons .orderBlockBtns.orderBlockBasketBtn.cs-button2, .cs-body .cs-button3 {border-radius: 4px;font-size: 16px !important;padding: 9px 35px 6px 35px;text-decoration: none !important;font-weight: 700;}
html body.cs-lufthansa #tabs .tabContainer {display: block;}
html body.cs-lufthansa #tabs .tabss.activeTab,
html body.cs-lufthansa #tabs .tabss {font-weight: 600;background: #fff;color: #333333;font-weight: 400;line-height: 21.76px;padding: 0;}
html body.cs-lufthansa #tabs .tabss span {padding-bottom: 0.3em;font-size: 16px;font-weight: 400;display: block;margin-bottom: 12px;border-bottom: 1px solid #333;display: flex;justify-content: space-between;}
html body.cs-lufthansa #tabs .tabss.activeTab span {border-bottom: 1px solid #333;}
html body.cs-lufthansa #tabs .tabss svg {max-width: 16px;margin-right: 10px;}
html body.cs-lufthansa #tabs .tabss.activeTab svg {rotate: 180deg;}
html body.cs-lufthansa #tabs .cs-articleQuestion {width: 100%;}
html body.cs-lufthansa #tabs .tabcontent {padding: 0 1em 1em 1em;}
html body.cs-lufthansa .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleLeftBox {max-width: 60%;}
html body.cs-lufthansa .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleRightBox {max-width: 40%;}
html body.cs-lufthansa .cs-categoriesTop ul li .cs-menuItem .cs-categorieName svg {display: none;}
html body.cs-lufthansa .cs-articleDetail .cs-articlePictureBox {display: flex;flex-wrap: wrap;}
html body.cs-lufthansa .cs-articleDetail .cs-articlePictureBox .cs-gallery {width: 70%;}
html body.cs-lufthansa .cs-articleDetail .cs-articlePictureBox .cs-gallery.cs-addPicBox {width: 25%;}
html body.cs-lufthansa .cs-articleDetail .cs-articlePictureBox .cs-addPicBox .cs-galleryImageBox {width: 100%;margin: 0 15px 15px 0;max-height: 118px;background: #f6f6f6;padding: 10px;}
html body.cs-lufthansa .cs-articleDetail .cs-articlePictureBox .cs-imageBox {background: #f6f6f6;}
html body.cs-lufthansa .cs-articleDetail .cs-articlePictureBox .cs-addPicBox .cs-galleryImageBox img {mix-blend-mode: multiply;}
html body.cs-lufthansa .cs-articleDetail .cs-articlePictureBox #cs-mainpicBox {mix-blend-mode: multiply;}
html body.cs-lufthansa .cs-articleDetail .cs-articleDetailTopBox {display: none;}
html body.cs-lufthansa .cs-articleDetail {position: relative;margin-top: 15px;}
html body.cs-lufthansa .cs-startTextBox .cs-startText {border-radius: 3px;}
html body.cs-lufthansa .cs-mobileCategorysHeader.noselect {padding-left: 1em !important;border-radius: 0 !important;}
html body.cs-lufthansa header .cs-miniButtons > ul > li.cs-loggingOut {display: none;}
html body.cs-lufthansa footer .cs-mailText {color: #999999;}
html body.cs-lufthansa .cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox {position: relative;margin-right: 0.5em;width: 21%;}
html body.cs-lufthansa .cs-articlePager {display: none;}
html body.cs-lufthansa.cs-checkout .logo {margin: 2em 0;max-width: 191px;}
html body.cs-lufthansa select {height: auto;}
html body.cs-lufthansa.cs-checkout .cs-summary select {margin-bottom: 10px;padding: 5px 0 3px 6px !important;}
html body.cs-lufthansa.cs-checkout #shippingInformation input {width: 100%;margin-bottom: 3px;}
html body.cs-lufthansa.cs-checkout #shippingInformation .cs-button3 {padding-left: 0;padding-right: 0;margin-top: 10px;}
html body.cs-lufthansa .cs-lang > a > img {width: 27px;top: 0px;position: relative;}
html body.cs-lufthansa .articleInfoBox .vpeBox {color: #05164D;}
html body.cs-lufthansa select {padding: 5px 8px 4px 8px;border: 1px solid #333333 !important;border-radius: 4px;padding-right: 20px;height: auto;line-height: 16.32px;font-size: 16px !important;font-weight: 400;width: auto;}
html body.cs-lufthansa .cs-rechnungsanschrift .cs-changeMail {position: absolute;right: 0;background: #fff;top: 3px;padding: 0 0.5em;z-index: 2;text-decoration: underline;font-size: 13px;}
html body.cs-lufthansa .cs-startTextBox .cs-startText h1 {line-height: 7.72px;font-size: 27px;}
html body.cs-lufthansa .cs-guidelinesButton a {border-radius: 5px;}
html body.cs-lufthansa.cs-body .cs-button3 {color: #05164d;}
html body.cs-lufthansa .cs-infoBox {background: #f5f5f5;color: #05164d;}
html body.cs-lufthansa.cs-body .cs-button3 {color: #05164d !important;}
html body.cs-lufthansa .cs-orderSummaryBlock > div {width: calc(100%/3 - 1em);}
html body.cs-lufthansa .cs-firstColumn {width: 35% !important;}
html body.cs-lufthansa .cs-badgesBox .badgeGreen {background: #05164c;color: #fff;}
html body.cs-lufthansa .cs-categoryHeader.cs-container h1 {margin-top: 22px;display: block;}
html body.cs-lufthansa .cs-categoryPreview .cs-categoryName {display: none;}

html body.cs-lufthansa .cs-bannerRow {margin-bottom: 1em;}
html body.cs-lufthansa .cs-bannerRow .cs-bannerItem,
html body.cs-lufthansa article.cs-categoryPreview {margin-bottom: 0;border-radius: 3px;overflow: hidden;}
html body.cs-lufthansa .cs-bannerRow.cs-bannerLayout7 {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 19px;}

html body.cs-lufthansa .cs-categoryPreview .cs-categoryPicture:hover img {
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
    transition: unset;
}

html body.cs-lufthansa article.cs-categoryPreview {width: calc(100%/2 - 1em);}
html body.cs-lufthansa .cs-categoryPreview {position: relative;margin: 0;}
html body.cs-lufthansa .cs-categoryPreview .cs-categoryPicture img {display: block;width: 100%;}
html body.cs-lufthansa .cs-categoryList {margin-left: 0;margin-right: 0;gap: 2em;justify-content: space-between;}
html body.cs-lufthansa .cs-blaetter > span:last-of-type {display: none;}
html body.cs-lufthansa .cs-blaetter {display: flex;gap: 9px;}
html body.cs-lufthansa span.listpagerButtonActive {border-bottom: 1px solid #000;}
html body.cs-lufthansa .cs-lpager:last-of-type .cs-articlecount {display: none;}
html body.cs-lufthansa .cs-blaetter > a,
html body.cs-lufthansa .cs-blaetter > .listpagerButtonActive {display: block;width: 15px;text-align: center;}

html body .cs-headerContent .cs-miniwk > span {
    display: flex;
    position: absolute;
    right: -4px;
    left: auto;
    background: #ffbd32;
    border-radius: 6px;
    color: #fff;
    z-index: 9;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    top: -5px;
    padding: 0px 6px;
}

/* mobile */
html body.cs-lufthansa .cs-mobileViewSearchBox {position: relative;margin-bottom: 12px;}
html body.cs-lufthansa .cs-mobileViewSearchBox input {width: 100%;border-color: #ccc;}
html body.cs-lufthansa .cs-mobileViewSearchBox img {position: absolute;max-width: 30px;right: 10px;top: 6px;}
html body.cs-lufthansa .cs-mobileCategorys > ul.cs-categories1 > li {margin-right: 0;border-bottom: 1px solid #05164d;padding-top: 10px;padding-left: 7px;}
html body.cs-lufthansa .cs-mobileCategorys > ul.cs-categories1 > li > a {line-height: 24.48px;font-size: 18px;font-weight: 300;font-family: 'Lufthansa Head';}
html body.cs-lufthansa .cs-mobileCategorys .cs-lang {margin-left: 5px;margin-top: 10px;}


/* 21.11.24 PW */
html body.cs-lufthansa .cs-startTextBox .cs-startText {max-width: 960px;}
html body.cs-lufthansa .cs-container, html body.cs-lufthansa .cs-box {max-width: 960px;}
html body.cs-lufthansa .cs-lang {margin-right: 0;max-width: 54px;top: 1px;position: relative;}
html body.cs-lufthansa .cs-lang > a > img {width: 100%;top: auto;}
html body .cs-headerContent .cs-miniwk > span {right: -1px;border-radius: 100%;top: -1px;padding: 6px;height: 9.6px;width: 9.6px;border: 2px solid #fff;}
html body.cs-lufthansa article.cs-categoryPreview {width: calc(100%/2 - 8px);}
html body.cs-lufthansa .cs-categoryList {gap: 16px;}
html body.cs-lufthansa .cs-categoryPreview .cs-categoryPicture img {border-radius: 3px;}
html body.cs-lufthansa.cs-start .cs-categoriesBox {background: #ffffff;margin-bottom: 0px;}
html body.cs-lufthansa .cs-startTextBox .cs-startText {padding: 3px 4em 2em 3em;}
html body.cs-lufthansa footer .cs-footerTop {padding: 35px 0 60px 0;}
html body.cs-lufthansa header .cs-miniButtons a {display: flex;align-items: center;justify-content: center;gap: 0;}
html body.cs-lufthansa header .cs-headerContent li.cs-miniwk img {top: 0;}
html body.cs-lufthansa .cs-miniButtons li img {width: 100%;top: auto;position: relative;}
html body.cs-lufthansa header .cs-miniButtons > ul > li {max-width: 32px;max-height: 32px;}
html body.cs-lufthansa header .cs-miniButtons > ul {align-items: center;gap: 8px;}

html body.cs-body.cs-loginpagebody .cs-loginHeader {box-shadow: none;padding: 0;padding-top: 68px;margin-bottom: 40px;}
html body.cs-body.cs-loginpagebody .cs-loginHeader .cs-loginHeaderInner img.cs-secondLogo {max-height: 19.5px;}
body.cs-body.cs-loginpagebody .cs-headerTop ul {list-style: none;padding: 0;margin: 0;}
body.cs-body.cs-loginpagebody .cs-loginHeader .cs-loginHeaderInner {position: relative;align-items: center;}
body.cs-body.cs-loginpagebody .cs-headerTop {display: flex;align-items: center;position: absolute;top: -50px;right: 0;}
body.cs-body.cs-loginpagebody .cs-loginText h2 {font-weight: 300;font-size: 24px;line-height: 32.64px;}
body.cs-body.cs-loginpagebody .cs-loginText .cs-loginTextInner {display: block;padding-right: 10em;}
body.cs-body.cs-loginpagebody .cs-wrapper,
body.cs-body.cs-loginpagebody .cs-footerCopyrightInner,
body.cs-body.cs-loginpagebody .cs-loginHeader .cs-loginHeaderInner, 
body.cs-body.cs-loginpagebody .cs-loginText .cs-loginTextInner{max-width: 960px;}
body.cs-body.cs-loginpagebody h1.loginBoxHeader {font-size: 24px;margin-top: 2em;font-weight: 300;color: #05164D;margin-bottom: 2px;line-height: 32.64px;}
body.cs-body.cs-loginpagebody .cs-loginBoxHeaderSubtitle {font-size: 16px;font-weight: 400;margin-bottom: 0;color: #999999;}
body.cs-body.cs-loginpagebody .cs-form .cs-formRow {flex-direction: column;gap: 0;margin: 0;}
body.cs-body.cs-loginpagebody .cs-form .cs-formRow span.label {top: 0px;left: -4px;background: #fff;padding: 0 6px;border-radius: 0.3em;z-index: 1;font-weight: 400;font-size: 16px;line-height: 21.76px;margin-bottom: 7px;}
body.cs-body.cs-loginpagebody .cs-form input[type="text"],
body.cs-body.cs-loginpagebody .cs-form input[type="email"],
body.cs-body.cs-loginpagebody .cs-form input[type="password"] {border: 1px solid #333333;}
body.cs-body.cs-loginpagebody .cs-form .cs-formRow {margin: 0;}
body.cs-body.cs-loginpagebody .cs-form .cs-formRow .cs-formRow-column {margin-top: 25px;}
body.cs-body.cs-loginpagebody .cs-form .cs-formRow .cs-forgotPassword {margin-top: 0.3em;margin-left: 0;margin-bottom: 0;}
body.cs-body.cs-loginpagebody .cs-wrapper a {font-size: 16px;color: #999999;text-decoration: none;font-weight: 700;line-height: 21.76px;}
body.cs-body.cs-loginpagebody a {text-decoration: none;}
html body.cs-lufthansa .cs-badgesBox .singleBadge {border-radius: 20px !important;top: 1px;}
html body.cs-lufthansa article.cs-articlePreview .vpeBox {padding: 7px 0 0 3px;color: #05164D;line-height: 21.76px;font-size: 16px;font-weight: 400;}
html body.cs-lufthansa .cs-categoryHeader.cs-container h1 {margin-top: -5px;display: block;}
html body.cs-lufthansa article.cs-articlePreview .vpeBox {padding: 0;color: #999999;line-height: 21.76px;font-size: 16px;font-weight: 400;}
html body.cs-lufthansa #categoriesLeft .active > a, 
html body.cs-lufthansa #categoriesLeft .active1 > a, 
html body.cs-lufthansa #categoriesLeft .active2 > a {color: #333333;background: #fff;font-weight: 400;font-size: 16px;}
html body.cs-lufthansa section.cs-mainContent {width: 75%;}
html body.cs-lufthansa.cs-detail section.cs-mainContent,
html body.cs-lufthansa.cs-start section.cs-mainContent {width: 100%;}
html body.cs-lufthansa  aside.cs-aside {width: 22%;}
html body.cs-lufthansa .cs-listPager .cs-articlecount,
html body.cs-lufthansa .cs-listPager .cs-articlecount select {font-size: 16px !important;font-weight: 400;}
html body.cs-lufthansa #tabs .tabcontent {padding: 0 8px 8px 8px;font-size: 14px;font-weight: 400;}
html body.cs-lufthansa .cs-articleDetail .cs-priceFormat .cs-lineThrough {color: #999;font-size: 1.8rem;font-size: 22px;font-weight: 400;margin-top: 8px;display: block;}
html body.cs-lufthansa .cs-graduation {margin: 0;}
html body.cs-lufthansa .blockVpe {font-size: 16px;text-decoration: none;font-weight: 400;color: #999999;}
html body.cs-lufthansa .cs-articleDetail .basketBlock .cs-articleAmount {margin: 2em 0 0 0;}
html body.cs-lufthansa .cs-articleDetail .cs-duration {display: block;margin: 6px 0 1em 0;font-size: 16px;text-decoration: none;font-weight: 400;color: #999999;}
html body input[type="text"], html body input[type="email"], html body input[type="password"], html body input[type="number"], html body input[type="radio"], html body input[type="date"], html body select, html body textarea {
    border: 1px solid #333333;
}
html body.cs-lufthansa .cs-dsBox a {color: #999999;text-decoration: none !important;font-weight: 400;}
html body.cs-lufthansa .cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountInput {text-align: center;width: 100%;border-radius: 3px;}
html body.cs-lufthansa .cs-articleDetail input#wkmenge {padding: 4px;padding-top: 7px !important;}
html body.cs-lufthansa .wkAddLayer .cs-checkoutBtn {border-radius: 4px;padding: 2px 7px 2px 7px;font-weight: 700;}
.ui-widget, .ui-widget-header {font-family: 'Lufthansa Text', sans-serif !important;}
.ui-dialog .ui-dialog-titlebar {background: #ffffff !important;font-size: 16px !important;font-weight: 700 !important;font-family: 'Lufthansa Head' !important;margin: 0 !important;color: #05164D !important;}
.ui-dialog .ui-dialog-titlebar-close {background: #ffffff !important;}
.ui-dialog .ui-dialog-titlebar svg {width: 25px;position: absolute;right: 11px;pointer-events: none;cursor: pointer;}
.ui-dialog .ui-dialog-titlebar button {}
.wkAddLayer .cs-backToShopping {border: 1px solid #05164d;border-radius: 4px;padding: 5px 20px;display: flex;align-items: center;margin-left: 10px;font-weight: 700;font-size: 16px;}
.wkAddLayer .cs-backToShopping a {color: #05164d;}
.cs-myAccount .cs-myAccountButtons {width: 100%;margin-bottom: 2em;background: #ffffff;padding: 0;}
:is(h1, h2, h3, h4, h5, h6) {font-family: 'Lufthansa Head';font-weight: 300;color: #05164d;font-size: 27px;margin-top: 0;}
html body.cs-lufthansa .cs-myAccount .cs-myAccountData label {display: none;}
html body.cs-lufthansa .cs-row .cs-column-50:first-of-type {display: none;}
html body.cs-lufthansa .cs-accountHeader {font-size: 16px;font-weight: 700;margin-bottom: 10px;}
html body.cs-lufthansa .cs-startTextBox .cs-startText h1 {margin-top: 1em;line-height: 12px;}
html body.cs-lufthansa .cs-mobileCategorys li.cs-lang {list-style: none;}
html body.cs-lufthansa .cs-mobileCategorys {overflow-x: hidden;max-width: 100%;}
html body.cs-lufthansa .cs-articleDetail .cs-articlePictureBox .cs-addPicBox .cs-galleryImageBox img {mix-blend-mode: unset;max-width: 100%;max-height: 100%;}
html body.cs-lufthansa .cs-articleDetail .cs-articlePictureBox .cs-gallery.cs-addPicBox {width: 25%;display: block;}
html body.cs-lufthansa .cs-articleDetail .cs-articlePictureBox .cs-addPicBox .cs-galleryImageBox {width: 100%;margin: 0 15px 15px 0;max-height: 142px;background: #f6f6f6;padding: 0;position: relative;border: 1px solid #000;}
html body.cs-lufthansa .cs-articleDetail .cs-articlePictureBox {display: flex;flex-wrap: wrap;gap: 20px;}
html body.cs-lufthansa #tabs .tabss svg {max-width: 16px;margin-right: 10px;width: 16px;}
html body.cs-lufthansa .cs-myAccount .cs-myAccountData {padding: 0;width: 100%;}
html body.cs-lufthansa .cs-row .cs-column-50 {width: 100%;}
html body.cs-lufthansa article.cs-articlePreview .cs-priceFormat {flex-direction: unset;}
html body.cs-lufthansa article.cs-articlePreview .artnamBox,
html body.cs-lufthansa article.cs-articlePreview .priceBox {padding: 0;}
html body.cs-lufthansa article.cs-articlePreview .cs-priceFormat {margin: 1px 0;}
html body.cs-lufthansa article.cs-articlePreview .cs-priceFormat {gap: 10px;}
html body.cs-lufthansa .cs-category .cs-productListing {width: auto;margin: 0 -5px !important;}
html body.cs-lufthansa .cs-searchBar .cs-searchBlock select {width: 100%;}
html body.cs-lufthansa .cs-myAccount .cs-accBtn {margin-bottom: 0.3em;display: flex;align-items: center;gap: 10px;}
html body.cs-lufthansa .cs-myAccount .cs-accBtn img {width: 9px;}
html body.cs-body.cs-loginpagebody .cs-footerCopyright ul li a {font-size: 16px;}
html body.cs-lufthansa .checkoutStep4 .cs-paymentBox.active:after, html body.cs-lufthansa .checkoutStep4 .cs-paymentBox.active:after, html body.cs-lufthansa .checkoutStep4 .cs-shippingBox.active:after {padding: 4px 1px 0px 1px;}
html body.cs-body.cs-loginpagebody .cs-loginHinweis {background: #ffffff;padding: 23px 24px;margin: 2em 0 2em 0;border: 2px solid #05164D;border-radius: 3px;font-size: 14px;font-weight: 400;line-height: 19.04px;}
html body.cs-body.cs-loginpagebody .cs-loginHinweis h3 {font-size: 18px;font-weight: 300;color: #05164D;margin-bottom: 12px;}
html body.cs-lufthansa .cs-mobileCategorys.cs-inUse .cs-mobileCategorysHeader .cs-jumpfirst {display: none !important;}
html body.cs-lufthansa .cs-mobileCategorys ul li .cs-menuItem svg {width: 1.2em;height: 1.2em;position: absolute;top: 3px;float: right;margin-right: 12px;right: 3px;pointer-events: none;transform: rotate(-90deg);}
html body.cs-body.cs-loginpagebody .cs-loginHeader .cs-loginHeaderInner img.cs-mainLogo {width: 52px;}
html body.cs-body.cs-loginpagebody .cs-dsBox {margin-left: 0;}
html body.cs-body.cs-loginpagebody li.cs-listHeader {margin-bottom: 10px;color: #05164d;font-weight: 700;font-size: 18px;font-family: 'Lufthansa Head';margin: 10px 0px 20px 0;}
html body.cs-body {height: 100%;display: flex;flex-direction: column;min-height: 100vh;}
html body.cs-body section.cs-main {flex: 1;}
html body.cs-lufthansa #tabs .tabcontent p {margin: 0;}
html body.cs-lufthansa #tabs .tabcontent {padding: 0 10px 10px 10px;}
html body.cs-lufthansa #tabs .tabss span {margin-bottom: 0;margin-top: 10px;}
html body.cs-lufthansa .cs-heightHolder {height: 10px;width: 100%;}
html body.cs-lufthansa .cs-form span.label {margin: 0;display: block;position: relative;top: 0px;left: -4px;background: #fff;padding: 0 6px;border-radius: 0.3em;z-index: 1;margin-bottom: 8px;line-height: 16px;}
html body.cs-lufthansa .ui-dialog .ui-dialog-buttonpane button.ui-button {font-size: 16px !important;font-family: 'Lufthansa Text' !important;border: 0 !important;border-radius: 4px !important;padding: 9px 19px 5px 17px !important;font-weight: 700 !important;color: #fff !important;background: #05164d !important;}

.cs-ociCheckout {color: #b30000;}

html body.cs-lufthansa .ui-dialog .ui-dialog-buttonpane {
    text-align: center;
    border-width: 0;
    background-image: none;
    margin-top: 0;
    padding: 0 10px 10px;
}
html body.cs-lufthansa .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: left;
}
html body.cs-lufthansa .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 15px !important;
}
html body.cs-lufthansa .cs-galleryContainer .cs-gallerySidebar .cs-galleryPics .cs-galleryImageBox:hover, html body.cs-lufthansa .cs-galleryContainer .cs-gallerySidebar .cs-galleryPics .cs-galleryImageBox.cs-activePicture {
    outline: 3px solid #ffbd32;
    outline-offset: -3px;
}
html body.cs-lufthansa header .cs-miniButtons .cs-overlayButton.cs-overlayMenuButton img {width: 21px;}