html body.cs-bundeswehrShop {color: #000;font-family: 'Inter 18pt';font-size: 16px;letter-spacing: 0;}
html body.cs-bundeswehrShop header {background-image: url(/user_html/1779785395/pix/user_img/design_elements/footer_bg.webp);background-size: cover;}
html body.cs-bundeswehrShop .cs-container {max-width: 1920px;}
html body.cs-bundeswehrShop .cs-categoryPreview .cs-categoryPicture img {display: block;width: 100%;}
html body.cs-bundeswehrShop article.cs-articlePreview .cs-hoverlay {display: none !important;}
html body.cs-bundeswehrShop .cs-overlayButton.cs-overlayMenuButton {padding: 0;font-size: 1rem;border: 0;background: none;color: #000;border: 0;cursor: pointer;width: fit-content;display: none;}
html body.cs-bundeswehrShop .cs-overlayButton.cs-overlayMenuButton svg path {fill: #fff;}
html body.cs-bundeswehrShop .cs-searchBar .cs-toggleButton svg path {fill: #fff;}
html body.cs-bundeswehrShop .cs-searchBar .searchIcon svg {width: 1.4em;height: 1.4em;}
html body.cs-bundeswehrShop .cs-contactBox {border: 4px solid #eff0ef;padding: 10px;margin-top: 1em;border-width: 4px 4px 4px 20px;}
html body.cs-bundeswehrShop .cs-contactBox a {text-decoration: underline;}
::-webkit-scrollbar{width:16px;}
::-webkit-scrollbar-track{background-color:#fff;}
::-webkit-scrollbar-thumb{background-image:url(/user_html/1779785395/pix/user_img/design_elements/camo.webp);background-size:cover;border-radius:0px;border:1px solid #888c62}
::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}
html body.cs-bundeswehrShop .logo img {width: 105px;}
html body.cs-checkout .logo {margin: 1em 0 10px 0;}
html body.cs-bundeswehrShop .cs-mobileCategorys {background: #43492d;}
html body.cs-bundeswehrShop .cs-mobileCategorys a {color: #fff;}
html body.cs-bundeswehrShop .cs-mobileCategorys > ul.cs-categories1 > li {padding: 6px 10px;}
.cs-mobileCategorys ul.cs-categories2 > li:hover, .cs-mobileCategorys ul.cs-categories2 > li > ul.cs-categories3 > li:hover, .cs-mobileCategorys ul.cs-categories2 > li > ul.cs-categories3 > li > ul.cs-categories4 > li:hover, .cs-mobileCategorys ul li.cs-backMenu:hover, .cs-mobileCategorys > ul li:hover {
background: #43492d;
}
/* checkout */
html body.cs-bundeswehrShop.cs-checkout .cs-shortnav {color: #fff;padding: 1em 1em 0 1em;}
html body.cs-bundeswehrShop.cs-checkout .cs-shortnav a,
html body.cs-bundeswehrShop.cs-checkout .cs-shortnav .logout {color: #fff;}
html body.cs-bundeswehrShop.cs-checkout .cs-statusbar li.cs-basketSteps.active {background-image: url(/user_html/1779785395/pix/user_img/design_elements/footer_bg.webp);color: #fff;background-position: bottom;}
html body.cs-bundeswehrShop.cs-checkout .cs-statusbar li.cs-basketSteps.active a {color: #fff;}
/* wkaddlayer */
html body.cs-bundeswehrShop .wkAddLayer .cs-backToShopping {padding: 0;}
html body.cs-bundeswehrShop .wkAddLayer .cs-backToShopping .button {background-image: url(/user_html/1779785395/pix/user_img/design_elements/footer_bg.webp);color: #fff;padding: 11px 15px;background-position: bottom;}
/* category */
html body.cs-bundeswehrShop .cs-productListings {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 1rem;}
html body.cs-bundeswehrShop.cs-category .cs-productListings article.cs-articlePreview {width: auto;}
html body.cs-bundeswehrShop article.cs-categoryPreview .cs-categoryPicture img {transition: transform 0.3s ease-in-out;}
html body.cs-bundeswehrShop article.cs-categoryPreview .cs-categoryPicture:hover img {transition: transform 0.3s ease-in-out;transform: scale(1.1) rotate(2deg);}
/* detail */
html body.cs-bundeswehrShop .cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox {display: none;}
html body.cs-bundeswehrShop .cs-bestellButtons {width: 100%;}
html body.cs-bundeswehrShop .cs-bestellButtons .cs-button1 {width: 100%;font-weight: 600;text-transform: uppercase;font-size: 1.3rem !important;}
html body.cs-bundeswehrShop .cs-articleDetail .articlePriceBox .cs-priceFormat .priceRow .price {font-size: 1.8rem;font-weight: 600;letter-spacing: -1px;}
html body.cs-bundeswehrShop #tabs .tabs.activeTab span {border: 0;color: #055074;}
html body.cs-bundeswehrShop .cs-articlePictureBox #cs-mainpicBox {border: 8px solid #f2f3f2;}
html body.cs-bundeswehrShop .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleRightBox h1 {color: #055074;font-weight: 600;text-transform: uppercase;}
html body.cs-bundeswehrShop .cs-crossSelling .cs-productListing h3 a {font-size: 16px;}
html body.cs-bundeswehrShop .cs-crossSelling .cs-productListing .price {font-weight: 600;}
html body.cs-bundeswehrShop .cs-crossSelling .cs-articlePreview {border: 5px solid #eff0ef;padding: 10px;}
html body.cs-bundeswehrShop .cs-listPager .cs-articlecount {border: 0;}
html body.cs-bundeswehrShop #tabs .tabContainer .tabs {border: 0 solid #dadadd;margin: 0;width: auto;text-align: left;}
html body.cs-bundeswehrShop .cs-additionalArticle .cs-additionalPrice .price {font-size: 16px;font-weight: 600;color: #000;}
html body.cs-bundeswehrShop .cs-additionalArticle .cs-additionalArticleBox {border: 5px solid #eff0ef;padding: 10px;margin: 0 0.5em 0 0;}
/* usp */
html body.cs-bundeswehrShop .cs-featuresContainer{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background-color:#f7f7f7;gap:20px;max-width:1840px;margin:5em auto 0}
html body.cs-bundeswehrShop .cs-featureItem{display:flex;align-items:center;gap:15px;flex:1}
html body.cs-bundeswehrShop .cs-featureItem svg{max-width:75px;width: 75px;}
html body.cs-bundeswehrShop .cs-featureItem h3{margin:0;font-weight:700;font-size:1rem;text-transform:uppercase;color:#055074}
html body.cs-bundeswehrShop .cs-featureItem p{margin:5px 0 0;font-size:.9rem;color:#666}
/* suche */
html body.cs-bundeswehrShop .cs-miniButtons .cs-searchBar {display: none;}
html body.cs-bundeswehrShop .cs-topsearch {position: relative;}
html body.cs-bundeswehrShop .cs-topsearch svg {position: absolute;right: auto;top: 7px;width: 40px;cursor: pointer;left: 10px;}
html body.cs-bundeswehrShop .cs-topsearch svg path {fill: #000000;}
html body.cs-bundeswehrShop .cs-topsearch input {border: 0;max-width: 100%;border-radius: 36px;padding-left: 55px;width: 47em;border: 1px solid #fff;background: transparent;color: #fff;}
html body.cs-bundeswehrShop .cs-topsearch input::placeholder {color: #fff;}
html body.cs-bundeswehrShop .cs-topsearch svg path {fill: #fff;}
html body.cs-bundeswehrShop .cs-topsearch #liveSearchResult {position: absolute !important;z-index: 999;width: 100%;padding: 16px;border-radius: 22px;}
html body.cs-bundeswehrShop .cs-topsearch #liveSearchResult ul.cs-livesearch li {background: #000;border-bottom: 0.1em solid #fff;padding: 3px 10px;border-radius: 13px;}
/* navi */
html body.cs-bundeswehrShop .cs-categoriesTop {justify-content: center;display: flex;margin: 0 auto 0 auto;}
html body.cs-bundeswehrShop .cs-categoriesTop ul {display: flex;gap: 10px;justify-content: center;}
html body.cs-bundeswehrShop .cs-categoriesTop > ul > li > div > a {font-weight: 500;color: #fff;}
html body.cs-bundeswehrShop .cs-categoriesTop > ul.cs-categories1 > li {margin-right: 0;text-align: center;}
html body.cs-bundeswehrShop .cs-categoriesTop > ul.cs-categories1 > li:hover {background: rgba(0,0,0,0.5)}
html body.cs-bundeswehrShop header .cs-miniButtons > ul > li {margin: 0 0.3em;display: flex;align-items: center;margin-left: 1em;}
html body.cs-bundeswehrShop header .cs-miniButtons > ul > li .meinkonto {font-weight: 500;}
html body.cs-bundeswehrShop header .cs-miniButtons > ul > li a {color: #fff;padding: 10px;}
html body.cs-bundeswehrShop header .cs-miniButtons > ul > li a:hover {background: rgba(0,0,0,0.5)}
html body.cs-bundeswehrShop header .cs-miniButtons > ul > li svg.cs-svgIcon path {fill: #fff;}
html body.cs-bundeswehrShop .cs-miniwk span {position: relative;top: -8px;left: -5px;}
html body.cs-bundeswehrShop .cs-categoriesBox {background: transparent;border-bottom: 1px solid #000;margin-bottom: 0;margin-top: -1em;padding-bottom: 12px;}
html body.cs-bundeswehrShop.cs-start .cs-categoriesTop {margin: 0 auto 0 auto;}
html body.cs-bundeswehrShop.cs-start .cs-categoriesBox {border: 0;}
/* footer */
html body.cs-bundeswehrShop footer {background-image: url('/user_html/1779785395/pix/user_img/design_elements/footer_bg.webp');background-size: cover;margin-top: 4em;padding: 0 2em;}
html body.cs-bundeswehrShop footer .cs-footerRow.top {background: transparent;color: #fff;}
html body.cs-bundeswehrShop footer a {color: #fff;}
html body.cs-bundeswehrShop footer .cs-footerTop {margin-top: 0;padding: 40px 40px 60px 40px;}
html body.cs-bundeswehrShop footer .cs-footerBox .cs-footerBoxContent ul {line-height: 2.3em;}
html body.cs-bundeswehrShop footer .cs-copyrightBox {text-align: center;margin: 25px 0;width: 100%;color: #fff;}
html body.cs-bundeswehrShop footer .cs-footerBox.cs-footerLogoBox .cs-footerBoxImage img {max-width: 130px;}
html body.cs-bundeswehrShop footer .cs-footerBox.cs-footerLogoBox {display: flex;align-items: center;}
html body.cs-bundeswehrShop footer .cs-footerBox.cs-footerLogoBox .cs-footerBoxContent {display: flex;align-items: center;gap: 4em;}
html body.cs-bundeswehrShop footer .cs-footerBox.cs-footerLogoBox .cs-footerBoxContent .cs-footerBoxLinks ul {margin: 0;padding: 0;display: flex;list-style: none;gap: 1em;margin-top: 1em;}
html body.cs-bundeswehrShop footer .cs-footerBox.cs-footerLogoBox .cs-footerBoxContent .cs-footerBoxLinks ul li img {max-width: 20px;}
html body.cs-bundeswehrShop footer .cs-footerBox.cs-footerLogoBox .cs-footerBoxContent .cs-footerBoxLinks .cs-link {font-weight: 600;text-transform: uppercase;}
html body.cs-bundeswehrShop footer .copyright .cs-footerInner {padding: 0 40px;}
html body.cs-bundeswehrShop footer .cs-linkText {margin-bottom: 15px;}
html body.cs-bundeswehrShop footer .cs-licence {max-width: 1829px;color: #fff;margin: 0 auto;font-size: 14px;padding: 0 3.2em;}
/* header */
html body.cs-bundeswehrShop .cs-topContent {margin-left: unset;}
html body.cs-bundeswehrShop header .cs-topBar .cs-topText {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
html body.cs-bundeswehrShop header .cs-topBar .cs-topText > div {width: 33%;text-align: center;}
html body.cs-bundeswehrShop header .cs-topBar .cs-topText > div:last-of-type {text-align: right;}
html body.cs-bundeswehrShop header .cs-topBar .cs-topText > div:first-of-type {text-align: left;}
html body.cs-bundeswehrShop header .cs-topBar {background: #0a1c2a;color: #fff;}
html body.cs-bundeswehrShop header .cs-topBar .cs-infosites a {color: #fff;}
html body.cs-bundeswehrShop header .cs-headerContent {margin: 0 auto;padding: 0px 40px 0 40px;margin-bottom: 0;}
html body.cs-bundeswehrShop header .cs-headerContent .cs-container {display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;}
html body.cs-bundeswehrShop header .cs-miniButtons {margin-left: auto;top: 17px;}
html body.cs-bundeswehrShop .cs-topPages span.categorieName {border-right: 3px solid #c2c2c2;padding-right: 8px;}
html body.cs-bundeswehrShop .cs-topPages > ul > li a {padding: 0;}
html body.cs-bundeswehrShop .cs-accountIcon {display: none;}
html body.cs-bundeswehrShop .cs-logo img {width: 105px;top: 21px;position: relative;}
/* lang */
html body.cs-bundeswehrShop .cs-lang {max-width: 25px;padding-top: 7px;margin-right: 0;margin-left: 5px;}
html body.cs-bundeswehrShop .lang-dropdown{position:relative;display:flex;align-items:center}
html body.cs-bundeswehrShop .lang-toggle{display:none}
html body.cs-bundeswehrShop .lang-label{cursor:pointer;padding:0;background:0 0;display:block}
html body.cs-bundeswehrShop .lang-menu{display:none;position:absolute;left:-11px;background:#605a3a;min-width:120px;z-index:1000;top:41px}
html body.cs-bundeswehrShop .lang-toggle:checked~.lang-menu{display:block}
html body.cs-bundeswehrShop .lang-menu a{display:flex;align-items:center;padding:8px;text-decoration:none;color:#fff}
html body.cs-bundeswehrShop .lang-menu img{margin-right:10px;width:20px}
/* product slider */
html body.cs-bundeswehrShop .cs-productListing {--visible-items: 6;gap: 10px;display: flex;overflow-x: auto;gap: 10px;padding-bottom: 20px;scroll-behavior: smooth;cursor: pointer;user-select: none;scrollbar-width: thin;scrollbar-color: #888 #f1f1f1;flex-wrap: unset;margin: 0;}
html body.cs-bundeswehrShop .cs-crossSelling .cs-productListing {--visible-items: 5;}
html body.cs-bundeswehrShop article.cs-articlePreview .pictureContainer {border: 5px solid #eff0ef;overflow: hidden;}
html body.cs-bundeswehrShop article.cs-articlePreview .pictureContainer a img {width: 100%;}
html body.cs-bundeswehrShop .cs-productListing .cs-articlePreview {flex: 0 0 calc((100% - ((var(--visible-items) + -2) * 13px)) / var(--visible-items));}
html body.cs-bundeswehrShop .cs-productListing::-webkit-scrollbar {height: 8px; }
html body.cs-bundeswehrShop .cs-productListing::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 4px;}
html body.cs-bundeswehrShop .cs-productListing::-webkit-scrollbar-thumb {background: #888; border-radius: 4px;}
html body.cs-bundeswehrShop .cs-productListing::-webkit-scrollbar-thumb:hover { background: #555;}
html body.cs-bundeswehrShop .cs-productListing .cs-articlePreview {user-select: none;-webkit-user-drag: none;}
html body.cs-bundeswehrShop .cs-productListing,
html body.cs-bundeswehrShop .cs-productListing * {-webkit-user-select: none;user-select: none;-webkit-user-drag: none;pointer-events: auto;}
html body.cs-bundeswehrShop .cs-productListing .artnamBox,
html body.cs-bundeswehrShop .cs-productListing .priceBox {cursor: pointer;}
html body.cs-bundeswehrShop .cs-productListing,
html body.cs-bundeswehrShop .cs-productListing *,
html body.cs-bundeswehrShop .cs-categoryList,
html body.cs-bundeswehrShop .cs-categoryList * {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-user-drag: none;user-drag: none;}
html body.cs-bundeswehrShop .cs-productListing,
html body.cs-bundeswehrShop .cs-categoryList {display: flex;overflow-x: auto;scroll-behavior: smooth;cursor: pointer;scrollbar-width: thin;scrollbar-color: #888 #f1f1f1;-ms-overflow-style: none; flex-wrap: unset;}
html body.cs-bundeswehrShop .cs-productListing::-webkit-scrollbar,
html body.cs-bundeswehrShop .cs-categoryList::-webkit-scrollbar {height: 8px;}
html body.cs-bundeswehrShop .cs-categoryList .cs-categoryPreview {flex: 0 0 auto;cursor: pointer;}
html body.cs-bundeswehrShop .cs-categoryList a,
html body.cs-bundeswehrShop .cs-productListing a {cursor: pointer;}
/* Badges */
html body.cs-bundeswehrShop .cs-badgesBox {position: absolute;left: auto;top: auto;z-index: 2;width: 100%;}
html body.cs-bundeswehrShop .cs-badgesBox .singleBadge {position: absolute;text-transform: uppercase;font-size: 0.95rem;font-weight: 600;border-radius: 0;}
html body.cs-bundeswehrShop .cs-badgesBox .singleBadge.badgeYellow {top: 6px;left: 5px;}
html body.cs-bundeswehrShop .cs-badgesBox .singleBadge.badgeGreen {top: 6px;right: 5px;}
html body.cs-bundeswehrShop .cs-badgesBox .cs-triangleRight {width: 100px;height: 100px;background-image: url('/user_html/1779785395/pix/user_img/design_elements/badge.png');background-size: cover;background-position: center;clip-path: polygon(100% 0%, 0% 0%, 100% 100%);display: flex;justify-content: flex-end;align-items: flex-start;padding: 10px;}
html body.cs-bundeswehrShop .cs-badgesBox .cs-triangleRight span {transform: rotate(45deg);transform-origin: center;margin-top: 11px;margin-right: 7px;}
html body.cs-bundeswehrShop .cs-badgesBox .cs-triangleLeft {width: 100px;height: 100px;background-image: url('/user_html/1779785395/pix/user_img/design_elements/badge.png');background-size: cover;background-position: center;clip-path: polygon(0% 0%, 0% 100%, 100% 0%);display: flex;justify-content: flex-end;align-items: flex-start;padding: 10px;}
html body.cs-bundeswehrShop .cs-badgesBox .cs-triangleLeft span {transform: rotate(315deg);transform-origin: center;margin-top: 10px;margin-right: 40px;}
html body.cs-bundeswehrShop.cs-detail .cs-badgesBox .singleBadge.badgeYellow {top: 10px;left: 8px;}
html body.cs-bundeswehrShop.cs-detail .cs-badgesBox .singleBadge.badgeGreen {top: 10px;right: 19px;}
/* articlePreview */
html body.cs-bundeswehrShop article.cs-articlePreview {margin: 0;overflow: hidden;}
html body.cs-bundeswehrShop article.cs-articlePreview .priceBox .priceRow .price span, html body.cs-bundeswehrShop .cs-subtitle {color: #000;}
html body.cs-bundeswehrShop article.cs-articlePreview .pictureContainer {position: relative;}
html body.cs-bundeswehrShop article.cs-articlePreview .pictureContainer::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;cursor: pointer;}
html body.cs-bundeswehrShop article.cs-articlePreview .pictureContainer img {transition: transform 0.3s ease-in-out;}
html body.cs-bundeswehrShop article.cs-articlePreview:hover .pictureContainer img {transition: transform 0.3s ease-in-out;transform: scale(1.1) rotate(2deg);}
/* General */
html body.cs-bundeswehrShop h2.cs-betHeading {text-align: left;color: #055074;font-size: 1.2rem;letter-spacing: 0;margin: 2em 0 0.5em 1em;}
html body.cs-bundeswehrShop h2.cs-betHeading:before {height: 0;}
html body.cs-bundeswehrShop h2.cs-betHeading span {padding: 0;}
html body.cs-bundeswehrShop .cs-productListing, html body.cs-bundeswehrShop .cs-categoryList {margin-left: 0;margin-right: 0;}
html body.cs-bundeswehrShop .cs-startTextBox {background: #ffffff;max-width: 1844px;margin: 0 auto;}
html body.cs-bundeswehrShop h5 {color: #055074;font-weight: 600;text-transform: uppercase;}
html body.cs-bundeswehrShop .cs-startTextBox .cs-startText {padding: 0 3em;}
html body.cs-bundeswehrShop .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-bundeswehrShop h2.cs-betHeading.cs-inspire {text-align: center;}
html body.cs-bundeswehrShop .visually-hidden {border: 0;clip-path: inset(50%);height: 1px;margin: 0;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;}
html body.cs-bundeswehrShop .cs-subtitle,
html body.cs-bundeswehrShop .cs-categoriesTop a,
html body.cs-bundeswehrShop .cs-topPages > ul > li a,
html body.cs-bundeswehrShop .cs-lagerBox > div,
html body.cs-bundeswehrShop footer .cs-footerNewsletterBox.text,
html body.cs-bundeswehrShop .cs-articleDetail .cs-articlePriceInfo,
html body.cs-bundeswehrShop .cs-cartBoxArticleId a {font-size: 1rem;}
html body.cs-bundeswehrShop section.cs-mainContent {width: 100%;}
html body.cs-bundeswehrShop .cs-box {max-width: 1500px;}
html body.cs-bundeswehrShop.cs-start .cs-box {max-width: unset;}
html body.cs-bundeswehrShop .cs-galleryContainer .cs-gallerySidebar {display: none !important;}
html body.cs-bundeswehrShop .cs-galleryContainer .cs-galleryBox .cs-galleryMainBox {right: auto;width: 100%;}
/* banner */
html body.cs-bundeswehrShop .cs-bannerRow {margin-top: 3em;margin-bottom: 5em;}
html body.cs-bundeswehrShop .cs-bannerRow .cs-bannerItem {position: relative;overflow: hidden;}
html body.cs-bundeswehrShop .cs-bannerRow .cs-bannerItem:hover::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);-webkit-animation:shine .75s;animation:shine .75s}
@-webkit-keyframes shine{100%{left:125%}}
@keyframes shine{100%{left:125%}}
/* category preview */
html body.cs-bundeswehrShop section.cs-categoryList {display: flex;gap: 13px;padding-bottom: 1em;}
html body.cs-bundeswehrShop section.cs-categoryList article.cs-categoryPreview {width: calc(100%/4 - 11px);margin: 0;}
html body.cs-bundeswehrShop .cs-categoryPreview .cs-categoryPicture {display: flex;align-items: center;}
html body.cs-bundeswehrShop .cs-categoryPreview .cs-categoryName {bottom: 1em;background: rgba(0,0,0,0);}
html body.cs-bundeswehrShop .cs-categoryPreview .cs-categoryName a {color: #fff;font-weight: 600;text-transform: uppercase;line-height: 2.2rem;font-size: clamp(1rem, 5vw, 1rem);max-width: 100%;overflow-wrap: break-word;word-wrap: break-word; hyphens: auto;}
/* slider */
html body.cs-bundeswehrShop .swiper-wrapper .swiper-slide-caption {font-family: 'Poppins', sans-serif;}
html body.cs-bundeswehrShop .swiper-slide-caption {position:absolute;left:0;bottom:0;background:0 0;color:#fff;width:100%;z-index:8;padding:0;opacity:1;overflow:hidden;display:block;-moz-opacity:.8;filter:alpha(opacity=8);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%}
html body.cs-bundeswehrShop .swiper-wrapper .nivoSlider {position: relative;background: #fff url(loading.gif) no-repeat 50% 50%;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
html body.cs-bundeswehrShop .swiper-slide-caption {height: 40%;width: 50%;top: 25%;left: 25%;position: absolute;display: flex;justify-content: center;flex-direction: column;padding-bottom: 1em;}
html body.cs-bundeswehrShop .swiper-slide-caption h1 {color: #fff;font-weight: 600;font-size: 2.5rem;text-align: center;margin-bottom: 0.5em;}
html body.cs-bundeswehrShop .swiper-slide-caption .cs-lsiderSubline {text-align: center;}
html body.cs-bundeswehrShop .swiper-wrapper img {max-width: none; width: 100%;z-index: 5;}
html body.cs-bundeswehrShop .swiper-wrapper .nivo-controlNav a.active {background: #3f3922 !important;}
html body.cs-bundeswehrShop .swiper-wrapper .nivo-controlNav a {background: #848555 !important;}
/* search */
html body.cs-bundeswehrShop .cs-topsearch #liveSearchResult ul.cs-livesearch li {background: #38462b;border-radius: 4px;}
/* logos slider */
html body.cs-bundeswehrShop .logo-slider{position:relative;overflow:hidden;padding:20px 0}
html body.cs-bundeswehrShop .logo-track{display:flex;cursor:grab}
html body.cs-bundeswehrShop .logo-track.dragging{cursor:grabbing}
html body.cs-bundeswehrShop .logo-item{flex:0 0 auto;width:180px;height:120px;padding:0 20px;display:flex;justify-content:center;align-items:center}
html body.cs-bundeswehrShop .logo-item img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}
html body.cs-bundeswehrShop .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
html body.cs-bundeswehrShop .cs-logoslider {margin-bottom: -5em;display: none;}
html body.cs-bundeswehrShop.cs-start .cs-logoslider {display: block;}
/* detailansicht artikelbilder */
html body.cs-bundeswehrShop.cs-detail .cs-articlePictureBox>.cs-gallery:first-child{position:relative;touch-action:pan-y}
html body.cs-bundeswehrShop.cs-detail .cs-imageBox{position:relative;overflow:hidden}
html body.cs-bundeswehrShop.cs-detail #cs-mainpicBox{display:block;max-width:100%;will-change:transform;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
html body.cs-bundeswehrShop.cs-detail .cs-slideOld{position:absolute;margin:0;pointer-events:none}
html body.cs-bundeswehrShop.cs-detail .cs-slideArrow {position: absolute;top: 50%;transform: translateY(-50%);z-index: 5;width: auto;height: auto;border: none;border-radius: 0;background: #fff;box-shadow: none;color: #858585;font-size: 35px;line-height: 1;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background .2s,transform .2s;}
html body.cs-bundeswehrShop.cs-detail .cs-slideArrow:hover{background:#fff;transform:translateY(-50%) scale(1.08)}
html body.cs-bundeswehrShop.cs-detail .cs-slideArrow:focus-visible{outline:#333 solid 2px;outline-offset:2px}
html body.cs-bundeswehrShop.cs-detail .cs-slidePrev{left:-44px}
html body.cs-bundeswehrShop.cs-detail .cs-slideNext{right:-34px}
html body.cs-bundeswehrShop.cs-detail .cs-addPicBox .cs-galleryImageBox{cursor:pointer}
html body.cs-bundeswehrShop.cs-detail .cs-addPicBox .cs-galleryImageBox img{filter:grayscale(100%);opacity:.4;transition:filter .3s ease,opacity .3s ease}
html body.cs-bundeswehrShop.cs-detail .cs-addPicBox .cs-galleryImageBox.is-active img,.cs-addPicBox .cs-galleryImageBox:hover img{filter:none;opacity:1}
html body.cs-bundeswehrShop.cs-detail .cs-gallery {max-height: 625px;margin-bottom: 1em;}
html body.cs-bundeswehrShop .cs-articlePictureBox #cs-mainpicBox {border: 8px solid #f2f3f2;width: 100%;}
/* sticky header */
:root {
--hdr-compact-h: 60px;
--hdr-logo-h: 38px;
--hdr-speed: .25s;
}
@media (min-width: 1200px) {
html body.cs-bundeswehrShop header {position:fixed;top:0;left:0;right:0;z-index:1000;transition:box-shadow var(--hdr-speed)}
html body.cs-bundeswehrShop header.cs-scrolled{box-shadow:0 2px 12px rgba(0,0,0,.08)}
html body.cs-bundeswehrShop header .cs-topBar{max-height:80px;overflow:hidden;transition:max-height var(--hdr-speed),opacity var(--hdr-speed),padding var(--hdr-speed)}
html body.cs-bundeswehrShop header.cs-scrolled .cs-topBar{max-height:0;opacity:0;padding-top:0;padding-bottom:0}
html body.cs-bundeswehrShop header .cs-headerContent{transition:padding var(--hdr-speed)}
html body.cs-bundeswehrShop header.cs-scrolled .cs-headerContent{padding-top:0;padding-bottom:0}
html body.cs-bundeswehrShop header.cs-scrolled .cs-headerContent>.cs-container{min-height:var(--hdr-compact-h);align-items:center;grid-template-columns:auto auto}
html body.cs-bundeswehrShop header .cs-logo img{transition:max-height var(--hdr-speed)}
html body.cs-bundeswehrShop header.cs-scrolled .cs-logo img{max-height:var(--hdr-logo-h);width:38px;height: 38px;}
}
@media (min-width: 1024px) {
html body.cs-bundeswehrShop header.cs-scrolled .cs-topsearch,
html body.cs-bundeswehrShop header.cs-scrolled .cs-searchBar {display: none;}
html body.cs-bundeswehrShop header.cs-scrolled .cs-categoriesBox {position: static;padding: 0;margin: 0;}
html body.cs-bundeswehrShop header.cs-scrolled .cs-categoriesTop{position:absolute;top:0;left:50%;transform:translateX(-50%);width:auto;max-width:60%;height:var(--hdr-compact-h);display:flex;align-items:center;padding:0;margin:0;animation:cs-fadeIn var(--hdr-speed) ease}
html body.cs-bundeswehrShop header.cs-scrolled .cs-categoriesTop .cs-categories1{flex-wrap:nowrap;gap:1.5rem;margin:0}
html body.cs-bundeswehrShop header.cs-scrolled .cs-categoriesTop .cs-categorieName{white-space:nowrap;font-size:.9em}
html body.cs-bundeswehrShop header.cs-scrolled .cs-logo img {top: 2px;}
html body.cs-bundeswehrShop header.cs-scrolled .cs-miniButtons {top: 0px;}
}
@keyframes cs-fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
html body.cs-bundeswehrShop header.cs-no-anim,
html body.cs-bundeswehrShop header.cs-no-anim * {transition: none !important;animation: none !important;}
@media (prefers-reduced-motion: reduce) {
html body.cs-bundeswehrShop header, html body.cs-bundeswehrShop header * { transition: none !important; animation: none !important; }
}
/* ---------------------------------------------------------------------------
Swiper-Migration -- Pagination nachgezogen
Die Regeln weiter oben lauten "...swiper-wrapper .nivo-controlNav a". Unter
Swiper liegt die Pagination NICHT in .swiper-wrapper (das enthaelt nur die
Slides), sondern daneben in .swiper. Mit .swiper-wrapper im Selektor waere
die Regel also auch nach einer blossen Umbenennung tot geblieben.
opacity:1 ist noetig, weil Swiper inaktive Punkte ueber
--swiper-pagination-bullet-inactive-opacity auf .2 abdunkelt. Unter Nivo gab
es das nicht, dort waren die Punkte deckend.
--------------------------------------------------------------------------- */
html body.cs-bundeswehrShop .swiper-pagination-bullet {
background: #848555 !important;
opacity: 1 !important;
}
html body.cs-bundeswehrShop .swiper-pagination-bullet-active {
background: #3f3922 !important;
}