html body {font-size: 17px;}
html body #wrapper #infoblock > #logo {max-width: 176px;}
html body #wrapper, html body footer, html body #categoriesTop {max-width: 100%;padding: 0;}
html body #header {max-width: 1280px;margin: 1em auto;}
html body .layout,
html body .kasseContent {max-width: 1280px;margin: 0 auto;}
html body .startText h1 {font-size: 4em;margin: .67em 0;color: #1e73af;}
html body footer#footer .footerInner,
html body.kassenbereich #footer {max-width: 1280px;margin: 0 auto;}
html body footer#footer {background: #1e73af;color: #fff;}
html body footer#footer a {color: #fff;}
html body footer#footer .color-1,
html body footer#footer .footerBoxHeader {color: #fff !important;}
html body footer#footer {padding-bottom: 2em;}
html body .btn-color-2, html body .btn-color-2:hover, html body .btn-color-3, html body .btn-color-3:hover,
html body .btn-color-2, html body .btn-color-2:hover, html body .btn-color-3, html body .btn-color-3:hover {background: #1f73b0;font-size: 17px;padding: 9px 0;}
html body #tabs > .tabs.activeTab {background: #1f73b0;color: #fff;}
html body .left .sidebox h2,
html body #quickLinks svg path, html body .searchsubmit svg path, html body #wrapper #categoriesTop > ul > li > a,
html body #wrapper #cart .cart-btn,
html body .currency span,
html body .color-3 {color: #1f73b0;}
html body .zusatz-container svg path,
html body .searchsubmit svg path {fill: #1f73b0;}
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-color: #1f73b0;}
html body #mengenEingabeContainer .icon-plus, html body #mengenEingabeContainer .icon-minus {border: 0px solid #05164d;color: #1f73b0;border-radius: 2px;}
html body .bg-color-7 {background-color: #1f73b0;}
html body .listpager {color: #fff;}
html body .listpager .color-1 {color: #fff;}
html body.kassenbereich #footer {padding: 0 11px;}
html body .breadcrumb > li.active > .wkStep {background: #1f73b0;}
html body .breadcrumb > li.active > .wkStep:after {border-left-color: #1f73b0;}
html body .startText h1 {position: relative;}
html body .startText h1:after {content:"";position: absolute;height: 10px;width: 300px;background: #ffcd00;}
html body .startText h1:after {content: "";position: absolute;height: 30px;width: 50%;background: #ffcd00;left: -50%;top: -30px;}
html body .bannerBox {display: block !important;}
html body .bannerBoxContainer {margin: 5em 0;}
html body #wrapper h1 {font-size: clamp(0.4rem, 4.5vw, 4rem);}

html body .cs-revocationForm {padding: 0 10px;}
html body .cs-revocationForm .cs-flex {display: flex;flex-wrap: wrap;justify-content: space-between;}
html body .cs-revocationForm .cs-flex .cs-formRow-column {width: 49%;margin-bottom: 1em;}
html body .cs-revocationForm .cs-flex .label {margin-bottom: 6px;display: block;}
html body .cs-revocationForm .cs-revobutton {border: 0;padding: 9px;margin-top: 10px;font-size: 15px;}

#breadCrumb ul li i {display: block;font-size: 9px;margin-top: 5px;}
html body .content {padding-top: 0em;}
html body .bannerBoxContainer {margin: 0em 0;}

html body .slider-wrapper {border: 0 solid #dadadd;max-width: 1280px;margin: 0 auto;}

.cs-textHint {background: #2774ae;}

html body .cs-copyrightBox {text-align: center;}
html body .cs-copyrightBox a {display: inline-block;border: 1px solid #fff;padding: 1px 7px;border-radius: 6px;text-decoration: none;font-weight: 400;font-size: 13px;}

/**/
html body #wrapper #infoblock .categoriesBox{width:auto;display:flex;align-items:center}
html body #wrapper #infoblock{gap:2em;background:#1e73af;color:#fff;padding-left:1em;margin-bottom:0}
html body #wrapper #cart .cart-btn span,html body #wrapper #categoriesTop>ul>li>a,html body #wrapper #infoblock a{color:#fff}
html body #header{margin:0 auto}
html body .zusatz-container svg path{fill:#fff!important}
html body #wrapper #quickLinks ul li:hover{background-color:#1e73af}
html body #wrapper #infoblock #searchBar input{border-radius:36px}
html body #wrapper #infoblock #searchBar{width:270px;float:none;right:auto;margin-top:0;display:flex;align-items:center}
html body #wrapper #infoblock .zusatz-container{display:flex;align-items:center}
html body #shortnav{background-color:#1e73af}
html body .layout .left{display:none}
html body .content{float:none;width:100%}
html body .productListing{overflow:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));container-type:inline-size;grid-template-rows:auto 1fr auto auto;gap:1em}
html body #wrapper #rubrik_header .categoryPicture{display:block}
html body {color:#002554}
html body #rubrik_header .categoryPicture{position:relative}
html body #rubrik_header .categoryPicture h1.categoryHeader{position:absolute;bottom:46px;left:38px;text-transform:uppercase;font-size:73px;line-height:61px;margin:0;font-weight:800;color:#fff;background:#1e73af;padding:7px 20px}
html body div#breadCrumb{display:none}
html body .descriptionBox h2 a{font-weight:600}
html body .articlePreview{padding:0!important}
html body .articlePreview .buttonsBox{display:none}
html body #categoriesTop ul li{border-top:0 solid #545454}
html body .startText.box-1{background:#1e73af;padding:1px 3em 2em!important}
html body .startText h1:after{content:none}
html body .listpager .aclabel,html body .listpager .articlecount,html body .listpager .articlesort{float:left}
html body .articlePriceInfo,html body .cs-detailArtnum.cs-detailItems{font-size:13px}
html body .articleRightBox{width:41%}
html body .cs-artname{margin:1em 0}
html body .articlePriceBox{padding:10px 10px 15px 0}
html body .cs-socials img{max-width:45px}
html body #bestellblock .availability .inStock {display:inline-block;width:auto;padding:4px 10px;border-radius:5px}
html body .badgeGreen {background: #003a70;}
html body #wrapper #infoblock > #logo,
html body.kassenbereich #logo {max-width: 176px;}




html body footer#footer {background: linear-gradient(to bottom, #ffcd00,#ffcd00 20px,#6aaae4 20px,#6aaae4 44px,#1e73af 44px,#1e73af);border: 0;font-weight: 600;line-height: 25px;padding-bottom: 0;}
html body footer#footer .footerInner {padding-top: 2em;}
html body footer#footer .footerBoxHeader {font-weight: 700 !important;}

html body footer#footer .cs-footerBottom svg,
html body footer#footer .cs-footerBottom img {height: 19px;}
html body footer#footer .cs-footerBottom .cs-logoRight img {height: 8px;}
html body footer#footer .cs-footerBottom {background: #003e7b;padding: 20px 0 15px 0;margin: 0;margin-top: 2em;}
html body footer#footer .cs-footerBottom .cs-footerBottomInner {max-width: 1280px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}

html body footer#footer .cs-footerBottomDown {background: #002554;height: 44px;margin-bottom: 0;}