html body.cs-voortmann {font-family: "Titillium Web",Helvetica,sans-serif;text-decoration: unset;line-height: 1.5;color: #333;font-size: 18px;} /* font-family: "Lora",Georgia,"Times New Roman",Times,serif; */
.h6, h6, .h5, h5, .h4, h4, .h3, .search-result__title, h3, .h2, h2, .h1, h1 {
    word-wrap: break-word;
    color: #0b56a5;
    font-family: "Titillium Web",Helvetica,sans-serif;
    font-weight: 600;
    line-height: 1.15;
    margin: 0 0 .2em 0;
}
html body.cs-voortmann .cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 {
    padding: 10px;
    border: 1px solid #004f9f;
    width: 20em;
    background: #fdfdfd;
}

/* sa */
html body.cs-voortmann .cs-saCountContainer {display: flex;flex-wrap: wrap;gap: 2px;justify-content: space-between;}
html body.cs-voortmann .cs-saCountContainer .cs-simpleAttributePair {width: calc(50% - 1px);display: flex;justify-content: space-between;border: 2px solid #dadadd;padding: 1px 4px;margin-bottom: 1px;}
html body.cs-voortmann .cs-saCountContainer .cs-simpleAttributePair .cs-simpleAttributeLabel {font-weight: 600;}
html body.cs-voortmann .cs-saCountContainer .cs-simpleAttributePair span.cs-saPoints {margin-right: auto;font-weight: 600;}
html body.cs-voortmann span.cs-simpleAttributeHeader {color: #004f9f;font-weight: 600;}

html body.cs-voortmann .cs-categoriesTop ul.cs-categories2 > li:hover {background: #fff;}
html body.cs-voortmann .cs-voortLink {position: absolute;right: 0;z-index: 9;top: 10px;}
html body.cs-voortmann .cs-voortLink a {padding: 3px 10px;}

html body.cs-voortmann .cs-social {margin-top: 1em;}
html body.cs-voortmann .cs-social ul {list-style: none;margin: 0;padding: 0;display: flex;gap: 19px;}
html body.cs-voortmann .cs-social ul img {width: 32px;}

html body.cs-voortmann .cs-startTextBox {padding: 1em 0;background: #ffffff;}
html body.cs-voortmann footer {margin-top: 5em;}
html body.cs-voortmann article.cs-articlePreview .cs-hoverlay {display: none !important;}
html body.cs-voortmann .theme-default .nivo-controlNav a.active {background: #0b56a5 !important;}
::-webkit-scrollbar-track {border-radius: 2px;background-color: #F5F5F5;}
::-webkit-scrollbar {width: 1em;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb {border-radius: 2px;background-color: #0b56a5;}
html body.cs-voortmann .cs-flyout {background: #0b56a5;position: fixed;right: 0;top: 22%;color: #fff;padding: 14px 14px 10px 14px;border-radius: 4px 0 0 4px;z-index: 9999;cursor: pointer;}
html body.cs-voortmann .cs-flyout .cs-flyoutBox ul {list-style: none;margin: 0;padding: 0;display: flex;justify-content: center;align-items: center;}
html body.cs-voortmann .cs-flyout .cs-divider {width: 2px;background-color: #60b4f9;height: 38px;margin: 0 10px;}
html body.cs-voortmann .cs-flyout .cs-flyoutBox ul svg {width: 27px;}
html body.cs-voortmann .cs-flyout .cs-flyoutText {text-align: center;font-size: 13px;color: #fff;}
html body.cs-voortmann .cs-breadCrumb {overflow: hidden;margin-bottom: 1em;margin-top: 0;}
html body.cs-voortmann a {color: #0b56a5;outline: 0;transition: .2s;font-weight: 600;font-size: 17px;letter-spacing: normal;}
html body.cs-voortmann .cs-logo {max-width: 271px;}
html body.cs-voortmann .cs-container,
html body.cs-voortmann .cs-box {max-width: 1285px;padding: 0;position: relative;}
html body.cs-voortmann header .cs-headerContent {margin: 0 auto;padding: 20px 0 0 0;margin-bottom: 0;margin-bottom: 10px;}
html body.cs-voortmann .cs-categoriesTop a {padding: 0 12px 0 0;display: block;font-family: "Titillium Web",Helvetica,sans-serif;}
html body.cs-voortmann .cs-categoriesBox {position: relative;background: #f7f7f7;margin-bottom: 3em;padding: 20px 0;}
html body.cs-voortmann.cs-start .cs-categoriesBox {background: #ffffff;margin-bottom: 28px;padding: 0;}
html body.cs-voortmann .cs-categoriesTop a:hover {text-decoration: underline;text-underline-offset: 5px;text-decoration-color: currentColor;text-decoration-thickness: 2px;}
html body.cs-voortmann .nivoSlider img {max-width: none; width: 100%;z-index: 5;}
html body.cs-voortmann .cs-miniButtons .cs-svgIcon path {fill: #0b56a5;}
html body.cs-voortmann .cs-miniButtons .cs-svgIcon {width: 25px;height: 25px;}
html body.cs-voortmann footer,
html body.cs-voortmann footer .cs-footerRow.top {background: #333333;color: #fff;}
html body.cs-voortmann footer .cs-footerTop {margin-top: 0;}
html body.cs-voortmann footer a {color: #fff !important;font-family: "Titillium Web",Helvetica,sans-serif;}
html body.cs-voortmann footer .cs-footerBox .cs-footerBoxHeader {margin: 10px 0px 20px 0;font-family: "Titillium Web",Helvetica,sans-serif;font-weight: 600;font-size: 20px;}
html body.cs-voortmann footer a:hover {color: #60b4f9 !important;}
html body.cs-voortmann .logo {max-width: 271px;margin: 1em 0;}
html body.cs-voortmann .cs-miniwk span {display: none;}
html body.cs-voortmann .cs-categoryPreview .cs-categoryName {position: relative;bottom: auto;left: auto;font-size: 0.9rem;font-weight: 600;background: #fff;min-width: 100%;text-align: center;-webkit-transform: unset;transform: unset;}
html body.cs-voortmann .cs-categoryPreview .cs-categoryName a {font-size: 19px;text-align: left;padding-left: 0;font-weight: 700;}
html body.cs-voortmann h2.cs-betHeading {text-align: center;font-size: 32px;font-weight: 600;text-transform: none;margin-bottom: 1em;}
html body.cs-voortmann h2.cs-betHeading:before {height: 0;}
html body.cs-voortmann .cs-subtitle {display: none;}
html body.cs-voortmann .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-voortmann .cs-galleryContainer .cs-gallerySidebar .cs-galleryNavi {position: absolute;left: -51px;width: 50px;background: #ddd;color: #232323;top: 0;background: rgba(30,30,30,.6);}

html body.cs-voortmann .cs-actionButton {background: #0b56a5;cursor: pointer;}
html body.cs-voortmann .cs-actionButton:hover {background: #60b4f9;color: #11252f;}
html body.cs-voortmann .cs-actionButton,
html body.cs-voortmann .cs-actionButton a {color: #fff;display: block;text-align: center;padding: 3px 5px;font-weight: 600;border-radius: 8px;}
html body.cs-voortmann .cs-galleryContainer .cs-gallerySidebar .cs-galleryPics {z-index: 1;position: relative;}

html body.cs-voortmann .cs-galleryContainer .cs-gallerySidebar .cs-galleryPics .cs-galleryImageBox:hover, html body.cs-voortmann .cs-galleryContainer .cs-gallerySidebar .cs-galleryPics .cs-galleryImageBox.cs-activePicture {outline: 3px solid #004f9f;outline-offset: -3px;}

html body.cs-voortmann .cs-articleDetail .cs-auszeichnungenItem {height: 3em;width: 3em;margin-bottom: 0.2em;margin-right: 0.3em;}

html body.cs-voortmann .cstableContainer {max-width:800px;margin:20px;overflow-x:auto;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px}
html body.cs-voortmann .cstableContainer table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden}
html body.cs-voortmann .cstableContainer td,th{padding: 12px 20px 12px 0;text-align:left;border-bottom:0 solid #ddd}
html body.cs-voortmann .cstableContainer th {background-color:#007bff;color:#fff;font-weight:700;text-align: left;}
html body.cs-voortmann .cstableContainer tr:hover{background-color:#f1f1f1}
html body.cs-voortmann .cstableContainer tr:nth-child(even){background-color:#f9f9f9}

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: #0b56a5;}

html body.cs-voortmann .cs-miniButtons .cs-searchBar {display: none;}

html body.cs-voortmann .cs-topsearch {position: relative;width: 50%;max-width: 100%;}
html body.cs-voortmann .cs-topsearch svg {position: absolute;right: 8px;top: 8px;width: 30px;cursor: pointer;z-index: 9;}
html body.cs-voortmann .cs-topsearch svg path {fill: #004f9f;}
html body.cs-voortmann .cs-topsearch input {border: 0;max-width: 100%;border-radius: 4px;padding-left: 19px;width: 100%;border: 1px solid #abb8c1;padding: 10px;color: #333;font-size: 16px !important;}
html body.cs-voortmann .cs-topsearch #liveSearchResult {position: absolute !important;z-index: 999;width: 100%;padding: 16px;border-radius: 22px;}
html body.cs-voortmann .cs-topsearch #liveSearchResult ul.cs-livesearch li {background: #000;border-bottom: 0.1em solid #fff;padding: 3px 10px;border-radius: 13px;}

html body.cs-voortmann .cs-basektLeftBox {padding-top: 0;}

html body.cs-voortmann article.cs-categoryPreview {width: calc(100%/6 - 0em);margin: 0;border: none;outline: 1px solid #dadada;text-align: center;height: auto;transition: box-shadow .3s ease-in-out;}
html body.cs-voortmann article.cs-categoryPreview h2 {text-align: center;height: 82px;}
html body.cs-voortmann article.cs-categoryPreview h2.cs-categoryName a {text-align: center;font-weight: 600;font-size: 17px;padding: 20px 10px;}
html body.cs-voortmann article.cs-categoryPreview:hover {box-shadow: 0 0 10px 2px rgba(0,0,0,.28)!important;z-index: 99;}
html body.cs-voortmann .cs-categoryPreview .cs-categoryName {margin-bottom: 0;}
html body.cs-voortmann .cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 {padding: 10px;}
html body.cs-voortmann .cs-productListing, html body.cs-voortmann .cs-categoryList {margin-left: 0;margin-right: 0;}
html body.cs-voortmann .cs-categoryView {margin-bottom: 2em;}
html body.cs-voortmann.cs-category article.cs-categoryPreview {width: calc(100%/4 - 0em);}
html body.cs-voortmann .cs-categoryPreview .cs-categoryPicture img {display: block;padding: 12px;background: #fff;}
html body.cs-voortmann.cs-start .cs-box {max-width: 100% !important;}

/* menu */
html body.cs-voortmann .cs-categoriesMegaMenu .cs-megaMenu svg {display: none;}
html body.cs-voortmann .cs-categoriesMegaMenu .cs-megaMenu > ul > li .cs-megaMenuContainer {display: none;}
html body.cs-voortmann .cs-categoriesMegaMenu .cs-megaMenu > ul > li {width: calc(100%/4);margin-right: 0;transition: all .25s ease-in-out;}
html body.cs-voortmann .cs-categoriesMegaMenu .cs-megaMenu > ul > li a img {max-width: 67px;top: 0;position: relative;border-radius: 0;border: 1px solid #dadadd;padding: 10px;transition: all .25s ease-in-out;}
html body.cs-voortmann .cs-categoriesMegaMenu .cs-megaMenu > ul > li:hover img {box-shadow: 0 4px 16px rgba(0,0,0,.15);}
html body.cs-voortmann .cs-categoriesMegaMenu .cs-megaMenu > ul > li span.categorieName {display: flex;align-items: center;gap: 10px;}
html body.cs-voortmann .cs-categoriesMegaMenu {display: none;position: absolute;z-index: 3;background: #fff;padding: 11px 2em;box-shadow: 2px 20px 16px rgba(0, 0, 0, .15);border-top: 0;top: 50%;left: 50%;transform: translate(-50%, 15%);}
html body.cs-voortmann header .cs-actionButton {display: flex !important;width: 132px !important;padding: 3px 11px !important;gap: 10px;}
html body.cs-voortmann header .cs-actionButton:hover svg path,
html body.cs-voortmann header .cs-actionButton:hover svg {fill: #11252f !important;stroke: #11252f;}
html body.cs-voortmann header .cs-actionButton svg {max-width: 22px;}

html body.cs-voortmann .cs-marken {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2em;}
html body.cs-voortmann .cs-marken a {display: inline-block;width: calc(100%/5 - 2em);}
html body.cs-voortmann .cs-marken img {max-width: 100%;display: block;margin: 0 auto;}

html body.cs-voortmann .cs-brand {position: absolute;right: 0;top: 70px;}
html body.cs-voortmann #tabs {margin-top: 1em;}
html body.cs-voortmann .cs-artnum {font-size: 13px;}

html body.cs-voortmann .cs-megaBox {display: flex;align-items: center;position: relative;z-index: 4;}

html body.cs-voortmann .cs-businessRow {display: flex;gap: 1em;margin-bottom: 2em;}
html body.cs-voortmann .cs-businessRow.wa {displaY: block;}
html body.cs-voortmann .cs-businessRow .business-card {background: white;border: 2px solid #e0e0e0;border-radius: 5px;padding: 24px;width: 49%;max-width: 100%;display: flex;align-items: center;gap: 20px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);transition: transform 0.2s ease, box-shadow 0.2s ease;}
html body.cs-voortmann .business-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.15)}
html body.cs-voortmann .profile-image {width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;flex-shrink:0;position:relative;overflow:hidden}
html body.cs-voortmann .cs-businessRow .business-card.whatsapp .profile-image {border-radius: 0;}
html body.cs-voortmann .info-section{flex:1}
html body.cs-voortmann .name{color:#2563eb;font-size:20px;font-weight:600;margin-bottom:4px;line-height:1.2}
html body.cs-voortmann .title{color:#6b7280;font-size:14px;margin-bottom:16px;line-height:1.3}
html body.cs-voortmann .contact-info{display:flex;flex-direction:column;gap:8px}
html body.cs-voortmann .contact-item{display:flex;align-items:center;gap:8px;color:#2563eb;text-decoration:none;font-size:14px;transition:color .2s ease}
html body.cs-voortmann .contact-item:hover{color:#1d4ed8}
html body.cs-voortmann .icon{width:16px;height:16px;fill:currentColor}
html body.cs-voortmann .phone-icon{transform:rotate(0deg)}
html body.cs-voortmann .cs-businessContact {border-top: 5px solid #0b56a5;margin-top: 3em;}
html body.cs-voortmann .cs-businessContact h3 {padding-top: 10px;padding-bottom: 2em;}
html body.cs-voortmann .cs-businessRow .cs-whatsAppText {text-transform: uppercase;color: #646464;font-size: 17px;max-width: 50%;margin-bottom: 10px;padding-left: 7px;}

html body.cs-voortmann .cs-businessContact.cs-whatsApp {border-top: 5px solid #0b56a5;margin-top: 3em;padding-top: 2em;}

html body.cs-voortmann .cs-articleDetail .basketBlock .cs-actionButtons > input {background: #0b56a5;color: #fff;padding: 4px 6px;border-radius: 0px;margin-bottom: 10px;font-size: 16px !important;cursor: pointer;}

html body.cs-voortmann #customerList .cs-listName {font-size: 22px;font-weight: 600;color: #0b56a5;border-bottom: 1px solid #bebebe;margin-bottom: 7px;}
html body.cs-voortmann #customerList .allArticles {text-align: right;}
html body.cs-voortmann #customerList .allArticles .button {font-size: 14px;text-decoration: underline;cursor: pointer;}
html body.cs-voortmann #customerList .allArticles .button:hover {color: #000;}
html body.cs-voortmann #customerList .customerListHeader {position: relative;}
html body.cs-voortmann #customerList .customerListHeader .cs-umbennenen {position: absolute;top: 0;right: 0;border: 1px solid #ccc;font-size: 16px;padding: 0 7px;background: #f6f6f6;border-radius: 5px;cursor: pointer;}
html body.cs-voortmann #customerList .cs-customerListBox {margin-top: 1em;gap: 2em;}
html body.cs-voortmann #customerList .cs-customerListBox .cs-memoryListArticleBox {width: 377px}
html body.cs-voortmann #customerList .cs-lieferzeit {font-size: 14px;}
html body.cs-voortmann #customerList .cs-actions {display: flex;align-items: center;margin-top: 1em;gap: 15px;}
html body.cs-voortmann #customerList .cs-name {height: 3em;}
html body.cs-voortmann #customerList span.cs-menge {max-width: 75px;display: inline-block;}
html body.cs-voortmann #customerList span.cs-menge input {max-width: 100%;text-align: center;max-width: 100%;text-align: center;padding: 5px;margin-bottom: 0;}
html body.cs-voortmann #customerList span.cs-mengeMinus,
html body.cs-voortmann #customerList span.cs-mengePlus {font-size: 30px;}
html body.cs-voortmann #customerList span.cs-mengeMinus {margin-left: 1em;}

html body.cs-voortmann select.customerListSelection,
html body.cs-voortmann select.customerListImportSelection,
html body.cs-voortmann select.customerListViewSelection {width: 20em;padding: 6px;}
html body.cs-voortmann .customerLists {margin-bottom: 2em;}

html body.cs-voortmann .cs-topPages .cs-topPagesBurger {display: none;}
html body.cs-voortmann .cs-produktanfrage {width: 100%;}
html body.cs-voortmann .cs-contactForm .cs-contactAdress {height: 61px;scrollbar-width: none;}

html body.cs-voortmann .cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountInput {text-align: center;width: 100%;padding: 10px;}
html body.cs-voortmann .cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox [data-amount="plus"] {position: absolute;top: 5px;right: 2px;}
html body.cs-voortmann .cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox [data-amount="minus"] {position: absolute;top: 6px;left: 2px;}

html body.cs-voortmann .detailsidebox .cs-actionButtons .cs-merklisteButton {cursor: pointer;background: #0b56a5;display: flex;align-items: center;color: #fff;display: inline-block;padding: 0 9px 7px 6px;font-size: 16px;border-radius: 0px;margin-bottom: 5px;}
html body.cs-voortmann .detailsidebox .cs-actionButtons .cs-merklisteButton svg {width: 25px;position: relative;top: 6px;}
html body.cs-voortmann .detailsidebox .cs-actionButtons .cs-merklisteButton a {color: #fff;}
html body.cs-voortmann .detailsidebox .cs-actionButtons .cs-merklisteButton input {cursor: pointer;background: #0b56a5;border: 0;color: #fff;}

html body.cs-voortmann .leftNavigationBox .cs-filter {background:#fff;color:#374151;max-width:100%;margin-bottom: 3em;border: 0;border-right: 1px solid #e5e7eb;padding: 0;padding-right: 15px}
html body.cs-voortmann .leftNavigationBox .cs-filter .cs-filter-header{font-size:20px;font-weight:600;color:#111827;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}
html body.cs-voortmann .leftNavigationBox .cs-filter form{display:flex;flex-direction:column;gap:15px}
html body.cs-voortmann .leftNavigationBox .cs-filter #cs-filter-button{width: 100%;background:#3b82f6;color:#fff;border:none;border-radius:0;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;margin-top:0}
html body.cs-voortmann .leftNavigationBox .cs-filter #cs-filter-button:active{transform:translateY(0)}
html body.cs-voortmann .leftNavigationBox .cs-filter div:has(+ .cs-filter-topic),.leftNavigationBox .cs-filter>form>div:nth-child(3){background:#f7f7f7;border:1px solid #e2e8f0;border-radius:0;padding:8px 12px;font-size:13px;color:#64748b;text-align:center;font-weight:500}
html body.cs-voortmann .leftNavigationBox .cs-filter .cs-filter-topic{background:#fafafa;border:1px solid #f0f0f0;border-radius:0;padding:16px;margin-bottom:0}
html body.cs-voortmann .leftNavigationBox .cs-filter #cs-filter-topic-header{font-size:14px;font-weight:600;color:#1f2937;margin:0;text-transform:uppercase;letter-spacing:.5px;text-align: left;}
html body.cs-voortmann .leftNavigationBox .cs-filter #cs-filter-para{margin:0;display:flex;align-items:center;gap:8px;padding:6px 0 0 0;transition:background-color .2s ease;border-radius:0;flex-wrap: wrap;justify-content: space-between;}
html body.cs-voortmann .leftNavigationBox .cs-filter #cs-filter-para > b {display: block;flex: 100%;flex-shrink: 0;}
html body.cs-voortmann .leftNavigationBox .cs-filter input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}
html body.cs-voortmann .leftNavigationBox .cs-filter label{font-size:13px;color:#4b5563;cursor:pointer;line-height:1.4;display: block;}
html body.cs-voortmann .leftNavigationBox .cs-filter label:nth-of-type(1) {width: auto;text-align: left;word-wrap: break-word;}
html body.cs-voortmann .leftNavigationBox .cs-filter label:nth-of-type(2) {width: auto;text-align: right;}
html body.cs-voortmann .leftNavigationBox .cs-filter input[type="checkbox"] {top: 0;}
html body.cs-voortmann .leftNavigationBox .cs-filter label b{color:#6b7280;font-weight:500;margin-left:auto}
html body.cs-voortmann .leftNavigationBox .cs-filter input[type=number]{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:0;font-size:13px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}
html body.cs-voortmann .leftNavigationBox .cs-filter input[type=number]:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}
html body.cs-voortmann .leftNavigationBox .cs-filter .cs-catCheckbox{border-left:3px solid transparent;transition:border-color .2s ease}
html body.cs-voortmann .leftNavigationBox .cs-filter .cs-simpleAttributePair{border-left:2px solid transparent;transition:border-color .2s ease}
html body.cs-voortmann .leftNavigationBox .cs-filter #catExpandCollapseButton,.leftNavigationBox .cs-filter #saExpandCollapseButton{display:inline-block;color:#3b82f6;text-decoration:none;font-size:12px;font-weight:500;padding:8px 12px;border:1px solid #3b82f6;border-radius:0;background:0 0;transition:all .2s ease;text-align:center;margin-top:0}
html body.cs-voortmann .leftNavigationBox .cs-filter input[type=hidden]{display:none}
html body.cs-voortmann .leftNavigationBox .cs-filter input[type=checkbox]:focus{outline:#3b82f6 solid 2px;outline-offset:2px}
html body.cs-voortmann .leftNavigationBox .cs-filter label:focus-within{background:#f1f5f9;border-radius:0}
html body.cs-voortmann .leftNavigationBox .cs-filter::-webkit-scrollbar{width:6px}
html body.cs-voortmann .leftNavigationBox .cs-filter::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0}
html body.cs-voortmann .leftNavigationBox .cs-filter::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:0}
html body.cs-voortmann .leftNavigationBox .cs-filter::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
html body.cs-voortmann .leftNavigationBox .cs-filter .cs-filter-topic{animation:fadeIn .3s ease-in-out}
html body.cs-voortmann .leftNavigationBox .cs-filter a#catExpandCollapseButton,
html body.cs-voortmann .leftNavigationBox .cs-filter a#saExpandCollapseButton {display: block;position: relative;top: -15px;}

html body.cs-voortmann .leftNavigationBox .cs-filter #cs-filter-para > input[type=checkbox] {width: calc(10% - 8px);}
html body.cs-voortmann .leftNavigationBox .cs-filter #cs-filter-para > label:nth-of-type(1) {width: calc(75% - 8px);}
html body.cs-voortmann .leftNavigationBox .cs-filter #cs-filter-para > label:nth-of-type(2) {width: calc(15% - 8px);}

html body.cs-voortmann .leftNavigationBox .cs-filter .cs-attributesBox {display: flex;gap: 10px;align-items: center;}
html body.cs-voortmann .leftNavigationBox .cs-filter .sa_expand_collapse_button {cursor: pointer;border: 0;background: #fafafa;font-size: 13px !important;width: 100%;text-decoration: underline;text-align: left;padding: 0;margin: 10px 0;}

html body.cs-voortmann .cs-formRow.cs-newBox {display: flex;flex-direction: column;}
html body.cs-voortmann .cs-formRow.cs-newBox .cs-pass {font-weight: normal;font-size: 13px;text-decoration: underline;}

html body.cs-voortmann.cs-checkout .cs-footer .cs-payments img {margin-right: 0.5em;background: #333333;border-radius: 3px;}

html body.cs-voortmann .cs-orderSummaryBlock .cs-orderShipping .cs-orderBox .cs-firstColumn {width: 30%;}
html body.cs-voortmann .cs-orderSummaryBlock .cs-orderShipping .cs-orderBox .cs-secondColumn {width: 70%;}
html body.cs-voortmann #myCustomerLists select {width: 400px;}

html body.cs-voortmann .cs-categoryView .categoryPicture img {max-width: 200px;}

html body.cs-voortmann .cs-breadCrumb ul {display: flex;flex-wrap: wrap;}
html body.cs-voortmann .cs-breadCrumb ul li {float: none;}

html body.cs-voortmann .cs-shippingItem {margin: 1em 0;}
html body.cs-voortmann .cs-shippingItem.selected {border-color: #0b56a5;background: #e8e8e8;}
html body.cs-voortmann .cs-shippingActions > div:last-of-type > a {text-decoration: none !important;background: #0b56a5;color: #fff;padding: 3px 10px;border-radius: 5px;display: block;margin-top: 10px;text-align: center;}
html body.cs-voortmann .cs-shippingActions > div:last-of-type {text-decoration: none;}

/* preview pics */
html body.cs-voortmann article.cs-articlePreview .pictureContainer a img {width: auto;margin: 0 auto;}

@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}}
html body.cs-voortmann .leftNavigationBox .cs-filter .cs-filter-topic:first-of-type {background: linear-gradient(135deg, #f7f7f7 0%, #f1f5f9 100%);border-color: #e2e8f0;}

/* loading */
html body.cs-voortmann .loader {width: 80px;height: 80px;border: 8px solid rgba(59, 130, 246, 0.2);border-top-color: #3b82f6;border-radius: 50%;animation: spin 1s linear infinite;}
html body.cs-voortmann .cs-loading {
    position: absolute;
    height: 100vh;
    width: 100vw;
    z-index: 998;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(51 51 51 / 80%);
    overflow: hidden;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

html body.cs-voortmann .loader-container {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
html body.cs-voortmann .loading-text {color: white;font-family: 'Arial', sans-serif;margin-top: 20px;font-size: 18px;letter-spacing: 2px;animation: pulse 1.5s ease-in-out infinite;}
html body.cs-voortmann.cs-isLoading .cs-loading {display: flex !important;}
@keyframes pulse {
  0%, 100% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
}