html body {font-family: 'Inter';}

header .cs-categoriesTop .cs-categories1 a {padding: 0.5em 1em 0.5em 5px;font-size: 16px;}
.cs-logo {max-width: 300px;}
footer .cs-footerRow.newsletter {display: none;}
footer .cs-footerPayments {margin-top: 2em;}
article.cs-articlePreview .pictureContainer a img {width: auto;max-height: 300px;}
article.cs-articlePreview .pictureContainer a {display: flex;justify-content: center;}
footer .cs-footerRow.top {background: #000;color: #fff;}
footer .cs-footerRow.top a {color: #fff;}
footer {overflow: unset;position: relative;margin-top: 10em;}
footer .cs-footerBox {width: 33%;}

h2.cs-betHeading {background: #008dca;text-align: left;color: #fff;padding: 1em;width: auto;display: inline-block;transform: skewY(0deg);}
h2.cs-betHeading:before {height: 0px;}
h2.cs-betHeading span {background: #008dca;padding: 0;}
.cs-subtitle {display: none;}

.cs-startTextBox {border-bottom: 12px solid #008dca;margin-top: 4em;margin-bottom: 4em;}

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 {background: #008dca;}
.cs-listPager .cs-articlePager {display: flex;flex-wrap: wrap;gap: 20px;}
.cs-listPager .cs-articlePager a {display: block;}
html body .cs-categoriesTop>ul>li>.cs-menuItem>a{font-size:19px;font-weight:300;color:#111;padding:.5em 1em .5em 0}



.checkoutStep4 .cs-paymentBox.active:after, .checkoutStep4 .cs-paymentBox.active:after, .checkoutStep4 .cs-shippingBox.active:after {
    content: "";
    height: 1em;
    width: 1em;
    position: absolute;
    right: -0.5em;
    top: -0.5em;
    font-weight: 300;
    background: #fff;
    color: #cff3c0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 28px;background-color: #cff3c0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTEuOTk4IDIuMDA1YzUuNTE3IDAgOS45OTcgNC40OCA5Ljk5NyA5Ljk5NyAwIDUuNTE4LTQuNDggOS45OTgtOS45OTcgOS45OTgtNS41MTggMC05Ljk5OC00LjQ4LTkuOTk4LTkuOTk4IDAtNS41MTcgNC40OC05Ljk5NyA5Ljk5OC05Ljk5N3ptMCAxLjVjLTQuNjkgMC04LjQ5OCAzLjgwNy04LjQ5OCA4LjQ5N3MzLjgwOCA4LjQ5OCA4LjQ5OCA4LjQ5OCA4LjQ5Ny0zLjgwOCA4LjQ5Ny04LjQ5OC0zLjgwNy04LjQ5Ny04LjQ5Ny04LjQ5N3ptLTUuMDQ5IDguODg2IDMuODUxIDMuNDNjLjE0Mi4xMjguMzIxLjE5LjQ5OS4xOS4yMDIgMCAuNDA1LS4wODEuNTUyLS4yNDJsNS45NTMtNi41MDljLjEzMS0uMTQzLjE5Ni0uMzIzLjE5Ni0uNTAyIDAtLjQxLS4zMzEtLjc0Ny0uNzQ4LS43NDctLjIwNCAwLS40MDUuMDgyLS41NTQuMjQzbC01LjQ1MyA1Ljk2Mi0zLjI5OC0yLjkzOGMtLjE0NC0uMTI3LS4zMjEtLjE5LS40OTktLjE5LS40MTUgMC0uNzQ4LjMzNS0uNzQ4Ljc0NiAwIC4yMDUuMDg0LjQwOS4yNDkuNTU3eiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+");
}

.cs-body.cs-checkout .logo {margin: 2em 0;max-width: 300px;}

html body .cs-bannerRow {margin: 2em auto;}
html body .cs-bannerRow .cs-bannerItem {height: 300px;}

html body.cs-body .cs-categoriesBox {background: #1398d0;margin-bottom: 0;margin-top: 1em;}
html body .cs-categoriesTop>ul>li>.cs-menuItem>a {color: #fff;}
html body .cs-startSlider {max-width: 84em;}
.cs-categoryPreview .cs-categoryName {background: #1398d0;}

.cs-categoryPreview .cs-categoryName a {color: #fff;}

.cs-categoryPreview .cs-categoryName{bottom:auto;font-size:.9rem;font-weight:600;text-align:center;-webkit-transform:unset;transform:unset}
.cs-categoryPreview .cs-categoryName{background:#1398d0;margin:0;position:absolute;top:0;left:0;display:inline-block;width:auto;min-width:unset}
.cs-categoryPreview .cs-categoryName a{text-transform:uppercase;color:#fff;text-align:left;padding:6px 13px}

header .cs-topBar {background: #000000;}
header .cs-topBar a {color: #fff;}

.cs-footerRow.payments {display: none;}

.cs-startText > h2 {transform: skewY(0deg);}