@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&display=swap');

body {font-family: 'Roboto', sans-serif;font-weight: 300;color: #000000;font-size: 0.875rem;line-height: 1.5;letter-spacing: -.01em;font-size: 16px;}

::-webkit-scrollbar-track {border-radius: 0;background-color: #F5F5F5;}
::-webkit-scrollbar {width: 1em;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb {border-radius: 0;background-color: #000000;}

h3 {line-height: 16px;}

.cs-lieferItem {border: 2px solid #f5f5f5;}
.cs-lieferItem.selected {background: #f5f5f5;border: 2px solid #e3e3e3;}

form#checkoutform {margin-bottom: 2em;}
.cs-orderSummaryBlock h3 {line-height: normal;}
.cs-orderSummaryBlock .cs-orderButton {text-decoration: none;margin-bottom: 1em;display: block;border: 1px solid #dadadd;display: inline-block;padding: 2px 10px;margin-top: 1em;border-radius: 5px;}

.cs-articleDetail {margin-top: 3em;}
.cs-articleDetail .cs-articleDetailTopBox {top: -1em;}
.cs-amountBox .cs-blockPriceVpeLeft, .cs-amountBox .cs-blockPriceLeft {width: 34%;}
.cs-topPages {display: none;}

header {position: relative;width: 100%;}
header .cs-topBar {position: absolute;background: #ffffff;}
header .cs-headerContent {padding: 0;background: #fff;margin-bottom: 0;padding-bottom: 10px;}
header .cs-miniButtons {margin-top: 2em;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li > a {text-transform: uppercase;font-size: 17px;}
.cs-headerContent .cs-logo img {width: 120px;}
.cs-logo {position: relative;}
.cs-topPages .cs-svgIcon {width: 0.8em;height: 1.1em;top: 4px;}
section.cs-main {padding-top: 0;}/*177px*/
#categoriesLeft .active > a, #categoriesLeft .active1 > a, #categoriesLeft .active2 > a {font-weight: 500;}
b, strong {font-weight: 500;}
#infoblock > .logo img {max-width: 120px;}

.cs-infoBox a {text-decoration: none;font-weight: 500;}

h2.cs-betHeading,
h3.cs-siteHeading {
    background-size: 112px 112px;
    height: 100px;
    padding-left: 20px;
    background: linear-gradient(132deg, #FFDE10 0%, #EBCD11 100%) 0% 0% no-repeat, linear-gradient(90deg, #eee 0%, #eee 70%, #fff 100%);
    background-size: 112px 112px, 100% 60px;
    background-repeat: no-repeat, repeat-x;
    background-position: 0, 20px;
}
h2.cs-betHeading,
h3.cs-siteHeading {text-align: left;margin: 4em 0 0.5em 0;font-size: 1.5rem;letter-spacing: 0.5px;font-weight: 400;position: relative;text-transform: uppercase;}
h2.cs-betHeading:before,
h3.cs-siteHeading:before {content: "";width: 0;top: 25px;height: 0;display: block;background-color: #e1e1e1;position: absolute;}
h2.cs-betHeading span,
h3.cs-siteHeading span {display: inline-block;background-color: rgba(0,0,0,0);padding: 0;position: relative;top: 33px;left: 32px;}

/* footer */
footer .cs-footerRow.newsletter {display: none;}
footer .cs-footerRow {margin-bottom: 2em;}

/* categorypreview */
.cs-categoryPreview {padding: 20px 15px;background-color: #fcfcfc;margin-bottom: 15px;box-shadow: 0 5px 3px -5px #ccc;position: relative;height: 150px;}
.cs-categoryPreview:hover {background: #F1F1F1;}
.cs-categoryPreview img {max-height: 105px;}
.cs-categoryPreview .cs-categoryPicture {display: flex;flex-wrap: wrap;}
.cs-categoryPreview .cs-categoryPicture > a {width: 30%;display: inline-block;}
.cs-categoryPreview .cs-categoryPicture > h2 {width: 65%;display: inline-block;font-size: 1.2rem;font-weight: 400;text-align: left;margin-left: auto;}
.cs-categoryPreview .cs-categoryName {position: relative;bottom: 0;left: 0;font-size: 0.9rem;font-weight: 600;background: rgba(0,0,0,0);padding: 0;min-width: unset;text-align: center;-webkit-transform: none;transform: none;}
.cs-categoryPreview .cs-produkte {display: inline-block;font-weight: 300;font-size: 16px;margin-top: -1em;display: flex;flex-wrap: wrap;}
.cs-categoryPreview .cs-produkte svg {width: 1.5em;height: 1.5em;background: #FFDE10;padding: 4px;}
.cs-categoryPreview .cs-produkte svg path {fill: #ffffff;}
.cs-categoryPreview .cs-categoryName > a {display: inline-block;top: -26px;position: relative;left: -27px;}
.cs-categoryPreview .cs-produkte:hover span {background: #FFDE10;}
.cs-categoryPreview .cs-produkte span {padding: 0 10px;cursor: pointer;transition: background-color 300ms ease-out;-webkit-transition: background-color 300ms ease-out;-moz-transition: background-color 300ms ease-out;-o-transition: background-color 300ms ease-out;}

/* category pic hide */
.cs-categoryPreview .cs-categoryPicture > a {display: none;}
.cs-categoryPreview .cs-categoryPicture > h2 {width: 100%;}

/* navi hover */
html body.cs-body .cs-categoriesBox {background: #F7F7F7;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li > a:hover {background: #fff;}
.cs-start .cs-categoriesBox {margin-bottom: 0;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li > a {padding: 1em 2em 1em 2em;}
.cs-categoriesMegaMenu {max-width: 88em;}
#categoriesLeft ul li a:hover {color: #000;font-weight:400;}