/* SF-FIX-ARBEITSKLEIDUNG-NAV-CLICK-LAYER-20260921 */
@media (min-width:769px){
html body .cs-categoriesBox .category_4>.cs-menuItem>a{anchor-name:--sf-work-nav!important}
html body .cs-footerBoxContent a[href*="Arbeitskleidung"]{display:block!important;position:absolute!important;position-anchor:--sf-work-nav!important;top:anchor(top)!important;left:anchor(left)!important;width:anchor-size(width)!important;height:anchor-size(height)!important;margin:0!important;padding:0!important;z-index:9999!important;opacity:0!important;pointer-events:auto!important;cursor:pointer!important}
}

/* SF-FIX-ARBEITSKLEIDUNG-NAV-CLICK-LAYER-20260921 */
@media (min-width:769px){
html body .cs-categoriesBox .category_4>.cs-menuItem>a{anchor-name:--sf-work-nav!important}
html body .cs-footerBoxContent a[href*="Arbeitskleidung"]{display:block!important;position:absolute!important;position-anchor:--sf-work-nav!important;top:anchor(top)!important;left:anchor(left)!important;width:anchor-size(width)!important;height:anchor-size(height)!important;margin:0!important;padding:0!important;z-index:9999!important;opacity:0!important;pointer-events:auto!important;cursor:pointer!important}
}

/* SF-FIX-ARBEITSKLEIDUNG-NAV-LINK-20260921 */
html body .category_4 > .cs-menuItem > a { pointer-events: auto !important; }

/* SF-FIX-PSA-NAV-CLICK-LAYER-20260921 */
@media (min-width:769px){
html body .cs-categoriesBox .category_arbeitsschutz>.cs-menuItem>a{anchor-name:--sf-psa-nav!important}
html body .cs-footerBoxContent a[href*="PSA+-+Arbeitsschutz"]{display:block!important;position:absolute!important;position-anchor:--sf-psa-nav!important;top:anchor(top)!important;left:anchor(left)!important;width:anchor-size(width)!important;height:anchor-size(height)!important;margin:0!important;padding:0!important;z-index:10000!important;opacity:0!important;pointer-events:auto!important;cursor:pointer!important}
}

/* SF-FIX-PSA-NAV-LINK-20260921 */
@media (min-width: 769px) {
  html body .cs-categoriesBox .cs-mobileCategorys .cs-categories1 > li.category_arbeitsschutz > .cs-menuItem > a {
    anchor-name: --sf-psa-nav !important;
  }
  html body .cs-aside #categoriesLeft li.cat > a[href*="PSA+-+Arbeitsschutz"] {
    display: block !important;
    position: absolute !important;
    position-anchor: --sf-psa-nav !important;
    top: anchor(top) !important;
    left: anchor(left) !important;
    width: anchor-size(width) !important;
    height: anchor-size(height) !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 9999 !important;
    opacity: 0 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
  }
}

/* SF-FIX-CARD-OUTER-HEIGHT-20260921 */
html body.cs-body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview {
  height: 348px !important;
  min-height: 348px !important;
  max-height: 348px !important;
}
html body.cs-body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture {
  flex: 0 0 346px !important;
  height: 346px !important;
  min-height: 346px !important;
  max-height: 346px !important;
}
@media (max-width: 768px) {
  html body.cs-body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview {
    height: 308px !important;
    min-height: 308px !important;
    max-height: 308px !important;
  }
  html body.cs-body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture {
    flex-basis: 306px !important;
    height: 306px !important;
    min-height: 306px !important;
    max-height: 306px !important;
  }
}

/* SF-FIX-CARDS-NAV-20260921 */
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview {
  min-height: 0 !important;
  height: auto !important;
  align-self: flex-start !important;
}
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
}
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture > a:first-child {
  display: block !important;
  flex: 0 0 230px !important;
  width: 100% !important;
  height: 230px !important;
  min-height: 230px !important;
  overflow: hidden !important;
}
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture > a:first-child img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview::before {
  height: 116px !important;
}
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName.cs-categoryName.cs-categoryName {
  height: 116px !important;
  min-height: 116px !important;
  padding: 20px 58px 16px 22px !important;
}
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview::after {
  right: 22px !important;
  bottom: 45px !important;
}
@media (min-width: 769px) {
  html body .cs-categoriesBox .cs-mobileCategorys .cs-categories1 > li.category_arbeitsschutz > .cs-menuItem > a {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 5 !important;
    cursor: pointer !important;
  }
}
@media (max-width: 768px) {
  html body.cs-body.cs-body.cs-category.cs-category .cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture > a:first-child {
    flex-basis: 190px !important;
    height: 190px !important;
    min-height: 190px !important;
  }
}
/* SF-FIX-20260921 | PSA-Kacheln eindeutig und duplikatfrei */
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid #d8e1e7 !important;
  border-bottom: 4px solid #ff6b00 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 9px 24px rgba(7,59,92,.08) !important;
}
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview::before {
  content: none !important;
  display: none !important;
}
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview::after {
  content: "\2192" !important;
  display: block !important;
  position: absolute !important;
  right: 24px !important;
  bottom: 58px !important;
  z-index: 120 !important;
  color: #ff6b00 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 27px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  pointer-events: none !important;
}
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: auto !important;
  background: #fff !important;
}
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture > a {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 2 / 1 !important;
  overflow: hidden !important;
  background: #eef2f5 !important;
}
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture > a > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName.cs-categoryName.cs-categoryName {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  order: 2 !important;
  width: auto !important;
  min-height: 112px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 22px 60px 20px 24px !important;
  color: #073b5c !important;
  background: #fff !important;
  font-size: 0 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName.cs-categoryName.cs-categoryName > a {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #073b5c !important;
  -webkit-text-fill-color: #073b5c !important;
  background: transparent !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -.015em !important;
  text-decoration: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName.cs-categoryName.cs-categoryName > a::before,
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName.cs-categoryName.cs-categoryName > a::after,
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName.cs-categoryName.cs-categoryName::before {
  content: none !important;
  display: none !important;
}
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList.cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture.cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName.cs-categoryName.cs-categoryName::after {
  content: "Produkte für den professionellen Einsatz." !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 9px 0 0 !important;
  color: #687783 !important;
  -webkit-text-fill-color: #687783 !important;
  background: transparent !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body.cs-body.cs-body.cs-body.cs-body .cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview:has(a[href*="/Gummistiefel/"]) h2.cs-categoryName.cs-categoryName.cs-categoryName.cs-categoryName::after { content: "Robust. Wetterfest. Sicher im Einsatz." !important; }
html body.cs-body.cs-body.cs-body.cs-body .cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview:has(a[href*="/Gehoerschutz/"]) h2.cs-categoryName.cs-categoryName.cs-categoryName.cs-categoryName::after { content: "Schutz für konzentriertes Arbeiten." !important; }
html body.cs-body.cs-body.cs-body.cs-body .cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview:has(a[href*="/Kopfschutz/"]) h2.cs-categoryName.cs-categoryName.cs-categoryName.cs-categoryName::after { content: "Sicher. Komfortabel. Zuverlässig geschützt." !important; }
html body.cs-body.cs-body.cs-body.cs-body .cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview:has(a[href*="/Fallschutz/"]) h2.cs-categoryName.cs-categoryName.cs-categoryName.cs-categoryName::after { content: "Sicher arbeiten – auch in der Höhe." !important; }
html body.cs-body.cs-body.cs-body.cs-body .cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview:has(a[href*="/Handschutz/"]) h2.cs-categoryName.cs-categoryName.cs-categoryName.cs-categoryName::after { content: "Sicherer Griff. Zuverlässiger Schutz." !important; }
html body.cs-body.cs-body.cs-body.cs-body .cs-categoryPreview.cs-categoryPreview.cs-categoryPreview.cs-categoryPreview:has(a[href*="/Augenschutz/"]) h2.cs-categoryName.cs-categoryName.cs-categoryName.cs-categoryName::after { content: "Klare Sicht. Sicherer Schutz." !important; }
/* SF | Rubrikkacheln: Altregeln neutralisieren | 2026-09-21 */
.cs-categoryPreview::before,
.cs-categoryPreview::after,
.cs-categoryPreview .cs-categoryName::before,
.cs-categoryPreview .cs-categoryName::after,
.cs-categoryPreview .cs-categoryName a::before,
.cs-categoryPreview .cs-categoryName a::after {
  content:none !important;
}
.cs-categoryPreview .cs-categoryName {
  display:block !important;
  height:auto !important;
  min-height:132px !important;
  margin:0 !important;
  padding:1.1rem 3.4rem 1.2rem 1.35rem !important;
  font-size:0 !important;
  line-height:1 !important;
  background:#fff !important;
}
.cs-categoryPreview .cs-categoryName > a {
  display:block !important;
  position:relative !important;
  inset:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#073b5c !important;
  font-size:clamp(1.2rem,1.7vw,1.55rem) !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
}
.cs-categoryPreview .cs-categoryName::before {
  display:block !important;
  position:absolute !important;
  right:1.2rem !important;
  top:1.05rem !important;
  content:"\2192" !important;
  color:#ff6b00 !important;
  font-size:1.65rem !important;
  line-height:1 !important;
}
.cs-categoryPreview .cs-categoryName::after {
  display:block !important;
  position:static !important;
  margin-top:.55rem !important;
  color:#5b6973 !important;
  font-size:.98rem !important;
  font-weight:400 !important;
  line-height:1.4 !important;
}
.cs-categoryPreview:has(a[href*="/Gummistiefel/"]) .cs-categoryName::after { content:"Robust. Wetterfest. Sicher im Einsatz." !important; }
.cs-categoryPreview:has(a[href*="/Gehoerschutz/"]) .cs-categoryName::after { content:"Schutz für konzentriertes Arbeiten." !important; }
.cs-categoryPreview:has(a[href*="/Kopfschutz/"]) .cs-categoryName::after { content:"Sicher. Komfortabel. Zuverlässig geschützt." !important; }
.cs-categoryPreview:has(a[href*="/Fallschutz/"]) .cs-categoryName::after { content:"Sicher arbeiten – auch in der Höhe." !important; }
.cs-categoryPreview:has(a[href*="/Handschutz/"]) .cs-categoryName::after { content:"Sicherer Griff. Zuverlässiger Schutz." !important; }
.cs-categoryPreview:has(a[href*="/Augenschutz/"]) .cs-categoryName::after { content:"Klare Sicht. Sicherer Schutz." !important; }

/* SF | PSA-Rubriken und einheitliche Shop-Typografie | 2026-09-21 */
.cs-body h1,
.cs-body .categoryHeader {
  color:#073b5c;
  font-weight:700;
  line-height:1.12;
  letter-spacing:-.02em;
  font-size:clamp(2rem,4vw,3.5rem);
}
.cs-body h2 { color:#073b5c; font-weight:700; line-height:1.2; font-size:clamp(1.35rem,2.3vw,2rem); }
.cs-body h3 { color:#073b5c; font-weight:650; line-height:1.25; font-size:clamp(1.1rem,1.8vw,1.45rem); }
.cs-body p,
.cs-body .categoryHeaderText,
.cs-body .cs-productDescription,
.cs-body .cs-productDescription li {
  color:#15354c;
  font-size:clamp(1rem,1.2vw,1.125rem);
  line-height:1.62;
  font-weight:400;
}
.cs-body .cs-categoryPreview {
  overflow:hidden;
  border:1px solid #d6e0e7;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 26px rgba(7,59,92,.08);
}
.cs-body .cs-categoryPreview .cs-categoryPicture {
  position:relative;
  min-height:0 !important;
  height:auto !important;
  background:#eef2f5;
  overflow:hidden;
}
.cs-body .cs-categoryPreview .cs-categoryPicture > a {
  display:block;
  aspect-ratio:2/1;
  overflow:hidden;
}
.cs-body .cs-categoryPreview .cs-categoryPicture img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .25s ease;
}
.cs-body .cs-categoryPreview:hover .cs-categoryPicture img { transform:scale(1.025); }
.cs-body .cs-categoryPreview .cs-categoryName {
  position:relative;
  margin:0;
  padding:1.05rem 3.25rem 1.05rem 1.25rem;
  background:#fff;
  font-size:clamp(1.15rem,1.8vw,1.55rem);
}
.cs-body .cs-categoryPreview .cs-categoryName::after {
  content:"\2192";
  position:absolute;
  right:1.25rem;
  top:50%;
  transform:translateY(-50%);
  color:#ff6b00;
  font-size:1.45em;
}
.cs-body .cs-categoryHeader {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  overflow:hidden;
  margin-bottom:2.5rem;
  border-radius:18px;
  background:#062f4b;
  box-shadow:0 14px 34px rgba(7,59,92,.12);
}
.cs-body .cs-categoryHeader .categoryPicture { order:1; width:100%; overflow:hidden; }
.cs-body .cs-categoryHeader .categoryPicture img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:840/181;
  object-fit:cover;
  object-position:center;
}
.cs-body .cs-categoryHeader .categoryHeader {
  order:2;
  margin:0;
  padding:1.35rem 2rem .35rem;
  color:#fff;
  font-size:clamp(2rem,4vw,3.5rem);
}
.cs-body .cs-categoryHeader .cs-categoryHeaderBox { order:3; padding:0 2rem 1.6rem; }
.cs-body .cs-categoryHeader .categoryHeaderText {
  max-width:75ch;
  color:#edf5f8;
  font-size:clamp(1rem,1.2vw,1.12rem);
  line-height:1.55;
}
.cs-body .cs-productPreview .cs-productName,
.cs-body .cs-productPreview h2 {
  overflow-wrap:anywhere;
  hyphens:auto;
  line-height:1.25;
  font-weight:650;
}
@media (max-width:700px) {
  .cs-body .cs-categoryHeader .categoryHeader { padding:1.1rem 1.2rem .3rem; }
  .cs-body .cs-categoryHeader .cs-categoryHeaderBox { padding:0 1.2rem 1.25rem; }
  .cs-body .cs-categoryPreview .cs-categoryName { padding:.9rem 2.8rem .9rem 1rem; }
}

/* Übergeordnete Kategorien: erster Klick öffnet Unterrubriken statt sofort zu navigieren */
.cs-hasItems > .cs-menuItem > a { pointer-events: none !important; }
/* SF | Augenschutz Text und Pfeil fest */
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview:has(a[href*="/Augenschutz/"])::before, html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName:has(> a[href*="/Augenschutz/"]) { background-color:#fff !important; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22340%22%20height%3D%2290%22%20viewBox%3D%220%200%20340%2090%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EAugenschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2265%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EKlare%20Sicht.%20Sicher%20gesch%C3%BCtzt.%3C%2Ftext%3E%3Ctext%20x%3D%22305%22%20y%3D%2234%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2225%22%3E%E2%86%92%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat:no-repeat !important; background-position:26px 20px !important; background-size:340px 90px !important; }
/* SF | Handschutz Text und Pfeil fest */
html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview:has(a[href*="/Handschutz/"])::before, html body.cs-body.cs-body.cs-body.cs-body.cs-category.cs-category .cs-mainContent.cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName:has(> a[href*="/Handschutz/"]) { background-color:#fff !important; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22340%22%20height%3D%2290%22%20viewBox%3D%220%200%20340%2090%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EHandschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2265%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESicherer%20Griff.%20Zuverl%C3%A4ssiger%20Schutz.%3C%2Ftext%3E%3Ctext%20x%3D%22305%22%20y%3D%2234%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2225%22%3E%E2%86%92%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat:no-repeat !important; background-position:26px 20px !important; background-size:340px 90px !important; }
/* SF | Handschutz Sichtbarkeitsfix */
html body.cs-body.cs-body.cs-category.cs-category .cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview:has(a[href*="/Handschutz/"])::before { content:"" !important; display:block !important; position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; height:132px !important; z-index:50 !important; pointer-events:none !important; background-color:#fff !important; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22340%22%20height%3D%2290%22%20viewBox%3D%220%200%20340%2090%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EHandschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2265%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESicherer%20Griff.%20Zuverl%C3%A4ssiger%20Schutz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat:no-repeat !important; background-position:26px 20px !important; background-size:340px 90px !important; }
html body.cs-body.cs-body.cs-category.cs-category .cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName:has(> a[href*="/Handschutz/"]) { background-color:#fff !important; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22340%22%20height%3D%2290%22%20viewBox%3D%220%200%20340%2090%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EHandschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2265%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESicherer%20Griff.%20Zuverl%C3%A4ssiger%20Schutz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat:no-repeat !important; background-position:26px 20px !important; background-size:340px 90px !important; }

/* SF | Handschutz Rubrikkarte */
html body.cs-body.cs-body.cs-category.cs-category .cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName:has(> a[href*="/Handschutz/"])::after {
  content: "Sicherer Griff. Zuverlässiger Schutz." !important;
}
/* SF | Fallschutz Unterrubrikkarte */
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview:has(a[href*="/Fallschutz/"])::before { content:"" !important; display:block !important; position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; height:132px !important; z-index:50 !important; pointer-events:none !important; background-color:#fff !important; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22340%22%20height%3D%2290%22%20viewBox%3D%220%200%20340%2090%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EFallschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2265%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESicher%20arbeiten.%20Auch%20in%20der%20H%C3%B6he.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat:no-repeat !important; background-position:26px 20px !important; background-size:340px 90px !important; }
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName:has(> a[href*="/Fallschutz/"]) { background-color:#fff !important; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22340%22%20height%3D%2290%22%20viewBox%3D%220%200%20340%2090%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EFallschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2265%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESicher%20arbeiten.%20Auch%20in%20der%20H%C3%B6he.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat:no-repeat !important; background-position:26px 20px !important; background-size:340px 90px !important; }
/* SF | Kopfschutz Unterrubrikkarte */
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview:has(a[href*="/Kopfschutz/"])::before { content:"" !important; display:block !important; position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; height:132px !important; z-index:50 !important; pointer-events:none !important; background-color:#fff !important; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22340%22%20height%3D%2290%22%20viewBox%3D%220%200%20340%2090%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EKopfschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2265%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESicher.%20Komfortabel.%20Zuverl%C3%A4ssig%20gesch%C3%BCtzt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat:no-repeat !important; background-position:26px 20px !important; background-size:340px 90px !important; }
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName:has(> a[href*="/Kopfschutz/"]) { background-color:#fff !important; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22340%22%20height%3D%2290%22%20viewBox%3D%220%200%20340%2090%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EKopfschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2265%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESicher.%20Komfortabel.%20Zuverl%C3%A4ssig%20gesch%C3%BCtzt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat:no-repeat !important; background-position:26px 20px !important; background-size:340px 90px !important; }
/* SF | Zukunftssichere Unterrubrikkarten */
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview {
  position: relative !important;
  overflow: hidden !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 132px !important;
  z-index: 50 !important;
  pointer-events: none !important;
  background-color: #ffffff !important;
  background-image: none !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName {
  box-sizing: border-box !important;
  display: block !important;
  position: relative !important;
  z-index: 70 !important;
  height: 132px !important;
  min-height: 132px !important;
  margin: 0 !important;
  padding: 22px 64px 18px 26px !important;
  overflow: hidden !important;
  background: transparent !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName > a {
  display: block !important;
  position: relative !important;
  z-index: 80 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #15191c !important;
  -webkit-text-fill-color: #15191c !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName::before {
  content: none !important;
  display: none !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName::after {
  content: "Produkte für den professionellen Einsatz." !important;
  display: block !important;
  position: relative !important;
  inset: auto !important;
  z-index: 80 !important;
  width: auto !important;
  height: auto !important;
  margin: 10px 0 0 !important;
  color: #69737b !important;
  -webkit-text-fill-color: #69737b !important;
  background: transparent !important;
  border: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.005em !important;
  white-space: normal !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName:has(> a[href*="/Gummistiefel/"])::after {
  content: "Robust. Wetterfest. Sicher im Einsatz." !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName:has(> a[href*="/Gehoerschutz/"])::after {
  content: "Schutz für konzentriertes Arbeiten." !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview::after {
  content: "→" !important;
  position: absolute !important;
  right: 25px !important;
  bottom: 54px !important;
  z-index: 90 !important;
  color: #15191c !important;
  font-size: 25px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}
@media (max-width: 640px) {
  html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview::before {
    height: 124px !important;
  }
  html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName {
    height: 124px !important;
    min-height: 124px !important;
    padding: 20px 54px 16px 22px !important;
  }
  html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName > a {
    font-size: 21px !important;
  }
  html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName::after {
    margin-top: 8px !important;
    font-size: 14px !important;
  }
  html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview::after {
    right: 21px !important;
    bottom: 51px !important;
  }
}
/* SF | Unterrubrikkarten finale sichtbare Beschriftung */
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview:has(a[href*="/Gummistiefel/"])::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 132px !important;
  z-index: 50 !important;
  pointer-events: none !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22340%22%20height%3D%2290%22%20viewBox%3D%220%200%20340%2090%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EGummistiefel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2265%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ERobust.%20Wetterfest.%20Sicher%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 26px 20px !important;
  background-size: 340px 90px !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview:has(a[href*="/Gehoerschutz/"])::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 132px !important;
  z-index: 50 !important;
  pointer-events: none !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22340%22%20height%3D%2290%22%20viewBox%3D%220%200%20340%2090%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EGeh%C3%B6rschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2265%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz%20f%C3%BCr%20konzentriertes%20Arbeiten.%3C%2Ftext%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 26px 20px !important;
  background-size: 340px 90px !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview::after {
  z-index: 60 !important;
}

/* SF | Unterrubrikkarten robuste SVG-Beschriftung */
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName:has(> a[href*="/Gummistiefel/"]) {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22340%22%20height%3D%2290%22%20viewBox%3D%220%200%20340%2090%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EGummistiefel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2265%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ERobust.%20Wetterfest.%20Sicher%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 26px 20px !important;
  background-size: 340px 90px !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName:has(> a[href*="/Gehoerschutz/"]) {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22340%22%20height%3D%2290%22%20viewBox%3D%220%200%20340%2090%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EGeh%C3%B6rschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2265%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz%20f%C3%BCr%20konzentriertes%20Arbeiten.%3C%2Ftext%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 26px 20px !important;
  background-size: 340px 90px !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName > a {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName::after {
  content: none !important;
  display: none !important;
}

/* SF | Unterrubrikkarten: Text ueber Template-Overlay */
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName {
  z-index: 20 !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture::after {
  z-index: 1 !important;
  pointer-events: none !important;
}

/* SF | Unterrubrikkarten finale Prioritaet */
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName {
  box-sizing: border-box !important;
  display: block !important;
  position: relative !important;
  height: 132px !important;
  min-height: 132px !important;
  margin: 0 !important;
  padding: 22px 64px 18px 26px !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  background-image: none !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName > a {
  display: block !important;
  position: relative !important;
  z-index: 30 !important;
  color: #15191c !important;
  -webkit-text-fill-color: #15191c !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName::before {
  content: none !important;
  display: none !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName::after {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  z-index: 30 !important;
  margin: 10px 0 0 !important;
  width: auto !important;
  height: auto !important;
  color: #69737b !important;
  -webkit-text-fill-color: #69737b !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.005em !important;
  white-space: normal !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName:has(> a[href*="/Gummistiefel/"])::after {
  content: "Robust. Wetterfest. Sicher im Einsatz." !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName:has(> a[href*="/Gehoerschutz/"])::after {
  content: "Schutz für konzentriertes und sicheres Arbeiten." !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview::after {
  content: "→" !important;
  position: absolute !important;
  right: 25px !important;
  bottom: 54px !important;
  z-index: 40 !important;
  color: #15191c !important;
  font-size: 25px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}
/* SF | Finale Detailtext-Prioritaet */
body.cs-detail .cs-mainContent .cs-articleDetail #tabs .contentContainer .tabcontent.tab1 p,
body.cs-detail .cs-mainContent .cs-articleDetail #tabs .contentContainer .tabcontent.tab1 div,
body.cs-detail .cs-mainContent .cs-articleDetail #tabs .contentContainer .tabcontent.tab1 span,
body.cs-detail .cs-mainContent .cs-articleDetail #tabs .contentContainer .tabcontent.tab1 li {
  font-family: inherit !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: normal !important;
  color: #18384e !important;
  text-transform: none !important;
}
@media (max-width: 680px) {
  body.cs-detail .cs-mainContent .cs-articleDetail #tabs .contentContainer .tabcontent.tab1 p,
  body.cs-detail .cs-mainContent .cs-articleDetail #tabs .contentContainer .tabcontent.tab1 div,
  body.cs-detail .cs-mainContent .cs-articleDetail #tabs .contentContainer .tabcontent.tab1 span,
  body.cs-detail .cs-mainContent .cs-articleDetail #tabs .contentContainer .tabcontent.tab1 li {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
}
  
/* SF | Prioritaet gegen alte Editor-Sonderformatierung */
.cs-mainContent .cs-detail.cs-articleDetail #tabs .contentContainer .tabcontent.tab1 p,
.cs-mainContent .cs-detail.cs-articleDetail #tabs .contentContainer .tabcontent.tab1 div,
.cs-mainContent .cs-detail.cs-articleDetail #tabs .contentContainer .tabcontent.tab1 span,
.cs-mainContent .cs-detail.cs-articleDetail #tabs .contentContainer .tabcontent.tab1 li {
  font-family: inherit !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: normal !important;
  color: #18384e !important;
  text-transform: none !important;
}
@media (max-width: 680px) {
  .cs-mainContent .cs-detail.cs-articleDetail #tabs .contentContainer .tabcontent.tab1 p,
  .cs-mainContent .cs-detail.cs-articleDetail #tabs .contentContainer .tabcontent.tab1 div,
  .cs-mainContent .cs-detail.cs-articleDetail #tabs .contentContainer .tabcontent.tab1 span,
  .cs-mainContent .cs-detail.cs-articleDetail #tabs .contentContainer .tabcontent.tab1 li {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
}
  
/* SF | Einheitliche Typografie Produktbeschreibungen */
.cs-articleDetail .tabcontent.tab1,
.cs-articleDetail .tabcontent.tab1 p,
.cs-articleDetail .tabcontent.tab1 div,
.cs-articleDetail .tabcontent.tab1 span,
.cs-articleDetail .tabcontent.tab1 ul,
.cs-articleDetail .tabcontent.tab1 ol,
.cs-articleDetail .tabcontent.tab1 li {
  font-family: inherit !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: normal !important;
  color: #18384e !important;
  text-transform: none !important;
}
.cs-articleDetail .tabcontent.tab1 p {
  margin: 0 0 18px !important;
}
.cs-articleDetail .tabcontent.tab1 strong,
.cs-articleDetail .tabcontent.tab1 b {
  font-weight: 600 !important;
}
@media (max-width: 680px) {
  .cs-articleDetail .tabcontent.tab1,
  .cs-articleDetail .tabcontent.tab1 p,
  .cs-articleDetail .tabcontent.tab1 div,
  .cs-articleDetail .tabcontent.tab1 span,
  .cs-articleDetail .tabcontent.tab1 ul,
  .cs-articleDetail .tabcontent.tab1 ol,
  .cs-articleDetail .tabcontent.tab1 li {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
}
  
/* SF checkout redesign 2026-09-20 */
.cs-checkout{background:#f3f6f8!important;color:#0a3552!important}
.cs-checkout>header,.cs-checkout .cs-header{background:#fff}
.cs-checkout .cs-statusbar{
 width:min(100% - 40px,1180px);margin:34px auto 24px!important;padding:8px!important;
 gap:8px;background:#fff;border:1px solid #dce5ec;border-radius:18px;
 box-shadow:0 10px 30px rgba(7,45,70,.07)
}
.cs-checkout .cs-basketSteps{flex:1 1 190px!important;margin:0!important}
.cs-checkout .cs-wkStep{
 display:flex!important;align-items:center;justify-content:center;min-height:54px;
 padding:10px 18px!important;border-radius:12px!important;background:#eaf0f4!important;
 color:#365269!important;font-weight:800!important;text-decoration:none!important
}
.cs-checkout .cs-basketSteps.active .cs-wkStep,
.cs-checkout .cs-wkStep:hover{background:#f36c21!important;color:#fff!important}
.cs-checkout form.cs-form{
 width:min(100% - 40px,1180px);margin:0 auto 72px!important;padding:clamp(24px,4vw,48px)!important;
 background:#fff;border:1px solid #dce5ec;border-radius:24px;
 box-shadow:0 18px 48px rgba(7,45,70,.08)
}
.cs-checkout form.cs-form>h1{
 margin:0 0 16px!important;color:#0a3552!important;
 font-size:clamp(34px,4vw,54px)!important;line-height:1.05!important;letter-spacing:-.035em
}
.cs-checkout form.cs-form>.cs-infoBox{
 margin:0 0 28px!important;padding:16px 18px!important;border:0!important;
 border-left:4px solid #f36c21!important;border-radius:0 12px 12px 0!important;
 background:#f2f6f9!important;color:#4a5e6e!important;line-height:1.55
}
.cs-checkout .cs-orderSummaryBlock{gap:18px;margin:26px 0}
.cs-checkout .cs-orderShipping,
.cs-checkout .cs-orderButtons,
.cs-checkout .cs-orderPayment{
 flex:1 1 300px!important;position:relative;padding:22px!important;
 border:1px solid #dce5ec!important;border-radius:18px!important;background:#fbfcfd!important
}
.cs-checkout .cs-orderSummaryBlock h3{margin:0 0 16px!important;color:#0a3552!important;font-size:21px!important}
.cs-checkout .cs-orderButton{
 display:inline-flex!important;margin:0 0 16px;padding:7px 12px;border-radius:999px;
 background:#fff0e8;color:#c74d08!important;font-size:13px;font-weight:800;text-decoration:none!important
}
.cs-checkout .cs-orderBox{gap:6px 0;color:#344d60;line-height:1.45}
.cs-checkout .cs-orderBox .cs-firstColumn{width:44%!important;color:#728190;font-size:13px}
.cs-checkout .cs-orderBox .cs-secondColumn,
.cs-checkout .cs-orderBox .ccs-secondColumn{width:56%!important;font-weight:700;overflow-wrap:anywhere}
.cs-checkout #basketTable{margin:26px 0 0}
.cs-checkout .cartTableBox{
 align-items:center!important;gap:18px;padding:20px!important;
 border:1px solid #dce5ec!important;border-radius:18px!important;background:#fff!important
}
.cs-checkout .cs-cartTablePicture{width:110px!important;height:110px!important;padding:10px;background:#f4f7f9;border-radius:14px}
.cs-checkout .cs-cartTablePicture img{width:100%!important;height:100%!important;object-fit:contain!important}
.cs-checkout .cs-cartBoxDetails{flex:1 1 300px!important}
.cs-checkout .cs-cartBoxDetails .cs-articleName{font-size:20px!important;line-height:1.15!important}
.cs-checkout .cs-cartBoxDetails .cs-articleName a{color:#0a3552!important;font-weight:850!important;text-decoration:none!important}
.cs-checkout .cs-cartBoxAmount,
.cs-checkout .cs-cartBoxSinglePrice,
.cs-checkout .cs-cartBoxPrice{min-width:125px;text-align:right;color:#0a3552}
.cs-checkout .cs-addText{display:block!important;margin-bottom:5px;color:#7a8995;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.cs-checkout #basketTableStep5Footer{
 width:min(100%,520px);margin:22px 0 26px auto!important;padding:22px!important;
 border:1px solid #dce5ec!important;border-radius:18px!important;background:#f8fafb!important
}
.cs-checkout #basketTableStep5Footer .cs-row{padding:8px 0;border-bottom:1px solid #e5ebef}
.cs-checkout #basketTableStep5Footer .cs-columnLeft{width:68%!important;color:#536879}
.cs-checkout #basketTableStep5Footer .cs-columnRight{width:32%!important;text-align:right;font-weight:800;color:#0a3552}
.cs-checkout #basketTableStep5Footer .cs-total-sum-block{margin-top:5px;padding-top:15px;border:0!important;font-size:23px}
.cs-checkout #basketTableStep5Footer .cs-total-sum-block .cs-columnLeft,
.cs-checkout #basketTableStep5Footer .cs-total-sum-block .cs-columnRight{color:#0a3552!important;font-weight:900}
.cs-checkout .cs-buynow{text-align:right}
.cs-checkout .cs-buynow .cs-button1,
.cs-checkout input[name=button_submit].cs-button1{
 min-height:56px!important;padding:0 30px!important;border:0!important;border-radius:999px!important;
 background:#f36c21!important;color:#fff!important;font-weight:900!important;
 box-shadow:0 12px 28px rgba(243,108,33,.25)
}
.cs-checkout .cs-buynow .cs-button1:hover,
.cs-checkout input[name=button_submit].cs-button1:hover{background:#d9550d!important;transform:translateY(-1px)}
.cs-checkout input[type=text],.cs-checkout input[type=email],.cs-checkout textarea,.cs-checkout select{
 min-height:52px!important;padding:12px 15px!important;border:1px solid #cbd8e2!important;
 border-radius:12px!important;background:#fff!important;color:#0a3552!important;box-shadow:none!important
}
.cs-checkout .label{color:#0a3552!important;font-weight:750}
@media(max-width:760px){
 .cs-checkout .cs-statusbar{width:calc(100% - 24px);margin:18px auto!important}
 .cs-checkout .cs-basketSteps{flex:1 1 calc(50% - 8px)!important}
 .cs-checkout .cs-wkStep{min-height:46px;padding:8px!important;font-size:13px}
 .cs-checkout form.cs-form{width:calc(100% - 24px);padding:22px 16px!important;border-radius:18px}
 .cs-checkout .cs-orderShipping,.cs-checkout .cs-orderButtons,.cs-checkout .cs-orderPayment{flex-basis:100%!important}
 .cs-checkout .cartTableBox{align-items:flex-start!important}
 .cs-checkout .cs-cartTablePicture{width:86px!important;height:86px!important}
 .cs-checkout .cs-cartBoxAmount,.cs-checkout .cs-cartBoxSinglePrice,.cs-checkout .cs-cartBoxPrice{min-width:0;flex:1 1 30%;text-align:left}
 .cs-checkout #basketTableStep5Footer{width:100%}
 .cs-checkout .cs-buynow .cs-button1{width:100%!important}
}


/* SF final polish 2026-09-20: system pages + long titles */
.cs-forgotPassBox,
.cs-contactForm{
  width:min(100% - 40px,1120px);
  margin:56px auto 88px;
  padding:clamp(28px,4vw,56px);
  background:#fff;
  border:1px solid #dce5ec;
  border-radius:24px;
  box-shadow:0 18px 45px rgba(5,45,72,.08);
  color:#082f4b;
}
.cs-forgotPassBox{max-width:760px}
.cs-forgotPassBox h1,
.cs-contactForm h1{
  margin:0 0 14px!important;
  color:#082f4b!important;
  font-size:clamp(34px,4vw,54px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em;
}
.cs-forgotPassBox .forgotPassInfoBox,
.cs-contactForm .cs-infoBox{
  margin:0 0 28px;
  padding:16px 18px;
  background:#f3f7fa;
  border:0;
  border-left:4px solid #f36c21;
  border-radius:0 12px 12px 0;
  color:#425466;
  line-height:1.55;
}
.cs-forgotPassBox .cs-formRow-column,
.cs-contactForm .cs-formRow-column{position:relative;margin-bottom:20px}
.cs-forgotPassBox .label,
.cs-contactForm .label{
  display:block;
  position:static!important;
  margin:0 0 8px;
  padding:0!important;
  background:transparent!important;
  color:#082f4b!important;
  font-size:14px;
  font-weight:700;
}
.cs-forgotPassBox input[type=email],
.cs-contactForm input[type=text],
.cs-contactForm input[type=email],
.cs-contactForm textarea{
  width:100%!important;
  min-height:54px;
  padding:14px 16px!important;
  border:1px solid #cbd8e2!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#082f4b!important;
  box-shadow:none!important;
}
.cs-contactForm textarea{min-height:128px;resize:vertical}
.cs-contactForm .cs-formRow-column{width:calc(50% - 10px)!important}
.cs-contactForm .cs-formRow-column.cosmo-text{width:100%!important}
.cs-contactForm .cs-formRow-column.cosmo-context{display:none!important}
.cs-forgotPassBox .cs-dsBox,
.cs-contactForm .cs-dsBox{margin:8px 0 22px;color:#425466}
.cs-forgotPassBox .cs-button1,
.cs-contactForm .cs-button1{
  min-height:52px;
  padding:0 28px!important;
  border:0!important;
  border-radius:999px!important;
  background:#f36c21!important;
  color:#fff!important;
  font-weight:800!important;
  box-shadow:0 10px 24px rgba(243,108,33,.24);
}
.cs-forgotPassBox .cs-button1:hover,
.cs-contactForm .cs-button1:hover{background:#d95710!important;transform:translateY(-1px)}
.cs-articleName{
  overflow-wrap:anywhere;
  text-wrap:balance;
  line-height:1.08!important;
  font-size:clamp(32px,3.25vw,58px)!important;
}
@media(max-width:700px){
 .cs-forgotPassBox,.cs-contactForm{width:calc(100% - 24px);margin:28px auto 56px;padding:24px 18px;border-radius:18px}
 .cs-contactForm .cs-formRow-column{width:100%!important}
 .cs-forgotPassBox h1,.cs-contactForm h1{font-size:34px!important}
}


/* ORDER ROW SIZE ALIGNMENT 2026-09-20 */
input[type="number"],
input[name*="menge" i],
input[name*="anzahl" i],
input[name*="quantity" i],
input[name*="amount" i] {
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
  flex: 0 0 200px !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  padding: 0 48px 0 24px !important;
  border-radius: 18px !important;
  font-size: 24px !important;
  line-height: 64px !important;
  vertical-align: middle !important;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  min-height: 60px !important;
  height: 60px !important;
}
input[type="submit"][value*="Warenkorb" i],
button[type="submit"][class*="cart" i],
button[type="submit"][class*="basket" i] {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  border-radius: 18px !important;
  line-height: 1.2 !important;
  vertical-align: middle !important;
}

  
/* FINAL QUANTITY CLEANUP 2026-09-20 */
input[type="number"] {
  position: relative !important;
  z-index: 20 !important;
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  padding: 0 46px 0 20px !important;
  text-align: center !important;
  background-image: none !important;
}
input[type="number"] + *:not([type="submit"]):not(.cs-button1):not([class*="basket"]):not([class*="Basket"]):not([class*="cart"]):not([class*="Cart"]),
input[type="number"] ~ [class*="step"],
input[type="number"] ~ [class*="Step"],
input[type="number"] ~ [class*="change"],
input[type="number"] ~ [class*="Change"],
input[type="number"] ~ [class*="control"],
input[type="number"] ~ [class*="Control"],
input[type="number"] ~ [class*="counter"],
input[type="number"] ~ [class*="Counter"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
}
input[type="submit"][value*="Warenkorb" i],
button[type="submit"],
.cs-button1,
[class*="basket"] [type="submit"],
[class*="cart"] [type="submit"] {
  position: relative !important;
  z-index: 50 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

  
/* NAVIGATION + QUANTITY FIX 2026-09-20 */
@media (min-width: 769px) {
  .cs-headerContent {
    padding-bottom: 62px !important;
    box-sizing: content-box !important;
  }
  .cs-headerContent .cs-miniButtons,
  .cs-headerContent .cs-categoriesBox {
    position: static !important;
  }
  .cs-mobileCategorys.cs-hidden:not(.cs-overlay) {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 62px !important;
    min-height: 62px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border-top: 1px solid #dce5eb !important;
    border-bottom: 1px solid #dce5eb !important;
    box-shadow: 0 8px 22px rgba(8,47,78,0.08) !important;
    z-index: 40 !important;
  }
  .cs-mobileCategorys.cs-hidden:not(.cs-overlay) .cs-mobileCategorysHeader {
    display: none !important;
  }
  .cs-mobileCategorys.cs-hidden:not(.cs-overlay) > ul.cs-categories1 {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    height: 62px !important;
    margin: 0 auto !important;
    padding: 0 28px !important;
    max-width: 1440px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin !important;
    scrollbar-color: #f36f21 transparent !important;
    list-style: none !important;
  }
  .cs-mobileCategorys.cs-hidden:not(.cs-overlay) > ul.cs-categories1 > li {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }
  .cs-mobileCategorys.cs-hidden:not(.cs-overlay) .cs-menuItem,
  .cs-mobileCategorys.cs-hidden:not(.cs-overlay) .cs-menuItem a {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #082f4e !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    -webkit-text-fill-color: #082f4e !important;
  }
  .cs-mobileCategorys.cs-hidden:not(.cs-overlay) .cs-menuItem a:hover,
  .cs-mobileCategorys.cs-hidden:not(.cs-overlay) .cs-menuItem a:focus {
    background: #fff3eb !important;
    color: #082f4e !important;
    box-shadow: inset 0 -3px 0 #f36f21 !important;
  }
}
input[type="number"],
input[name*="menge" i],
input[name*="anzahl" i],
input[name*="quantity" i],
input[name*="amount" i] {
  box-sizing: border-box !important;
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  flex: 0 0 180px !important;
  padding-left: 20px !important;
  padding-right: 48px !important;
  text-align: center !important;
  overflow: visible !important;
  background-image: none !important;
}
[class*="amount"] button:not([type="submit"]),
[class*="quantity"] button:not([type="submit"]),
[class*="Amount"] button:not([type="submit"]),
[class*="Quantity"] button:not([type="submit"]),
[class*="amount"] [class*="plus"],
[class*="amount"] [class*="minus"],
[class*="quantity"] [class*="plus"],
[class*="quantity"] [class*="minus"] {
  display: none !important;
  visibility: hidden !important;
}

  
/* TECH-FIX 3 2026-09-20: clean native stepper and clear category drawer */
body.cs-overflow .cs-blackOverlay,
.cs-blackOverlay.cs-hidden {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body.cs-overflow .cs-mobileCategorys,
.cs-mobileCategorys.cs-overlay {
  background: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
}
input[type="number"],
input[name*="menge" i],
input[name*="anzahl" i],
input[name*="quantity" i],
input[name*="amount" i] {
  background-image: none !important;
  background-color: #ffffff !important;
  padding-right: 42px !important;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: inner-spin-button !important;
  appearance: auto !important;
  opacity: 1 !important;
  display: block !important;
  width: 34px !important;
  min-height: 48px !important;
  cursor: pointer !important;
  filter: contrast(1.6) !important;
}

  /* TECH-FIX 2 2026-09-20: visible quantity controls and clickable category drawer */
body.cs-overflow .cs-blackOverlay,
.cs-blackOverlay.cs-hidden {
  pointer-events: none !important;
  z-index: 900 !important;
}
body.cs-overflow .cs-mobileCategorys,
.cs-mobileCategorys.cs-overlay {
  pointer-events: auto !important;
  z-index: 2147483646 !important;
  isolation: isolate !important;
}
body.cs-overflow .cs-mobileCategorys a,
.cs-mobileCategorys.cs-overlay a {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
}
input[type="number"],
input[name*="menge" i],
input[name*="anzahl" i],
input[name*="quantity" i],
input[name*="amount" i] {
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 58px !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='64' viewBox='0 0 42 64'%3E%3Crect x='0.5' y='0.5' width='41' height='63' rx='10' fill='%23f4f7f9' stroke='%23c7d4de'/%3E%3Cpath d='M21 13v12M15 19h12' stroke='%23082f4e' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M15 45h12' stroke='%23082f4e' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M1 32h40' stroke='%23c7d4de'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  background-size: 42px 64px !important;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: auto !important;
  appearance: auto !important;
  opacity: 0 !important;
  display: block !important;
  width: 50px !important;
  min-height: 64px !important;
  cursor: pointer !important;
}

  
/* TECH-FIX 2026-09-20: quantity, product action, categories */
.cs-hoverlay .cs-fastButtons .cs-actionButton > a,
.cs-hoverlay .cs-actionButton > a:link,
.cs-hoverlay .cs-actionButton > a:visited {
  color: #082f4e !important;
  background: #ffffff !important;
  -webkit-text-fill-color: #082f4e !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.cs-hoverlay .cs-actionButton > a:hover,
.cs-hoverlay .cs-actionButton > a:focus {
  color: #ffffff !important;
  background: #123f67 !important;
  -webkit-text-fill-color: #ffffff !important;
}
input[type="number"] {
  -moz-appearance: auto !important;
  appearance: auto !important;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: inner-spin-button !important;
  display: block !important;
  opacity: 1 !important;
  width: 28px !important;
  min-height: 32px !important;
  cursor: pointer !important;
}
[class*="amount"] button,
[class*="quantity"] button,
[class*="Amount"] button,
[class*="Quantity"] button,
[class*="amount"] [class*="plus"],
[class*="amount"] [class*="minus"],
[class*="quantity"] [class*="plus"],
[class*="quantity"] [class*="minus"] {
  opacity: 1 !important;
  visibility: visible !important;
  color: #082f4e !important;
  background-color: #ffffff !important;
  border-color: #d0dbe3 !important;
  -webkit-text-fill-color: #082f4e !important;
}
body.cs-overflow .cs-blackOverlay {
  background: rgba(3, 24, 42, 0.48) !important;
}
body.cs-overflow .cs-mobileCategorys {
  width: min(410px, 92vw) !important;
  background: #ffffff !important;
  color: #082f4e !important;
  box-shadow: 18px 0 48px rgba(3, 24, 42, 0.24) !important;
}
body.cs-overflow .cs-mobileCategorys .cs-mobileCategorysHeader {
  background: #082f4e !important;
  color: #ffffff !important;
  border-bottom: 4px solid #f36f21 !important;
}
body.cs-overflow .cs-mobileCategorys a,
body.cs-overflow .cs-mobileCategorys a:link,
body.cs-overflow .cs-mobileCategorys a:visited {
  display: block !important;
  color: #123f67 !important;
  background: #ffffff !important;
  -webkit-text-fill-color: #123f67 !important;
  opacity: 1 !important;
  padding: 14px 22px !important;
  border-bottom: 1px solid #dce5eb !important;
  font-weight: 700 !important;
}
body.cs-overflow .cs-mobileCategorys a:hover,
body.cs-overflow .cs-mobileCategorys a:focus {
  color: #082f4e !important;
  background: #fff3eb !important;
  box-shadow: inset 5px 0 0 #f36f21 !important;
}

  
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }


/* SWIFA CART HARD FIX */
body.cs-checkout #checkoutform .cs-button3{background-color:#f36f21!important;border-color:#f36f21!important}
body.cs-checkout #checkoutform .cs-button3>a{background-color:#f36f21!important;color:#fff!important;box-shadow:inset 0 0 0 999px #f36f21,0 10px 24px rgba(243,111,33,.22)!important}
  
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-chil


/* SWIFA CART BUTTON FINAL FIX */
.cs-checkout .cs-button3{background:#f36f21!important;background-color:#f36f21!important;background-image:none!important;border:0!important;border-radius:12px!important;box-shadow:0 10px 24px rgba(243,111,33,.22)!important;padding:0!important;overflow:hidden!important}
.cs-checkout .cs-button3 a{background:#f36f21!important;background-color:#f36f21!important;background-image:none!important;color:#fff!important;border:0!important;border-radius:12px!important;padding:14px 24px!important}
  d(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-betHeading { display: none !important; }
body.cs-start .cs-subtitle:has(+ .cs-productListing), body.cs-start .cs-subtitle:has(+ .lastViewVBox) { display: none !important; }
body.cs-start .cs-mainContent > .cs-container { border-top: 0px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-categoryList) { padding-top: 64px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-productListing) { padding-top: 72px !important; }
body.cs-start .cs-categoryList { margin-bottom: 0px !important; }
body.cs-start .cs-productListing { margin-bottom: 76px !important; }
body.cs-start .cs-siteHeading { margin-top: 0px !important; }
body.cs-start .cs-siteHeading::before, body.cs-start .cs-siteHeading::after { display: none !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
bod[Truncated]

/* SWIFA PHASE 2 FIX — fixed colors for CosmoShop parser */
.cs-articlePictureBox,.cs-detail .tabContainer,.cs-categoryHeaderBox,.cs-login,.cs-checkout .cs-basektLeftBox,.cs-checkout .cs-basektRightBox{border-color:#dce5eb!important;box-shadow:0 18px 45px rgba(8,47,78,.10)!important}
.cs-detail .tabcontent{color:#263d4d!important}
.cs-detail .tabcontent p:first-child,.cs-detail .tabcontent p strong,.cs-detail .tabcontent p>b,.cs-categoryHeaderBox .categoryHeader,.cs-login .loginBoxHeader,.cs-login h1,.cs-login .cs-forgotPassword a,.cs-checkout .cs-basektLeftBox h3{color:#123f67!important}
.cs-detail .tabs,.cs-detail .tabcontent ul,.cs-login .cs-dsBox{background-color:#f4f7f9!important}
.cs-detail .tabs,.cs-detail .tabcontent table,.cs-detail .tabcontent td,.cs-detail .tabcontent th{border-color:#dce5eb!important}
.cs-detail .tabcontent ul{border-left-color:#f36f21!important}
.cs-categoryHeaderBox{border-bottom-color:#f36f21!important}
.cs-categoryHeaderBox .cs-categoryRubText{color:#657482!important}
.cs-login:before{background-color:#f36f21!important}
.cs-login .label{color:#102f46!important}
.cs-login input[type=email],.cs-login input[type=password],.cs-login input[type=text],.cs-checkout input[type=text],.cs-checkout input[type=email],.cs-checkout input[type=password],.cs-checkout select,.cs-checkout textarea{border-color:#c8d5dd!important;background-color:#fff!important}
.cs-login input:focus,.cs-checkout input:focus,.cs-checkout select:focus,.cs-checkout textarea:focus{border-color:#f36f21!important;box-shadow:0 0 0 4px rgba(243,111,33,.14)!important}
.cs-login input.loginBtn,.cs-login .loginBtn.cs-button1{background:#f36f21!important;background-color:#f36f21!important;background-image:none!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(243,111,33,.25)!important;text-indent:0!important;opacity:1!important}
.cs-checkout{background-color:#f3f6f8!important;color:#102f46!important}
.cs-checkout .cs-checkoutMenu{background:#123f67!important;background-color:#123f67!important;border-top-color:#f36f21!important}
.cs-checkout .cs-basketSteps>*{border-color:#dce5eb!important;color:#657482!important}
.cs-checkout .cs-basketSteps .active,.cs-checkout .cs-basketSteps .stepBasket,.cs-checkout .cs-basketSteps .cs-wkStep:first-child{background:#123f67!important;background-color:#123f67!important;color:#fff!important;border-color:#123f67!important}
.cs-checkout .cs-button1,.cs-checkout .cs-button2,.cs-checkout .cs-button3 a,.cs-checkout input[type=submit]{background:#f36f21!important;background-color:#f36f21!important;background-image:none!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(243,111,33,.22)!important;text-indent:0!important;opacity:1!important}  html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-betHeading { display: none !important; }
body.cs-start .cs-subtitle:has(+ .cs-productListing), body.cs-start .cs-subtitle:has(+ .lastViewVBox) { display: none !important; }
body.cs-start .cs-mainContent > .cs-container { border-top: 0px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-categoryList) { padding-top: 64px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-productListing) { padding-top: 72px !important; }
body.cs-start .cs-categoryList { margin-bottom: 0px !important; }
body.cs-start .cs-productListing { margin-bottom: 76px !important; }
body.cs-start .cs-siteHeading { margin-top: 0px !important; }
body.cs-start .cs-siteHeading::before, body.cs-start .cs-siteHeading::after { display: none !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
bod[Truncated]

/* SWIFA PHASE 2 — global polish, descriptions, banners, account and checkout */
:root{--swf-navy:#123f67;--swf-navy-dark:#082f4e;--swf-orange:#f36f21;--swf-ink:#102f46;--swf-muted:#657482;--swf-line:#dce5eb;--swf-surface:#f4f7f9;--swf-white:#fff;--swf-shadow:0 18px 45px rgba(8,47,78,.10)}

/* 1 — consistent product imagery */
.cs-productListing .cs-articlePreviewSmallPicturebox,.cs-articlePictureBox{background:radial-gradient(circle at 50% 42%,#fff 0,#f8fafb 58%,#edf2f5 100%)!important;overflow:hidden}
.cs-productListing .cs-articlePreviewSmallPicturebox{min-height:310px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important}
.cs-productListing .cs-articlePreviewSmallPicturebox img{width:100%!important;height:100%!important;max-width:100%!important;max-height:265px!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 12px 18px rgba(8,47,78,.10))}
.cs-articlePictureBox{border:1px solid var(--swf-line)!important;border-radius:22px!important;padding:30px!important;box-shadow:var(--swf-shadow)!important}
.cs-articlePictureBox img{object-fit:contain!important;filter:drop-shadow(0 16px 24px rgba(8,47,78,.10))}

/* 2 — product copy system */
.cs-detail .tabContainer{margin-top:38px!important;border:1px solid var(--swf-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--swf-shadow)!important;overflow:hidden!important}
.cs-detail .tabs{background:var(--swf-surface)!important;border-bottom:1px solid var(--swf-line)!important;padding:0 24px!important}
.cs-detail .tabs li,.cs-detail .tabs a{font-weight:700!important;letter-spacing:.01em!important}
.cs-detail .tabcontent{padding:34px 38px 38px!important;color:#263d4d!important;font-size:17px!important;line-height:1.62!important}
.cs-detail .tabcontent p{margin:0 0 15px!important;max-width:960px!important}
.cs-detail .tabcontent p:first-child{font-size:22px!important;line-height:1.35!important;font-weight:800!important;color:var(--swf-navy)!important;margin-bottom:18px!important}
.cs-detail .tabcontent p strong,.cs-detail .tabcontent p>b{color:var(--swf-navy)!important}
.cs-detail .tabcontent ul{margin:12px 0 24px!important;padding:18px 22px 18px 46px!important;border-left:4px solid var(--swf-orange)!important;border-radius:0 14px 14px 0!important;background:var(--swf-surface)!important}
.cs-detail .tabcontent li{margin:7px 0!important;padding-left:4px!important}
.cs-detail .tabcontent table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;overflow:hidden!important;border:1px solid var(--swf-line)!important;border-radius:14px!important}
.cs-detail .tabcontent td,.cs-detail .tabcontent th{padding:12px 15px!important;border-bottom:1px solid var(--swf-line)!important}

/* 3 — category hero banners */
.cs-categoryHeaderBox{border-radius:22px!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--swf-line)!important;box-shadow:var(--swf-shadow)!important;border-bottom:5px solid var(--swf-orange)!important}
.cs-categoryHeaderBox .categoryPicture,.cs-categoryHeaderBox .categoryPicture img{width:100%!important}
.cs-categoryHeaderBox .categoryPicture img{height:330px!important;object-fit:cover!important;object-position:center!important;display:block!important}
.cs-categoryHeaderBox .categoryHeader{padding:26px 32px 8px!important;color:var(--swf-navy)!important;font-weight:850!important}
.cs-categoryHeaderBox .cs-categoryRubText{padding:0 32px 28px!important;color:var(--swf-muted)!important;font-size:17px!important;line-height:1.55!important;max-width:1020px!important}

/* 4 — account / login */
.cs-login{max-width:920px!important;margin:42px auto 76px!important;padding:42px!important;border:1px solid var(--swf-line)!important;border-radius:24px!important;background:linear-gradient(145deg,#fff 0,#f7fafc 100%)!important;box-shadow:var(--swf-shadow)!important;position:relative!important;overflow:hidden!important}
.cs-login:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:var(--swf-orange)}
.cs-login .loginBoxHeader,.cs-login h1{color:var(--swf-navy)!important;font-size:34px!important;line-height:1.15!important;margin:0 0 30px!important}
.cs-login .cs-formRow{gap:22px!important}
.cs-login .cs-formRow-column{flex:1 1 300px!important}
.cs-login .label{display:block!important;margin:0 0 8px!important;color:var(--swf-ink)!important;font-weight:750!important}
.cs-login input[type=email],.cs-login input[type=password],.cs-login input[type=text]{width:100%!important;min-height:54px!important;border:1px solid #c8d5dd!important;border-radius:12px!important;background:#fff!important;padding:0 16px!important;font-size:16px!important;transition:.2s ease!important}
.cs-login input:focus{border-color:var(--swf-orange)!important;box-shadow:0 0 0 4px rgba(243,111,33,.14)!important;outline:0!important}
.cs-login .cs-forgotPassword{width:100%!important;margin:12px 0 0!important}
.cs-login .cs-forgotPassword a{color:var(--swf-navy)!important;font-weight:700!important}
.cs-login .cs-dsBox{margin:24px 0!important;padding:16px!important;border-radius:12px!important;background:#eef4f7!important}
.cs-login .loginBtn{min-height:52px!important;border:0!important;border-radius:12px!important;background:var(--swf-orange)!important;color:#fff!important;font-weight:800!important;padding:0 30px!important;box-shadow:0 10px 24px rgba(243,111,33,.25)!important}

/* 4 — cart and checkout */
.cs-checkout{background:#f3f6f8!important;color:var(--swf-ink)!important}
.cs-checkout .cs-checkoutMenu{background:var(--swf-navy)!important;border-top:5px solid var(--swf-orange)!important}
.cs-checkout .cs-basketSteps{max-width:1180px!important;margin:28px auto!important;padding:0 20px!important;gap:8px!important}
.cs-checkout .cs-basketSteps>*{background:#fff!important;color:var(--swf-muted)!important;border:1px solid var(--swf-line)!important;border-radius:12px!important;padding:15px 20px!important;font-weight:750!important}
.cs-checkout .cs-basketSteps .active,.cs-checkout .cs-basketSteps .stepBasket{background:var(--swf-navy)!important;color:#fff!important;border-color:var(--swf-navy)!important}
.cs-checkout #checkoutform{max-width:1180px!important;margin:0 auto 60px!important;padding:0 20px!important}
.cs-checkout .cs-basketStepOne{gap:26px!important}
.cs-checkout .cs-basektLeftBox,.cs-checkout .cs-basektRightBox{background:#fff!important;border:1px solid var(--swf-line)!important;border-radius:22px!important;padding:30px!important;box-shadow:var(--swf-shadow)!important}
.cs-checkout .cs-basektLeftBox{flex:1 1 650px!important}
.cs-checkout .cs-basektRightBox{flex:0 1 360px!important}
.cs-checkout .cs-basektLeftBox h3{color:var(--swf-navy)!important;font-size:28px!important;margin:0 0 18px!important}
.cs-checkout .cs-button1,.cs-checkout .cs-button2,.cs-checkout .cs-button3 a,.cs-checkout input[type=submit]{border-radius:12px!important;background:var(--swf-orange)!important;color:#fff!important;font-weight:800!important;padding:14px 24px!important;border:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;box-shadow:0 10px 24px rgba(243,111,33,.22)!important}
.cs-checkout input[type=text],.cs-checkout input[type=email],.cs-checkout input[type=password],.cs-checkout select,.cs-checkout textarea{min-height:50px!important;border:1px solid #c8d5dd!important;border-radius:11px!important;background:#fff!important;padding:0 14px!important}
.cs-checkout input:focus,.cs-checkout select:focus,.cs-checkout textarea:focus{border-color:var(--swf-orange)!important;box-shadow:0 0 0 4px rgba(243,111,33,.13)!important;outline:0!important}

@media(max-width:900px){
 .cs-productListing .cs-articlePreviewSmallPicturebox{min-height:250px!important;padding:18px!important}
 .cs-categoryHeaderBox .categoryPicture img{height:250px!important}
 .cs-login{margin:28px 18px 54px!important;padding:32px 24px!important}
 .cs-checkout .cs-basketSteps{overflow-x:auto!important;flex-wrap:nowrap!important}
 .cs-checkout .cs-basektLeftBox,.cs-checkout .cs-basektRightBox{flex:1 1 100%!important}
}
@media(max-width:560px){
 .cs-productListing .cs-articlePreviewSmallPicturebox{min-height:220px!important}
 .cs-categoryHeaderBox .categoryPicture img{height:210px!important}
 .cs-categoryHeaderBox .categoryHeader{padding:22px 20px 8px!important;font-size:28px!important}
 .cs-categoryHeaderBox .cs-categoryRubText{padding:0 20px 23px!important;font-size:15px!important}
 .cs-detail .tabcontent{padding:24px 20px!important;font-size:16px!important}
 .cs-login{padding:28px 20px!important}
 .cs-login .loginBoxHeader,.cs-login h1{font-size:28px!important}
 .cs-checkout #checkoutform{padding:0 12px!important}
 .cs-checkout .cs-basektLeftBox,.cs-checkout .cs-basektRightBox{padding:22px 18px!important}
}
  html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-betHeading { display: none !important; }
body.cs-start .cs-subtitle:has(+ .cs-productListing), body.cs-start .cs-subtitle:has(+ .lastViewVBox) { display: none !important; }
body.cs-start .cs-mainContent > .cs-container { border-top: 0px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-categoryList) { padding-top: 64px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-productListing) { padding-top: 72px !important; }
body.cs-start .cs-categoryList { margin-bottom: 0px !important; }
body.cs-start .cs-productListing { margin-bottom: 76px !important; }
body.cs-start .cs-siteHeading { margin-top: 0px !important; }
body.cs-start .cs-siteHeading::before, body.cs-start .cs-siteHeading::after { display: none !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
bod[Truncated]

/* LIVE PRODUCT DETAIL PREMIUM V1 */
body.cs-detail .cs-mainContent{max-width:1320px!important;margin:0 auto!important;padding:36px 22px 72px!important}
body.cs-detail .cs-articleDetail{max-width:none!important;padding:0!important}
body.cs-detail .cs-articleDetailMiddleBox{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)!important;gap:48px!important;align-items:start!important;margin:18px 0 42px!important}
body.cs-detail .cs-articleLeftBox,body.cs-detail .cs-articleRightBox{width:auto!important;max-width:none!important;margin:0!important}
body.cs-detail .cs-articleLeftBox{padding:28px!important;border:1px solid #dce4e9!important;border-radius:20px!important;background:linear-gradient(145deg,#f9fbfc 0%,#eef2f4 100%)!important;box-shadow:0 14px 36px rgba(2,39,65,.09)!important}
body.cs-detail .cs-galleryImageBox,body.cs-detail .cs-imageBox{background:transparent!important}
body.cs-detail .cs-galleryImageBox img,body.cs-detail .cs-imageBox img{display:block!important;max-width:100%!important;max-height:620px!important;width:auto!important;height:auto!important;margin:auto!important;object-fit:contain!important;mix-blend-mode:multiply!important}
body.cs-detail .cs-articleRightBox{padding:38px 40px!important;border:1px solid #dce4e9!important;border-radius:20px!important;background:#fff!important;box-shadow:0 14px 36px rgba(2,39,65,.09)!important}
body.cs-detail .cs-articleRightBox h1,body.cs-detail .cs-articleRightBox .cs-articleName{margin:0 0 22px!important;color:#063653!important;font-size:clamp(28px,3vw,42px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-.03em!important}
body.cs-detail .cs-articleRightBox .availabilityBox,body.cs-detail .cs-articleRightBox .cs-availability{display:inline-flex!important;width:auto!important;margin:18px 0!important;padding:8px 14px!important;border-radius:999px!important;background:#e9f7ef!important;color:#177a4d!important;font-weight:700!important}
body.cs-detail #tabs{margin:18px 0 48px!important;border:1px solid #dce4e9!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 32px rgba(2,39,65,.07)!important;overflow:hidden!important}
body.cs-detail #tabs .tabContainer{gap:0!important;padding:0 22px!important;border-bottom:1px solid #dce4e9!important;background:#f6f8f9!important}
body.cs-detail #tabs .tabs{padding:20px 22px!important;color:#66727b!important;font-weight:700!important;border-bottom:3px solid transparent!important}
body.cs-detail #tabs .tabs.activeTab{color:#063653!important;border-bottom-color:#f36b21!important;background:#fff!important}
body.cs-detail #tabs .contentContainer{padding:34px 38px 38px!important;color:#263943!important;font-size:17px!important;line-height:1.72!important}
body.cs-detail #tabs .tabcontent p{margin:0 0 18px!important}
body.cs-detail #tabs .tabcontent ul{margin:12px 0 24px!important;padding-left:24px!important}
body.cs-detail #tabs .tabcontent li{margin:7px 0!important}
body.cs-detail #tabs .tabcontent strong{color:#063653!important}
body.cs-detail #empfehlung,body.cs-detail .cs-articleRecommandation,body.cs-detail .lastViewVBox,body.cs-detail .cs-siteHeading,body.cs-detail .cs-subtitle{display:none!important}
@media(max-width:900px){body.cs-detail .cs-articleDetailMiddleBox{grid-template-columns:1fr!important;gap:24px!important}body.cs-detail .cs-articleRightBox{padding:30px!important}}
@media(max-width:600px){body.cs-detail .cs-mainContent{padding:24px 14px 50px!important}body.cs-detail .cs-articleLeftBox{padding:18px!important;border-radius:15px!important}body.cs-detail .cs-articleRightBox{padding:24px 20px!important;border-radius:15px!important}body.cs-detail #tabs .tabContainer{padding:0 10px!important}body.cs-detail #tabs .tabs{padding:16px 12px!important;font-size:14px!important}body.cs-detail #tabs .contentContainer{padding:24px 20px!important;font-size:16px!important}}
  html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-betHeading { display: none !important; }
body.cs-start .cs-subtitle:has(+ .cs-productListing), body.cs-start .cs-subtitle:has(+ .lastViewVBox) { display: none !important; }
body.cs-start .cs-mainContent > .cs-container { border-top: 0px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-categoryList) { padding-top: 64px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-productListing) { padding-top: 72px !important; }
body.cs-start .cs-categoryList { margin-bottom: 0px !important; }
body.cs-start .cs-productListing { margin-bottom: 76px !important; }
body.cs-start .cs-siteHeading { margin-top: 0px !important; }
body.cs-start .cs-siteHeading::before, body.cs-start .cs-siteHeading::after { display: none !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
bod[Truncated]

/* LIVE CATEGORY OVERVIEW PREMIUM V1 */
body.cs-category .cs-mainContent{max-width:1320px!important;margin:0 auto!important;padding:34px 22px 72px!important}
body.cs-category .cs-categoryHeader.cs-container{max-width:none!important;margin:0 0 38px!important;padding:0!important}
body.cs-category .cs-categoryHeader .categoryPicture{width:100%!important;height:285px!important;border-radius:18px!important;overflow:hidden!important;background:#edf1f4!important;box-shadow:0 14px 36px rgba(2,39,65,.10)!important;border-bottom:5px solid #f36b21!important}
body.cs-category .cs-categoryHeader .categoryPicture img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body.cs-category h1.categoryHeader{margin:34px 0 26px!important;color:#063653!important;font-size:clamp(34px,4vw,54px)!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-.035em!important}
body.cs-category .cs-productListing{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:32px 24px!important;align-items:stretch!important}
body.cs-category .cs-productListing>.cs-articlePreview{width:auto!important;max-width:none!important;margin:0!important;min-height:448px!important;display:flex!important;flex-direction:column!important;border:1px solid #dce4e9!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 28px rgba(2,39,65,.075)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
body.cs-category .cs-productListing>.cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 40px rgba(2,39,65,.14)!important;border-color:#f36b21!important}
body.cs-category .cs-productListing .pictureContainer{min-height:300px!important;height:300px!important;padding:22px!important;background:linear-gradient(145deg,#f8fafb 0%,#eef2f4 100%)!important;border-bottom:1px solid #e5eaed!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.cs-category .cs-productListing .pictureContainer>a{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important}
body.cs-category .cs-productListing .pictureContainer img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;mix-blend-mode:multiply!important}
body.cs-category .cs-productListing .artnamBox{min-height:92px!important;height:auto!important;padding:26px 22px 10px!important;background:#fff!important}
body.cs-category .cs-productListing .cs-artPreviewName{color:#062f4a!important;font-size:17px!important;line-height:1.35!important;font-weight:750!important;letter-spacing:-.01em!important}
body.cs-category .cs-productListing .availabilityBox{margin-top:auto!important;padding:8px 22px 24px!important;background:#fff!important}
body.cs-category .cs-productListing .cs-badgesBox{min-height:0!important;height:0!important;display:none!important}
body.cs-category .cs-productListing .cs-hoverlay{display:none!important}
body.cs-category .cs-subtitle{display:none!important}
body.cs-category .cs-sortingBox,body.cs-category .cs-listingSort{border-color:#dce4e9!important}
@media(max-width:1050px){body.cs-category .cs-productListing{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){body.cs-category .cs-mainContent{padding:24px 16px 54px!important}body.cs-category .cs-categoryHeader .categoryPicture{height:220px!important;border-radius:14px!important}body.cs-category .cs-productListing{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 14px!important}body.cs-category .cs-productListing .pictureContainer{height:230px!important;min-height:230px!important}}
@media(max-width:480px){body.cs-category .cs-productListing{grid-template-columns:1fr!important}body.cs-category .cs-productListing .pictureContainer{height:280px!important;min-height:280px!important}}

body.cs-category .cs-siteHeading,body.cs-category .cs-mainContent .lastViewVBox.cs-productListing{display:none!important}
  html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-betHeading { display: none !important; }
body.cs-start .cs-subtitle:has(+ .cs-productListing), body.cs-start .cs-subtitle:has(+ .lastViewVBox) { display: none !important; }
body.cs-start .cs-mainContent > .cs-container { border-top: 0px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-categoryList) { padding-top: 64px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-productListing) { padding-top: 72px !important; }
body.cs-start .cs-categoryList { margin-bottom: 0px !important; }
body.cs-start .cs-productListing { margin-bottom: 76px !important; }
body.cs-start .cs-siteHeading { margin-top: 0px !important; }
body.cs-start .cs-siteHeading::before, body.cs-start .cs-siteHeading::after { display: none !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
bod[Truncated]
body.cs-category .cs-mainContent .lastViewVBox.cs-productListing{display:none!important}
  html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-betHeading { display: none !important; }
body.cs-start .cs-subtitle:has(+ .cs-productListing), body.cs-start .cs-subtitle:has(+ .lastViewVBox) { display: none !important; }
body.cs-start .cs-mainContent > .cs-container { border-top: 0px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-categoryList) { padding-top: 64px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-productListing) { padding-top: 72px !important; }
body.cs-start .cs-categoryList { margin-bottom: 0px !important; }
body.cs-start .cs-productListing { margin-bottom: 76px !important; }
body.cs-start .cs-siteHeading { margin-top: 0px !important; }
body.cs-start .cs-siteHeading::before, body.cs-start .cs-siteHeading::after { display: none !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
bod[Truncated]
body.cs-category .lastViewVBox,body.cs-category .cs-siteHeading{display:none!important}html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-betHeading { display: none !important; }
body.cs-start .cs-subtitle:has(+ .cs-productListing), body.cs-start .cs-subtitle:has(+ .lastViewVBox) { display: none !important; }
body.cs-start .cs-mainContent > .cs-container { border-top: 0px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-categoryList) { padding-top: 64px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-productListing) { padding-top: 72px !important; }
body.cs-start .cs-categoryList { margin-bottom: 0px !important; }
body.cs-start .cs-productListing { margin-bottom: 76px !important; }
body.cs-start .cs-siteHeading { margin-top: 0px !important; }
body.cs-start .cs-siteHeading::before, body.cs-start .cs-siteHeading::after { display: none !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
bod[Truncated]
body.cs-category .lastViewVBox,body.cs-category .cs-siteHeading{display:none!important}
  html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb
  

/* SWIFA PHASE 2 FIX — fixed colors for CosmoShop parser */
.cs-articlePictureBox,.cs-detail .tabContainer,.cs-categoryHeaderBox,.cs-login,.cs-checkout .cs-basektLeftBox,.cs-checkout .cs-basektRightBox{border-color:#dce5eb!important;box-shadow:0 18px 45px rgba(8,47,78,.10)!important}
.cs-detail .tabcontent{color:#263d4d!important}
.cs-detail .tabcontent p:first-child,.cs-detail .tabcontent p strong,.cs-detail .tabcontent p>b,.cs-categoryHeaderBox .categoryHeader,.cs-login .loginBoxHeader,.cs-login h1,.cs-login .cs-forgotPassword a,.cs-checkout .cs-basektLeftBox h3{color:#123f67!important}
.cs-detail .tabs,.cs-detail .tabcontent ul,.cs-login .cs-dsBox{background-color:#f4f7f9!important}
.cs-detail .tabs,.cs-detail .tabcontent table,.cs-detail .tabcontent td,.cs-detail .tabcontent th{border-color:#dce5eb!important}
.cs-detail .tabcontent ul{border-left-color:#f36f21!important}
.cs-categoryHeaderBox{border-bottom-color:#f36f21!important}
.cs-categoryHeaderBox .cs-categoryRubText{color:#657482!important}
.cs-login:before{background-color:#f36f21!important}
.cs-login .label{color:#102f46!important}
.cs-login input[type=email],.cs-login input[type=password],.cs-login input[type=text],.cs-checkout input[type=text],.cs-checkout input[type=email],.cs-checkout input[type=password],.cs-checkout select,.cs-checkout textarea{border-color:#c8d5dd!important;background-color:#fff!important}
.cs-login input:focus,.cs-checkout input:focus,.cs-checkout select:focus,.cs-checkout textarea:focus{border-color:#f36f21!important;box-shadow:0 0 0 4px rgba(243,111,33,.14)!important}
.cs-login input.loginBtn,.cs-login .loginBtn.cs-button1{background:#f36f21!important;background-color:#f36f21!important;background-image:none!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(243,111,33,.25)!important;text-indent:0!important;opacity:1!important}
.cs-checkout{background-color:#f3f6f8!important;color:#102f46!important}
.cs-checkout .cs-checkoutMenu{background:#123f67!important;background-color:#123f67!important;border-top-color:#f36f21!important}
.cs-checkout .cs-basketSteps>*{border-color:#dce5eb!important;color:#657482!important}
.cs-checkout .cs-basketSteps .active,.cs-checkout .cs-basketSteps .stepBasket,.cs-checkout .cs-basketSteps .cs-wkStep:first-child{background:#123f67!important;background-color:#123f67!important;color:#fff!important;border-color:#123f67!important}
.cs-checkout .cs-button1,.cs-checkout .cs-button2,.cs-checkout .cs-button3 a,.cs-checkout input[type=submit]{background:#f36f21!important;background-color:#f36f21!important;background-image:none!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(243,111,33,.22)!important;text-indent:0!important;opacity:1!important}
  (21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 cal

/* SF | Unterrubrikkarten: echte Namen und passende Sublines */
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview {
  position: relative !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName {
  box-sizing: border-box !important;
  display: block !important;
  position: relative !important;
  height: 132px !important;
  min-height: 132px !important;
  margin: 0 !important;
  padding: 22px 64px 18px 26px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  font-size: 0 !important;
  line-height: 1 !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a {
  display: block !important;
  position: relative !important;
  z-index: 6 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #15191c !important;
  -webkit-text-fill-color: #15191c !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before {
  content: none !important;
  display: none !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  z-index: 6 !important;
  width: auto !important;
  height: auto !important;
  margin-top: 10px !important;
  color: #69737b !important;
  -webkit-text-fill-color: #69737b !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.005em !important;
  white-space: normal !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:has(> a[href*="/Gummistiefel/"])::after {
  content: "Robust. Wetterfest. Sicher im Einsatz." !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:has(> a[href*="/Gehoerschutz/"])::after {
  content: "Schutz für konzentriertes und sicheres Arbeiten." !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview::after {
  content: "→" !important;
  position: absolute !important;
  right: 25px !important;
  bottom: 54px !important;
  z-index: 8 !important;
  color: #15191c !important;
  font-size: 25px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}
@media (max-width: 640px) {
  body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName {
    height: 124px !important;
    min-height: 124px !important;
    padding: 20px 54px 16px 22px !important;
  }
  body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a {
    font-size: 21px !important;
  }
  body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after {
    font-size: 14px !important;
    margin-top: 8px !important;
  }
  body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview::after {
    right: 21px !important;
    bottom: 51px !important;
  }
}


/* SF | Unterrubrikkarten: echte Namen und passende Sublines */
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview {
  position: relative !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName {
  box-sizing: border-box !important;
  display: block !important;
  position: relative !important;
  height: 132px !important;
  min-height: 132px !important;
  margin: 0 !important;
  padding: 22px 64px 18px 26px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  font-size: 0 !important;
  line-height: 1 !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a {
  display: block !important;
  position: relative !important;
  z-index: 6 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #15191c !important;
  -webkit-text-fill-color: #15191c !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before {
  content: none !important;
  display: none !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  z-index: 6 !important;
  width: auto !important;
  height: auto !important;
  margin-top: 10px !important;
  color: #69737b !important;
  -webkit-text-fill-color: #69737b !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.005em !important;
  white-space: normal !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:has(> a[href*="/Gummistiefel/"])::after {
  content: "Robust. Wetterfest. Sicher im Einsatz." !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:has(> a[href*="/Gehoerschutz/"])::after {
  content: "Schutz für konzentriertes und sicheres Arbeiten." !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview::after {
  content: "→" !important;
  position: absolute !important;
  right: 25px !important;
  bottom: 54px !important;
  z-index: 8 !important;
  color: #15191c !important;
  font-size: 25px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}
@media (max-width: 640px) {
  body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName {
    height: 124px !important;
    min-height: 124px !important;
    padding: 20px 54px 16px 22px !important;
  }
  body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a {
    font-size: 21px !important;
  }
  body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after {
    font-size: 14px !important;
    margin-top: 8px !important;
  }
  body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview::after {
    right: 21px !important;
    bottom: 51px !important;

/* SF | Unterrubrikkarten: echte Namen und passende Sublines */
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview {
  position: relative !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName {
  box-sizing: border-box !important;
  display: block !important;
  position: relative !important;
  height: 132px !important;
  min-height: 132px !important;
  margin: 0 !important;
  padding: 22px 64px 18px 26px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  font-size: 0 !important;
  line-height: 1 !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a {
  display: block !important;
  position: relative !important;
  z-index: 6 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #15191c !important;
  -webkit-text-fill-color: #15191c !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before {
  content: none !important;
  display: none !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  z-index: 6 !important;
  width: auto !important;
  height: auto !important;
  margin-top: 10px !important;
  color: #69737b !important;
  -webkit-text-fill-color: #69737b !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.005em !important;
  white-space: normal !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:has(> a[href*="/Gummistiefel/"])::after {
  content: "Robust. Wetterfest. Sicher im Einsatz." !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:has(> a[href*="/Gehoerschutz/"])::after {
  content: "Schutz für konzentriertes und sicheres Arbeiten." !important;
}
body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview::after {
  content: "→" !important;
  position: absolute !important;
  right: 25px !important;
  bottom: 54px !important;
  z-index: 8 !important;
  color: #15191c !important;
  font-size: 25px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}
@media (max-width: 640px) {
  body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName {
    height: 124px !important;
    min-height: 124px !important;
    padding: 20px 54px 16px 22px !important;
  }
  body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a {
    font-size: 21px !important;
  }
  body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after {
    font-size: 14px !important;
    margin-top: 8px !important;
  }
  body.cs-category .cs-mainContent .cs-categoryList .cs-categoryPreview::after {
    right: 21px !important;
    bottom: 51px !important;
  }
}

  }
}

/* SF | Unterrubrikkarten 2026-09-20 */
c(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-betHeading { display: none !important; }
body.cs-start .cs-subtitle:has(+ .cs-productListing), body.cs-start .cs-subtitle:has(+ .lastViewVBox) { display: none !important; }
body.cs-start .cs-mainContent > .cs-container { border-top: 0px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-categoryList) { padding-top: 64px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-productListing) { padding-top: 72px !important; }
body.cs-start .cs-categoryList { margin-bottom: 0px !important; }
body.cs-start .cs-productListing { margin-bottom: 76px !important; }
body.cs-start .cs-siteHeading { margin-top: 0px !important; }
body.cs-start .cs-siteHeading::before, body.cs-start .cs-siteHeading::after { display: none !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
bod[Truncated]
/* CATEGORY RECENTLY VIEWED CLEANUP */
body.cs-category .cs-container:has(> .lastViewVBox){display:none!important}
  html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-betHeading { display: none !important; }
body.cs-start .cs-subtitle:has(+ .cs-productListing), body.cs-start .cs-subtitle:has(+ .lastViewVBox) { display: none !important; }
body.cs-start .cs-mainContent > .cs-container { border-top: 0px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-categoryList) { padding-top: 64px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-productListing) { padding-top: 72px !important; }
body.cs-start .cs-categoryList { margin-bottom: 0px !important; }
body.cs-start .cs-productListing { margin-bottom: 76px !important; }
body.cs-start .cs-siteHeading { margin-top: 0px !important; }
body.cs-start .cs-siteHeading::before, body.cs-start .cs-siteHeading::after { display: none !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
bod[Truncated]

/* LIVE CATEGORY OVERVIEW PREMIUM V1 */
body.cs-category .cs-mainContent{max-width:1320px!important;margin:0 auto!important;padding:34px 22px 72px!important}
body.cs-category .cs-categoryHeader.cs-container{max-width:none!important;margin:0 0 38px!important;padding:0!important}
body.cs-category .cs-categoryHeader .categoryPicture{width:100%!important;height:285px!important;border-radius:18px!important;overflow:hidden!important;background:#edf1f4!important;box-shadow:0 14px 36px rgba(2,39,65,.10)!important;border-bottom:5px solid #f36b21!important}
body.cs-category .cs-categoryHeader .categoryPicture img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body.cs-category h1.categoryHeader{margin:34px 0 26px!important;color:#063653!important;font-size:clamp(34px,4vw,54px)!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-.035em!important}
body.cs-category .cs-productListing{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:32px 24px!important;align-items:stretch!important}
body.cs-category .cs-productListing>.cs-articlePreview{width:auto!important;max-width:none!important;margin:0!important;min-height:448px!important;display:flex!important;flex-direction:column!important;border:1px solid #dce4e9!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 28px rgba(2,39,65,.075)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
body.cs-category .cs-productListing>.cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 40px rgba(2,39,65,.14)!important;border-color:#f36b21!important}
body.cs-category .cs-productListing .pictureContainer{min-height:300px!important;height:300px!important;padding:22px!important;background:linear-gradient(145deg,#f8fafb 0%,#eef2f4 100%)!important;border-bottom:1px solid #e5eaed!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.cs-category .cs-productListing .pictureContainer>a{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important}
body.cs-category .cs-productListing .pictureContainer img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;mix-blend-mode:multiply!important}
body.cs-category .cs-productListing .artnamBox{min-height:92px!important;height:auto!important;padding:26px 22px 10px!important;background:#fff!important}
body.cs-category .cs-productListing .cs-artPreviewName{color:#062f4a!important;font-size:17px!important;line-height:1.35!important;font-weight:750!important;letter-spacing:-.01em!important}
body.cs-category .cs-productListing .availabilityBox{margin-top:auto!important;padding:8px 22px 24px!important;background:#fff!important}
body.cs-category .cs-productListing .cs-badgesBox{min-height:0!important;height:0!important;display:none!important}
body.cs-category .cs-productListing .cs-hoverlay{display:none!important}
body.cs-category .cs-subtitle{display:none!important}
body.cs-category .cs-sortingBox,body.cs-category .cs-listingSort{border-color:#dce4e9!important}
@media(max-width:1050px){body.cs-category .cs-productListing{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){body.cs-category .cs-mainContent{padding:24px 16px 54px!important}body.cs-category .cs-categoryHeader .categoryPicture{height:220px!important;border-radius:14px!important}body.cs-category .cs-productListing{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 14px!important}body.cs-category .cs-productListing .pictureContainer{height:230px!important;min-height:230px!important}}
@media(max-width:480px){body.cs-category .cs-productListing{grid-template-columns:1fr!important}body.cs-category .cs-productListing .pictureContainer{height:280px!important;min-height:280px!important}}
  /* FINAL RUBRIKEN 2 UND 6 */
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}
/* ENDGUELTIGE POSITION RUBRIK 2 UND 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;margin:0!important;padding:24px 66px 46px 26px!important;background-color:#fff!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
/* TEXTFIX 2 6 */
body.cs-start .cs-categoryPreview:nth-child(2):before,body.cs-start .cs-categoryPreview:nth-child(6):before{background-image:none!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:absolute!important;left:25px!important;right:65px!important;bottom:68px!important;z-index:120!important;background:transparent!important;color:#15191c!important;font:800 24px/1.2 Arial,Helvetica,sans-serif!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;height:auto!important;width:auto!important;overflow:visible!important;text-align:left!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{display:block!important;position:absolute!important;left:0!important;top:42px!important;width:310px!important;background:transparent!important;color:#69737b!important;font:500 15px/1.25 Arial,Helvetica,sans-serif!important;opacity:1!important;visibility:visible!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:after,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:none!important;display:none!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}
/* STARTSEITE REDUZIERT 2026-09-20 */
body.cs-start .cs-betHeading{display:none!important}
body.cs-start .cs-subtitle:has(+ .cs-productListing),body.cs-start .cs-subtitle:has(+ .lastViewVBox){display:none!important}
body.cs-start .cs-mainContent>.cs-container{border-top:0!important}
body.cs-start .cs-mainContent>.cs-container:has(> .cs-categoryList){padding-top:64px!important}
body.cs-start .cs-mainContent>.cs-container:has(> .cs-productListing){padding-top:72px!important}
body.cs-start .cs-categoryList{margin-bottom:0!important}
body.cs-start .cs-productListing{margin-bottom:76px!important}
body.cs-start .cs-siteHeading{margin-top:0!important}
body.cs-start .cs-siteHeading:before,body.cs-start .cs-siteHeading:after{display:none!important}
/* FINAL RUBRIKEN 2 UND 6 */
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}
/* ENDGUELTIGE POSITION RUBRIK 2 UND 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;margin:0!important;padding:24px 66px 46px 26px!important;background-color:#fff!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
/* TEXTFIX 2 6 */
body.cs-start .cs-categoryPreview:nth-child(2):before,body.cs-start .cs-categoryPreview:nth-child(6):before{background-image:none!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:absolute!important;left:25px!important;right:65px!important;bottom:68px!important;z-index:120!important;background:transparent!important;color:#15191c!important;font:800 24px/1.2 Arial,Helvetica,sans-serif!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;height:auto!important;width:auto!important;overflow:visible!important;text-align:left!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{display:block!important;position:absolute!important;left:0!important;top:42px!important;width:310px!important;background:transparent!important;color:#69737b!important;font:500 15px/1.25 Arial,Helvetica,sans-serif!important;opacity:1!important;visibility:visible!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:after,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:none!important;display:none!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-w[Truncated]

/* LIVE CATEGORY OVERVIEW PREMIUM V1 */
body.cs-category .cs-mainContent{max-width:1320px!important;margin:0 auto!important;padding:34px 22px 72px!important}
body.cs-category .cs-categoryHeader.cs-container{max-width:none!important;margin:0 0 38px!important;padding:0!important}
body.cs-category .cs-categoryHeader .categoryPicture{width:100%!important;height:285px!important;border-radius:18px!important;overflow:hidden!important;background:#edf1f4!important;box-shadow:0 14px 36px rgba(2,39,65,.10)!important;border-bottom:5px solid #f36b21!important}
body.cs-category .cs-categoryHeader .categoryPicture img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body.cs-category h1.categoryHeader{margin:34px 0 26px!important;color:#063653!important;font-size:clamp(34px,4vw,54px)!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-.035em!important}
body.cs-category .cs-productListing{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:32px 24px!important;align-items:stretch!important}
body.cs-category .cs-productListing>.cs-articlePreview{width:auto!important;max-width:none!important;margin:0!important;min-height:448px!important;display:flex!important;flex-direction:column!important;border:1px solid #dce4e9!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 28px rgba(2,39,65,.075)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
body.cs-category .cs-productListing>.cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 40px rgba(2,39,65,.14)!important;border-color:#f36b21!important}
body.cs-category .cs-productListing .pictureContainer{min-height:300px!important;height:300px!important;padding:22px!important;background:linear-gradient(145deg,#f8fafb 0%,#eef2f4 100%)!important;border-bottom:1px solid #e5eaed!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.cs-category .cs-productListing .pictureContainer>a{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important}
body.cs-category .cs-productListing .pictureContainer img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;mix-blend-mode:multiply!important}
body.cs-category .cs-productListing .artnamBox{min-height:92px!important;height:auto!important;padding:26px 22px 10px!important;background:#fff!important}
body.cs-category .cs-productListing .cs-artPreviewName{color:#062f4a!important;font-size:17px!important;line-height:1.35!important;font-weight:750!important;letter-spacing:-.01em!important}
body.cs-category .cs-productListing .availabilityBox{margin-top:auto!important;padding:8px 22px 24px!important;background:#fff!important}
body.cs-category .cs-productListing .cs-badgesBox{min-height:0!important;height:0!important;display:none!important}
body.cs-category .cs-productListing .cs-hoverlay{display:none!important}
body.cs-category .cs-subtitle{display:none!important}
body.cs-category .cs-sortingBox,body.cs-category .cs-listingSort{border-color:#dce4e9!important}
@media(max-width:1050px){body.cs-category .cs-productListing{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){body.cs-category .cs-mainContent{padding:24px 16px 54px!important}body.cs-category .cs-categoryHeader .categoryPicture{height:220px!important;border-radius:14px!important}body.cs-category .cs-productListing{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 14px!important}body.cs-category .cs-productListing .pictureContainer{height:230px!important;min-height:230px!important}}
@media(max-width:480px){body.cs-category .cs-productListing{grid-template-columns:1fr!important}body.cs-category .cs-productListing .pictureContainer{height:280px!important;min-height:280px!important}}
/* FINAL RUBRIKEN 2 UND 6 */
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}
/* ENDGUELTIGE POSITION RUBRIK 2 UND 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;margin:0!important;padding:24px 66px 46px 26px!important;background-color:#fff!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
/* TEXTFIX 2 6 */
body.cs-start .cs-categoryPreview:nth-child(2):before,body.cs-start .cs-categoryPreview:nth-child(6):before{background-image:none!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:absolute!important;left:25px!important;right:65px!important;bottom:68px!important;z-index:120!important;background:transparent!important;color:#15191c!important;font:800 24px/1.2 Arial,Helvetica,sans-serif!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;height:auto!important;width:auto!important;overflow:visible!important;text-align:left!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{display:block!important;position:absolute!important;left:0!important;top:42px!important;width:310px!important;background:transparent!important;color:#69737b!important;font:500 15px/1.25 Arial,Helvetica,sans-serif!important;opacity:1!important;visibility:visible!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:after,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:none!important;display:none!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}
/* STARTSEITE REDUZIERT 2026-09-20 */
body.cs-start .cs-betHeading{display:none!important}
body.cs-start .cs-subtitle:has(+ .cs-productListing),body.cs-start .cs-subtitle:has(+ .lastViewVBox){display:none!important}
body.cs-start .cs-mainContent>.cs-container{border-top:0!important}
body.cs-start .cs-mainContent>.cs-container:has(> .cs-categoryList){padding-top:64px!important}
body.cs-start .cs-mainContent>.cs-container:has(> .cs-productListing){padding-top:72px!important}
body.cs-start .cs-categoryList{margin-bottom:0!important}
body.cs-start .cs-productListing{margin-bottom:76px!important}
body.cs-start .cs-siteHeading{margin-top:0!important}
body.cs-start .cs-siteHeading:before,body.cs-start .cs-siteHeading:after{display:none!important}
/* FINAL RUBRIKEN 2 UND 6 */
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}
/* ENDGUELTIGE POSITION RUBRIK 2 UND 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;margin:0!important;padding:24px 66px 46px 26px!important;background-color:#fff!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
/* TEXTFIX 2 6 */
body.cs-start .cs-categoryPreview:nth-child(2):before,body.cs-start .cs-categoryPreview:nth-child(6):before{background-image:none!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:absolute!important;left:25px!important;right:65px!important;bottom:68px!important;z-index:120!important;background:transparent!important;color:#15191c!important;font:800 24px/1.2 Arial,Helvetica,sans-serif!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;height:auto!important;width:auto!important;overflow:visible!important;text-align:left!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{display:block!important;position:absolute!important;left:0!important;top:42px!important;width:310px!important;background:transparent!important;color:#69737b!important;font:500 15px/1.25 Arial,Helvetica,sans-serif!important;opacity:1!important;visibility:visible!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:after,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:none!important;display:none!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
/* FINAL RUBRIKEN 2 UND 6 */
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}
/* ENDGUELTIGE POSITION RUBRIK 2 UND 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;margin:0!important;padding:24px 66px 46px 26px!important;background-color:#fff!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
/* TEXTFIX 2 6 */
body.cs-start .cs-categoryPreview:nth-child(2):before,body.cs-start .cs-categoryPreview:nth-child(6):before{background-image:none!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:absolute!important;left:25px!important;right:65px!important;bottom:68px!important;z-index:120!important;background:transparent!important;color:#15191c!important;font:800 24px/1.2 Arial,Helvetica,sans-serif!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;height:auto!important;width:auto!important;overflow:visible!important;text-align:left!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{display:block!important;position:absolute!important;left:0!important;top:42px!important;width:310px!important;background:transparent!important;color:#69737b!important;font:500 15px/1.25 Arial,Helvetica,sans-serif!important;opacity:1!important;visibility:visible!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:after,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:none!important;display:none!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-betHeading { display: none !important; }
body.cs-start .cs-subtitle:has(+ .cs-productListing), body.cs-start .cs-subtitle:has(+ .lastViewVBox) { display: none !important; }
body.cs-start .cs-mainContent > .cs-container { border-top: 0px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-categoryList) { padding-top: 64px !important; }
body.cs-start .cs-mainContent > .cs-container:has(> .cs-productListing) { padding-top: 72px !important; }
body.cs-start .cs-categoryList { margin-bottom: 0px !important; }
body.cs-start .cs-productListing { margin-bottom: 76px !important; }
body.cs-start .cs-siteHeading { margin-top: 0px !important; }
body.cs-start .cs-siteHeading::before, body.cs-start .cs-siteHeading::after { display: none !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { left: 22px !important; right: 52px !important; bottom: 14px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { background-color: rgb(255, 255, 255) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: 26px 22px !important; background-size: 370px 92px !important; }
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-position: 22px 18px !important; background-size: 340px 84px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { position: relative !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { font-size: 0px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { position: absolute !important; inset: 24px 62px auto 26px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { position: absolute !important; inset: auto 62px 20px 26px !important; display: block !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { content: "→" !important; position: absolute !important; right: 25px !important; bottom: 84px !important; display: block !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; z-index: 30 !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Werbeartikel" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName::after { content: "Praktisch. Hochwertig. Im Team gebrandet." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Drucksorten & Office" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName::after { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName::after { content: "Textilien für einen starken Auftritt." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Sponsoring" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName::after { content: "Gemeinsam sichtbar. Gemeinsam stark." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Arbeitskleidung" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName::after { content: "Professionell ausgestattet im Einsatz." !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "PSA & Arbeitsschutz" !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { bottom: 84px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { left: 22px !important; top: 22px !important; font-size: 22px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::after { right: 21px !important; bottom: 77px !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 440px !important; min-height: 440px !important; max-height: none !important; }
@media (max-width: 980px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 410px !important; min-height: 410px !important; }
}
@media (max-width: 640px) {
  body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview { height: 375px !important; min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 440px !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 410px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 375px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { height: auto !important; min-height: 427px !important; max-height: none !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex: 0 0 300px !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { flex: 1 0 122px !important; height: auto !important; max-height: none !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 397px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList .cs-categoryPreview { min-height: 362px !important; }
  .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture { flex-basis: 245px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview { border-bottom: 5px solid rgb(243, 107, 33) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover { border-bottom-color: rgb(255, 122, 37) !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; padding: 24px 66px 46px 26px !important; background: rgb(255, 255, 255) !important; color: rgb(21, 25, 28) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; z-index: 5 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName > a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(105, 115, 123) !important; -webkit-text-fill-color: rgb(105, 115, 123) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; z-index: 6 !important; }
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; z-index: 7 !important; }
.cs-mainContent .cs-categoryList { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 30px !important; align-items: stretch !important; margin: 0px 0px 78px !important; }
.cs-mainContent .cs-categoryPreview { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-height: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; border-width: 1px 1px 5px !important; border-style: solid !important; border-color: rgb(217, 224, 228) rgb(217, 224, 228) rgb(184, 216, 0) !important; border-image: none !important; border-radius: 5px !important; box-shadow: rgba(0, 38, 65, 0.067) 0px 7px 22px !important; overflow: hidden !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-categoryPreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 38, 65, 0.13) 0px 18px 38px !important; border-color: rgb(199, 211, 217) rgb(199, 211, 217) rgb(166, 196, 0) !important; }
.cs-mainContent .cs-categoryPicture { order: 1 !important; position: relative !important; width: 100% !important; height: 300px !important; margin: 0px !important; background: rgb(238, 242, 244) !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryPicture::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 25, 45, 0), rgba(0, 25, 45, 0.07)) !important; pointer-events: none !important; }
.cs-mainContent .cs-categoryPicture img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; padding: 0px !important; filter: saturate(1.02) contrast(1.03) !important; transition: transform 0.45s, filter 0.45s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.025) !important; filter: saturate(1.07) contrast(1.05) !important; }
.cs-mainContent .cs-categoryName { order: 2 !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-height: 118px !important; margin: 0px !important; padding: 25px 66px 45px 26px !important; background: rgb(255, 255, 255) !important; border: 0px !important; color: rgb(21, 25, 28) !important; font-size: 0px !important; line-height: 1 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
.cs-mainContent .cs-categoryName a { display: block !important; position: relative !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; white-space: normal !important; }
.cs-mainContent .cs-categoryName::before { display: block !important; position: absolute !important; left: 26px !important; right: 62px !important; bottom: 20px !important; color: rgb(104, 114, 122) !important; -webkit-text-fill-color: rgb(104, 114, 122) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }
.cs-mainContent .cs-categoryName::after { content: "→" !important; display: block !important; position: absolute !important; right: 25px !important; top: 27px !important; width: auto !important; height: auto !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(21, 25, 28) !important; -webkit-text-fill-color: rgb(21, 25, 28) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s, color 0.2s !important; }
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(4px) !important; color: rgb(0, 45, 79) !important; }
@media (max-width: 980px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .cs-mainContent .cs-categoryPicture { height: 270px !important; }
}
@media (max-width: 640px) {
  .cs-mainContent .cs-categoryList { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cs-mainContent .cs-categoryPicture { height: 245px !important; }
  .cs-mainContent .cs-categoryName { min-height: 112px !important; padding: 22px 58px 42px 22px !important; }
  .cs-mainContent .cs-categoryName::before { left: 22px !important; bottom: 18px !important; font-size: 14px !important; }
  .cs-mainContent .cs-categoryName::after { right: 21px !important; top: 24px !important; }
}
.cs-mainContent .cs-productListing { gap: 24px !important; align-items: stretch !important; }
.cs-mainContent .cs-articlePreview { background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 227, 232) !important; border-radius: 16px !important; box-shadow: rgba(0, 45, 79, 0.07) 0px 8px 24px !important; overflow: hidden !important; padding-bottom: 18px !important; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important; }
.cs-mainContent .cs-articlePreview:hover { transform: translateY(-5px) !important; box-shadow: rgba(0, 45, 79, 0.13) 0px 18px 38px !important; border-color: rgb(185, 203, 214) !important; }
.cs-mainContent .cs-articlePreview .pictureContainer { height: 300px !important; box-sizing: border-box !important; background: rgb(245, 247, 248) !important; padding: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgb(237, 241, 243) !important; overflow: hidden !important; }
.cs-mainContent .cs-articlePreview .pictureContainer img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; padding: 0px !important; filter: drop-shadow(rgba(0, 31, 56, 0.1) 0px 10px 14px) !important; transition: transform 0.35s !important; }
.cs-mainContent .cs-articlePreview:hover .pictureContainer img { transform: scale(1.035) !important; }
.cs-mainContent .cs-articlePreview .artnamBox { padding: 20px 22px 8px !important; min-height: 72px !important; box-sizing: border-box !important; }
.cs-mainContent .cs-articlePreview .cs-artPreviewName { color: var(--sf-navy) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
.cs-mainContent .cs-articlePreview .priceBox, .cs-mainContent .cs-articlePreview .articleInfoBox, .cs-mainContent .cs-articlePreview .cs-lagerBox { margin-left: 22px !important; margin-right: 22px !important; }
@media (max-width: 680px) {
  .cs-mainContent .cs-articlePreview .pictureContainer { height: 270px !important; padding: 20px !important; }
}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { left: 0px !important; right: auto !important; transform: none !important; }
.cs-categoryName { left: 0px !important; }
.cs-categoryName { color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; z-index: 2 !important; }
.cs-categoryName a { display: block !important; color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; font-size: 25px !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::before { display: block !important; color: rgb(109, 120, 129) !important; -webkit-text-fill-color: rgb(109, 120, 129) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 3 !important; }
.cs-categoryName::after { color: var(--sf-navy) !important; -webkit-text-fill-color: var(--sf-navy) !important; opacity: 1 !important; visibility: visible !important; z-index: 4 !important; }
.cs-categoryList { gap: 30px !important; align-items: stretch !important; }
.cs-categoryPreview { min-height: 430px; flex: 0 0 calc(33.3333% - 20px) !important; width: calc(33.3333% - 20px) !important; max-width: calc(33.3333% - 20px) !important; background: rgb(255, 255, 255) !important; border-right: 1px solid rgb(215, 225, 231) !important; border-left: 1px solid rgb(215, 225, 231) !important; border-image: none !important; border-top: 1px solid rgb(215, 225, 231) !important; border-bottom: 6px solid var(--sf-orange) !important; border-radius: 6px !important; box-shadow: rgba(0, 45, 79, 0.08) 0px 8px 24px !important; overflow: hidden !important; }
.cs-categoryPreview:hover { transform: translateY(-6px) !important; box-shadow: rgba(0, 45, 79, 0.16) 0px 20px 42px !important; border-top-color: rgb(197, 212, 221) !important; border-right-color: rgb(197, 212, 221) !important; border-left-color: rgb(197, 212, 221) !important; border-bottom-color: var(--sf-orange-hot) !important; }
.cs-categoryPicture { height: 300px !important; background: rgb(220, 228, 233) !important; }
.cs-categoryPicture::after { background: linear-gradient(rgba(0, 31, 56, 0.02), rgba(0, 31, 56, 0.12)) !important; }
.cs-categoryPicture img { object-fit: cover !important; object-position: center center !important; filter: saturate(1.02) contrast(1.04) !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.035) !important; filter: saturate(1.08) contrast(1.06) !important; }
.cs-categoryName { min-height: 124px; box-sizing: border-box; margin: 0px !important; padding: 24px 70px 43px 26px !important; background: rgb(255, 255, 255) !important; color: transparent !important; font-size: 0px !important; line-height: 1.15 !important; border: 0px !important; position: relative !important; }
.cs-categoryName a { display: block; letter-spacing: -0.025em; color: var(--sf-navy) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 900 !important; text-decoration: none !important; }
.cs-categoryName::before { position: absolute; left: 26px; right: 64px; bottom: 19px; color: rgb(109, 120, 129); font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-categoryPreview:nth-child(1) .cs-categoryName::before { content: "Praktisch. Hochwertig. Im Team gebrandet."; }
.cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag."; }
.cs-categoryPreview:nth-child(3) .cs-categoryName::before { content: "Textilien für einen starken Auftritt."; }
.cs-categoryPreview:nth-child(4) .cs-categoryName::before { content: "Gemeinsam sichtbar. Gemeinsam stark."; }
.cs-categoryPreview:nth-child(5) .cs-categoryName::before { content: "Professionell ausgestattet im Einsatz."; }
.cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit."; }
.cs-categoryName::after { content: "→" !important; position: absolute !important; right: 25px !important; top: 25px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: var(--sf-navy) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; display: block !important; }
.cs-categoryPreview:hover .cs-categoryName::after { color: var(--sf-orange) !important; transform: translateX(5px) !important; }
@media (max-width: 900px) {
  .cs-categoryPreview { min-height: 0px; flex: 0 0 calc(50% - 11px) !important; width: calc(50% - 11px) !important; max-width: calc(50% - 11px) !important; }
  .cs-categoryList { gap: 22px !important; }
  .cs-categoryPicture { height: 240px !important; }
}
@media (max-width: 620px) {
  .cs-categoryPreview { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 235px !important; }
  .cs-categoryName { min-height: 118px; padding-left: 22px !important; }
  .cs-categoryName::before { left: 22px; font-size: 14px; }
}
:root { --sf-navy: #002d4f; --sf-navy-deep: #001f38; --sf-orange: #f36b21; --sf-orange-hot: #ff7a25; --sf-sky: #eaf1f5; --sf-mist: #f5f7f8; --sf-white: #ffffff; --sf-ink: #102f45; --sf-muted: #668093; --sf-line: #d7e1e7; --sf-radius: 22px; --sf-shadow: 0 18px 50px rgba(0,45,79,.12); }
html { scroll-behavior: smooth; }
body { background: var(--sf-mist); color: var(--sf-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.cs-container { max-width: 1420px; padding-left: 34px; padding-right: 34px; }
.cs-topBar { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.8); border: 0px; }
.cs-topBar a { color: rgb(255, 255, 255); }
.cs-headerContent { background: var(--sf-navy); border: 0px; box-shadow: rgba(0, 31, 56, 0.18) 0px 10px 30px; position: relative; z-index: 40; }
.cs-headerContent::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background: linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d); }
.cs-headerContent .cs-container { min-height: 104px; }
.cs-logo { background: rgb(255, 255, 255); padding: 12px 18px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px; }
.cs-logo img { max-height: 72px; width: auto; }
.cs-overlayMenuButton { background: var(--sf-orange); color: rgb(255, 255, 255); padding: 17px 24px; border-radius: 14px; font-weight: 800; letter-spacing: 0.01em; box-shadow: rgba(243, 107, 33, 0.25) 0px 10px 22px; }
.cs-overlayMenuButton:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-miniButtons svg { color: rgb(255, 255, 255); }
.cs-miniButtons li > a, .searchIcon { border-radius: 13px; padding: 12px; }
.cs-miniButtons li > a:hover, .searchIcon:hover { background: rgba(255, 255, 255, 0.12); color: var(--sf-orange); }
.cs-categoriesBox { background: transparent; }
.cs-main { background: var(--sf-mist); min-height: 65vh; }
.cs-mainContent { background: transparent; }
.cs-aside { display: none !important; }
.cs-box, .cs-mainContent { width: 100% !important; max-width: none !important; }
.cs-startSlider { max-width: 1420px; margin: 38px auto 0px; border-radius: 26px; overflow: hidden; box-shadow: var(--sf-shadow); background: var(--sf-navy); position: relative; }
.cs-startSlider::after { content: ""; position: absolute; z-index: 8; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9e61); }
.cs-startSlider .nivo-main-image { min-height: 570px; object-fit: cover; filter: saturate(1.06) contrast(1.03); height: 570px !important; }
.cs-startText { padding-top: 0px !important; padding-bottom: 0px !important; }
.cs-startTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 47%; max-width: 660px; background: linear-gradient(135deg, rgba(0, 31, 56, 0.97), rgba(0, 45, 79, 0.88)); padding: 72px 58px 66px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.cs-startTextBox::before { content: "INTERNER WEBSHOP"; display: inline-flex; width: max-content; background: rgba(243, 107, 33, 0.16); border: 1px solid rgba(243, 107, 33, 0.55); color: rgb(255, 157, 103); border-radius: 999px; padding: 8px 14px; margin-bottom: 23px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.cs-startText h1, .cs-startText h1 * { font-size: 0px !important; color: transparent !important; }
.cs-startText h1::after { content: none !important; display: none !important; }
.cs-startText h1 strong::after { content: "Stark im Team."; display: block; color: rgb(255, 255, 255); font-size: clamp(48px, 5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 900; }
.cs-startText p, .cs-startText p * { font-size: 0px !important; color: transparent !important; }
.cs-startText p::after { content: "Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar."; display: block; color: rgba(255, 255, 255, 0.84); font-size: 21px; line-height: 1.55; max-width: 520px; margin-top: 24px; }
.nivo-caption { background: transparent !important; opacity: 1 !important; }
.cs-mainContent > .cs-container { max-width: 1420px; margin-left: auto; margin-right: auto; }
.cs-betHeading { color: var(--sf-navy); font-size: clamp(30px, 3vw, 44px); font-weight: 900; line-height: 1.05; letter-spacing: -0.035em; text-transform: none; text-align: left; margin: 0px 0px 30px; padding-top: 82px; display: flex; align-items: center; gap: 16px; }
.cs-betHeading::before { content: ""; width: 13px; height: 42px; border-radius: 8px; background: linear-gradient(180deg,var(--sf-orange),#ff9b5d); box-shadow: rgba(243, 107, 33, 0.25) 0px 8px 18px; }
.cs-subtitle { background: rgb(255, 255, 255); border-top: 1px solid rgb(255, 214, 193); border-right: 1px solid rgb(255, 214, 193); border-bottom: 1px solid rgb(255, 214, 193); border-image: none; border-left: 8px solid var(--sf-orange); border-radius: 16px; color: var(--sf-ink); padding: 21px 26px; margin: 0px 0px 30px; box-shadow: rgba(0, 45, 79, 0.06) 0px 10px 26px; }
.cs-subtitle a { text-decoration: none; }
.cs-subtitle strong, .cs-subtitle b { color: var(--sf-navy); }
.cs-categoryList { margin: 0px 0px 74px; display: flex !important; flex-wrap: wrap !important; gap: 28px !important; }
.cs-categoryPreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: rgba(0, 45, 79, 0.08) 0px 10px 30px; overflow: hidden; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(33.3333% - 18.6667px) !important; width: calc(33.3333% - 18.6667px) !important; max-width: calc(33.3333% - 18.6667px) !important; }
.cs-categoryPreview:hover { transform: translateY(-9px); box-shadow: rgba(0, 45, 79, 0.16) 0px 24px 55px; border-color: rgba(243, 107, 33, 0.55); }
.cs-categoryPicture { background: linear-gradient(145deg, rgb(237, 243, 246), rgb(255, 255, 255)); overflow: hidden; position: relative; height: 290px !important; }
.cs-categoryPicture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 48%, rgba(0, 45, 79, 0.12)); pointer-events: none; }
.cs-categoryPicture img { object-position: center center; filter: saturate(1.04) contrast(1.02); transition: transform 0.5s, filter 0.5s; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cs-categoryPreview:hover .cs-categoryPicture img { transform: scale(1.06); filter: saturate(1.13) contrast(1.05); }
.cs-categoryName { background: rgb(255, 255, 255); color: var(--sf-navy); font-size: 22px; font-weight: 900; line-height: 1.2; margin: 0px; padding: 25px 66px 28px 25px; position: relative; text-align: left; }
.cs-categoryName::after { content: "→"; position: absolute; right: 24px; top: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--sf-orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 20px; transition: transform 0.25s; }
.cs-categoryPreview:hover .cs-categoryName::after { transform: translateX(5px); }
.cs-productListing { margin-bottom: 90px; display: flex !important; flex-wrap: wrap !important; gap: 26px !important; }
.cs-articlePreview { background: rgb(255, 255, 255); border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: rgba(0, 45, 79, 0.075) 0px 9px 28px; overflow: hidden; padding-bottom: 20px; position: relative; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; flex: 0 0 calc(25% - 19.5px) !important; width: calc(25% - 19.5px) !important; max-width: calc(25% - 19.5px) !important; }
.cs-articlePreview:hover { transform: translateY(-8px); box-shadow: rgba(0, 45, 79, 0.15) 0px 22px 46px; border-color: rgba(243, 107, 33, 0.5); }
.pictureContainer { background: linear-gradient(145deg, rgb(238, 243, 246), rgb(255, 255, 255)); overflow: hidden; height: 320px !important; }
.pictureContainer img { padding: 16px; box-sizing: border-box; transition: transform 0.45s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.cs-articlePreview:hover .pictureContainer img { transform: scale(1.055); }
.artnamBox { padding: 20px 22px 8px; }
.cs-artPreviewName { color: var(--sf-navy); font-size: 18px; font-weight: 900; line-height: 1.3; }
.priceBox, .articleInfoBox, .cs-lagerBox { margin-left: 22px; margin-right: 22px; }
.cs-stock1 { display: inline-flex; background: rgb(231, 246, 237); color: rgb(20, 116, 71); border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 800; }
.singleBadge.badgeGreen { background: var(--sf-orange); color: rgb(255, 255, 255); border-radius: 0px 0px 13px; padding: 10px 14px; font-weight: 900; }
.cs-hoverlay { background: rgba(0, 45, 79, 0.88); }
.cs-actionButton, .button, input[type="submit"], .cs-button3 { background: var(--sf-orange); border: 0px; border-radius: 11px; color: rgb(255, 255, 255); font-weight: 900; transition: 0.22s; }
.cs-actionButton:hover, .button:hover, input[type="submit"]:hover, .cs-button3:hover { background: var(--sf-orange-hot); transform: translateY(-2px); }
.cs-main h1 { color: var(--sf-navy); font-size: clamp(34px, 4vw, 52px); font-weight: 900; letter-spacing: -0.035em; }
input, select, textarea { border: 1px solid rgb(203, 217, 225); border-radius: 10px; }
input:focus, select:focus, textarea:focus { border-color: var(--sf-orange); box-shadow: rgba(243, 107, 33, 0.13) 0px 0px 0px 4px; outline: 0px; }
footer, .cs-footer { background: var(--sf-navy-deep); color: rgba(255, 255, 255, 0.78); }
footer::before, .cs-footer::before { content: ""; display: block; height: 9px; background: linear-gradient(90deg,var(--sf-orange),#ff9b5d); }
footer a, .cs-footer a { color: rgb(255, 255, 255); }
footer a:hover, .cs-footer a:hover { color: rgb(255, 155, 93); }
footer h2, footer h3, footer h4, .cs-footer h2, .cs-footer h3, .cs-footer h4 { color: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .cs-container { padding-left: 24px; padding-right: 24px; }
  .cs-startSlider { margin-left: 24px; margin-right: 24px; }
  .cs-startTextBox { width: 56%; padding: 58px 42px; }
  .cs-categoryPreview { flex-basis: calc(50% - 14px) !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; max-width: calc(50% - 13px) !important; }
}
@media (max-width: 680px) {
  .cs-container { padding-left: 15px; padding-right: 15px; }
  .cs-headerContent .cs-container { min-height: 78px; }
  .cs-logo { padding: 8px 11px; }
  .cs-logo img { max-height: 52px; }
  .cs-overlayMenuButton { padding: 13px 15px; }
  .cs-startSlider { margin: 18px 12px 0px; border-radius: 18px; }
  .cs-startSlider .nivo-main-image { min-height: 500px; object-fit: cover; height: 500px !important; }
  .cs-startTextBox { width: auto; max-width: none; inset: auto 16px 18px; height: auto; padding: 28px 25px 30px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 6px solid var(--sf-orange); border-radius: 14px; }
  .cs-startTextBox::before { margin-bottom: 15px; }
  .cs-startText h1 strong::after { font-size: 44px; }
  .cs-startText p::after { font-size: 17px; margin-top: 16px; }
  .cs-betHeading { padding-top: 58px; }
  .cs-categoryList, .cs-productListing { gap: 18px !important; }
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .cs-categoryPicture { height: 250px !important; }
  .pictureContainer { height: 300px !important; }
}
.cs-categoryPreview, .cs-articlePreview { box-sizing: border-box !important; }
.cs-categoryPreview { flex: 0 0 calc(33.3333% - 22.6667px) !important; width: calc(33.3333% - 22.6667px) !important; max-width: calc(33.3333% - 22.6667px) !important; }
.cs-articlePreview { flex: 0 0 calc(25% - 22.5px) !important; width: calc(25% - 22.5px) !important; max-width: calc(25% - 22.5px) !important; }
.cs-mainContent p, .cs-mainContent li, .cs-mainContent td { color: var(--sf-ink); font-size: 16px; line-height: 1.7; }
.cs-mainContent h2, .cs-mainContent h3, .cs-mainContent h4 { color: var(--sf-navy); font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.cs-longdescription, .cs-description, .cs-artDescription { max-width: 900px; }
.cs-categoryPreview:nth-child(3n+1) { border-top: 5px solid var(--sf-orange); }
.cs-categoryPreview:nth-child(3n+2) { border-top: 5px solid var(--sf-navy); }
.cs-categoryPreview:nth-child(3n+3) { border-top: 5px solid rgb(109, 135, 152); }
@media (max-width: 1100px) {
  .cs-categoryPreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
  .cs-articlePreview { flex-basis: calc(50% - 17px) !important; width: calc(50% - 17px) !important; max-width: calc(50% - 17px) !important; }
}
.cs-categoryPreview, .cs-articlePreview { margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 680px) {
  .cs-categoryPreview, .cs-articlePreview { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: relative !important; inset: auto auto auto 0px !important; transform: none !important; width: 100% !important; min-height: 122px !important; margin: 0px !important; padding: 24px 66px 46px 26px !important; background-color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; }
body.cs-start .cs-categoryPreview:nth-child(2)::before, body.cs-start .cs-categoryPreview:nth-child(6)::before { background-image: none !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName { display: block !important; position: absolute !important; left: 25px !important; right: 65px !important; bottom: 68px !important; z-index: 120 !important; background: transparent !important; color: rgb(21, 25, 28) !important; font: 800 24px / 1.2 Arial, Helvetica, sans-serif !important; padding: 0px !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; height: auto !important; width: auto !important; overflow: visible !important; text-align: left !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { display: block !important; position: absolute !important; left: 0px !important; top: 42px !important; width: 310px !important; background: transparent !important; color: rgb(105, 115, 123) !important; font: 500 15px / 1.25 Arial, Helvetica, sans-serif !important; opacity: 1 !important; visibility: visible !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::before { content: "Für Büro, Baustelle und Projektalltag." !important; }
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::before { content: "Schutz. Sicherheit. Verlässlichkeit." !important; }
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName::after, body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName::after { content: none !important; display: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview::before { content: "" !important; display: block !important; position: absolute !important; left: 26px !important; right: 58px !important; bottom: 18px !important; width: auto !important; height: 96px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 370px 92px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 100 !important; pointer-events: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName { background-image: none !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E") !important; }
bod[Truncated]

/* LIVE CATEGORY OVERVIEW PREMIUM V1 */
body.cs-category .cs-mainContent{max-width:1320px!important;margin:0 auto!important;padding:34px 22px 72px!important}
body.cs-category .cs-categoryHeader.cs-container{max-width:none!important;margin:0 0 38px!important;padding:0!important}
body.cs-category .cs-categoryHeader .categoryPicture{width:100%!important;height:285px!important;border-radius:18px!important;overflow:hidden!important;background:#edf1f4!important;box-shadow:0 14px 36px rgba(2,39,65,.10)!important;border-bottom:5px solid #f36b21!important}
body.cs-category .cs-categoryHeader .categoryPicture img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body.cs-category h1.categoryHeader{margin:34px 0 26px!important;color:#063653!important;font-size:clamp(34px,4vw,54px)!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-.035em!important}
body.cs-category .cs-productListing{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:32px 24px!important;align-items:stretch!important}
body.cs-category .cs-productListing>.cs-articlePreview{width:auto!important;max-width:none!important;margin:0!important;min-height:448px!important;display:flex!important;flex-direction:column!important;border:1px solid #dce4e9!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 28px rgba(2,39,65,.075)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
body.cs-category .cs-productListing>.cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 40px rgba(2,39,65,.14)!important;border-color:#f36b21!important}
body.cs-category .cs-productListing .pictureContainer{min-height:300px!important;height:300px!important;padding:22px!important;background:linear-gradient(145deg,#f8fafb 0%,#eef2f4 100%)!important;border-bottom:1px solid #e5eaed!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.cs-category .cs-productListing .pictureContainer>a{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important}
body.cs-category .cs-productListing .pictureContainer img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;mix-blend-mode:multiply!important}
body.cs-category .cs-productListing .artnamBox{min-height:92px!important;height:auto!important;padding:26px 22px 10px!important;background:#fff!important}
body.cs-category .cs-productListing .cs-artPreviewName{color:#062f4a!important;font-size:17px!important;line-height:1.35!important;font-weight:750!important;letter-spacing:-.01em!important}
body.cs-category .cs-productListing .availabilityBox{margin-top:auto!important;padding:8px 22px 24px!important;background:#fff!important}
body.cs-category .cs-productListing .cs-badgesBox{min-height:0!important;height:0!important;display:none!important}
body.cs-category .cs-productListing .cs-hoverlay{display:none!important}
body.cs-category .cs-subtitle{display:none!important}
body.cs-category .cs-sortingBox,body.cs-category .cs-listingSort{border-color:#dce4e9!important}
@media(max-width:1050px){body.cs-category .cs-productListing{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){body.cs-category .cs-mainContent{padding:24px 16px 54px!important}body.cs-category .cs-categoryHeader .categoryPicture{height:220px!important;border-radius:14px!important}body.cs-category .cs-productListing{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 14px!important}body.cs-category .cs-productListing .pictureContainer{height:230px!important;min-height:230px!important}}
@media(max-width:480px){body.cs-category .cs-productListing{grid-template-columns:1fr!important}body.cs-category .cs-productListing .pictureContainer{height:280px!important;min-height:280px!important}}
  @media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}
/* STARTSEITE REDUZIERT 2026-09-20 */
body.cs-start .cs-betHeading{display:none!important}
body.cs-start .cs-subtitle:has(+ .cs-productListing),body.cs-start .cs-subtitle:has(+ .lastViewVBox){display:none!important}
body.cs-start .cs-mainContent>.cs-container{border-top:0!important}
body.cs-start .cs-mainContent>.cs-container:has(> .cs-categoryList){padding-top:64px!important}
body.cs-start .cs-mainContent>.cs-container:has(> .cs-productListing){padding-top:72px!important}
body.cs-start .cs-categoryList{margin-bottom:0!important}
body.cs-start .cs-productListing{margin-bottom:76px!important}
body.cs-start .cs-siteHeading{margin-top:0!important}
body.cs-start .cs-siteHeading:before,body.cs-start .cs-siteHeading:after{display:none!important}
/* FINAL RUBRIKEN 2 UND 6 */
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}
/* ENDGUELTIGE POSITION RUBRIK 2 UND 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;margin:0!important;padding:24px 66px 46px 26px!important;background-color:#fff!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
/* TEXTFIX 2 6 */
body.cs-start .cs-categoryPreview:nth-child(2):before,body.cs-start .cs-categoryPreview:nth-child(6):before{background-image:none!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:absolute!important;left:25px!important;right:65px!important;bottom:68px!important;z-index:120!important;background:transparent!important;color:#15191c!important;font:800 24px/1.2 Arial,Helvetica,sans-serif!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;height:auto!important;width:auto!important;overflow:visible!important;text-align:left!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{display:block!important;position:absolute!important;left:0!important;top:42px!important;width:310px!important;background:transparent!important;color:#69737b!important;font:500 15px/1.25 Arial,Helvetica,sans-serif!important;opacity:1!important;visibility:visible!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:after,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:none!important;display:none!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-w[Truncated]

/* LIVE CATEGORY OVERVIEW PREMIUM V1 */
body.cs-category .cs-mainContent{max-width:1320px!important;margin:0 auto!important;padding:34px 22px 72px!important}
body.cs-category .cs-categoryHeader.cs-container{max-width:none!important;margin:0 0 38px!important;padding:0!important}
body.cs-category .cs-categoryHeader .categoryPicture{width:100%!important;height:285px!important;border-radius:18px!important;overflow:hidden!important;background:#edf1f4!important;box-shadow:0 14px 36px rgba(2,39,65,.10)!important;border-bottom:5px solid #f36b21!important}
body.cs-category .cs-categoryHeader .categoryPicture img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body.cs-category h1.categoryHeader{margin:34px 0 26px!important;color:#063653!important;font-size:clamp(34px,4vw,54px)!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-.035em!important}
body.cs-category .cs-productListing{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:32px 24px!important;align-items:stretch!important}
body.cs-category .cs-productListing>.cs-articlePreview{width:auto!important;max-width:none!important;margin:0!important;min-height:448px!important;display:flex!important;flex-direction:column!important;border:1px solid #dce4e9!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 28px rgba(2,39,65,.075)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
body.cs-category .cs-productListing>.cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 40px rgba(2,39,65,.14)!important;border-color:#f36b21!important}
body.cs-category .cs-productListing .pictureContainer{min-height:300px!important;height:300px!important;padding:22px!important;background:linear-gradient(145deg,#f8fafb 0%,#eef2f4 100%)!important;border-bottom:1px solid #e5eaed!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.cs-category .cs-productListing .pictureContainer>a{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important}
body.cs-category .cs-productListing .pictureContainer img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;mix-blend-mode:multiply!important}
body.cs-category .cs-productListing .artnamBox{min-height:92px!important;height:auto!important;padding:26px 22px 10px!important;background:#fff!important}
body.cs-category .cs-productListing .cs-artPreviewName{color:#062f4a!important;font-size:17px!important;line-height:1.35!important;font-weight:750!important;letter-spacing:-.01em!important}
body.cs-category .cs-productListing .availabilityBox{margin-top:auto!important;padding:8px 22px 24px!important;background:#fff!important}
body.cs-category .cs-productListing .cs-badgesBox{min-height:0!important;height:0!important;display:none!important}
body.cs-category .cs-productListing .cs-hoverlay{display:none!important}
body.cs-category .cs-subtitle{display:none!important}
body.cs-category .cs-sortingBox,body.cs-category .cs-listingSort{border-color:#dce4e9!important}
@media(max-width:1050px){body.cs-category .cs-productListing{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){body.cs-category .cs-mainContent{padding:24px 16px 54px!important}body.cs-category .cs-categoryHeader .categoryPicture{height:220px!important;border-radius:14px!important}body.cs-category .cs-productListing{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 14px!important}body.cs-category .cs-productListing .pictureContainer{height:230px!important;min-height:230px!important}}
@media(max-width:480px){body.cs-category .cs-productListing{grid-template-columns:1fr!important}body.cs-category .cs-productListing .pictureContainer{height:280px!important;min-height:280px!important}}
  .cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}
/* PREMIUM PRODUKTKARTEN 2026-09-20 */
body.cs-start .cs-productListing{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:22px!important}
body.cs-start .cs-productListing .cs-articlePreview{display:flex!important;flex-direction:column!important;flex:0 0 calc((100% - 88px)/5)!important;width:calc((100% - 88px)/5)!important;max-width:calc((100% - 88px)/5)!important;min-height:420px!important;padding:0 0 18px!important;border:1px solid #dce5ea!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 28px rgba(0,45,79,.075)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
body.cs-start .cs-productListing .cs-articlePreview:hover{transform:translateY(-7px)!important;box-shadow:0 22px 42px rgba(0,45,79,.14)!important;border-color:rgba(243,107,33,.55)!important}
body.cs-start .cs-productListing .pictureContainer{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:255px!important;padding:18px!important;box-sizing:border-box!important;background:radial-gradient(circle at 50% 42%,#fff 0,#f8fafb 62%,#eef3f6 100%)!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
body.cs-start .cs-productListing .pictureContainer img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;padding:0!important;margin:auto!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:multiply;filter:saturate(1.02) contrast(1.02)!important}
body.cs-start .cs-productListing .artnamBox{display:flex!important;align-items:flex-start!important;min-height:76px!important;padding:20px 19px 8px!important;margin:0!important;box-sizing:border-box!important}
body.cs-start .cs-productListing .cs-artPreviewName{color:#002d4f!important;font-size:17px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:-.01em!important}
body.cs-start .cs-productListing .priceBox,body.cs-start .cs-productListing .articleInfoBox,body.cs-start .cs-productListing .cs-lagerBox{margin-left:19px!important;margin-right:19px!important}
body.cs-start .cs-productListing .cs-lagerBox{margin-top:auto!important;padding-top:8px!important}
body.cs-start .cs-productListing .cs-stock1{display:inline-flex!important;align-items:center!important;background:#e8f5ee!important;color:#16734a!important;border-radius:999px!important;padding:7px 12px!important;font-size:12px!important;font-weight:800!important}
body.cs-start .cs-productListing .singleBadge{display:none!important}
@media(max-width:1199px){body.cs-start .cs-productListing .cs-articlePreview{flex-basis:calc((100% - 44px)/3)!important;width:calc((100% - 44px)/3)!important;max-width:calc((100% - 44px)/3)!important}}
@media(max-width:820px){body.cs-start .cs-productListing .cs-articlePreview{flex-basis:calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important}}
@media(max-width:560px){body.cs-start .cs-productListing .cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important;min-height:400px!important}body.cs-start .cs-productListing .pictureContainer{height:270px!important}}
/* FINAL RUBRIKEN 2 UND 6 */
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}
/* ENDGUELTIGE POSITION RUBRIK 2 UND 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;margin:0!important;padding:24px 66px 46px 26px!important;background-color:#fff!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
/* TEXTFIX 2 6 */
body.cs-start .cs-categoryPreview:nth-child(2):before,body.cs-start .cs-categoryPreview:nth-child(6):before{background-image:none!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:absolute!important;left:25px!important;right:65px!important;bottom:68px!important;z-index:120!important;background:transparent!important;color:#15191c!important;font:800 24px/1.2 Arial,Helvetica,sans-serif!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;height:auto!important;width:auto!important;overflow:visible!important;text-align:left!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{display:block!important;position:absolute!important;left:0!important;top:42px!important;width:310px!important;background:transparent!important;color:#69737b!important;font:500 15px/1.25 Arial,Helvetica,sans-serif!important;opacity:1!important;visibility:visible!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:after,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:none!important;display:none!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}

/* STARTSEITE REDUZIERT 2026-09-20 */
body.cs-start .cs-betHeading{display:none!important}
body.cs-start .cs-subtitle:has(+ .cs-productListing),body.cs-start .cs-subtitle:has(+ .lastViewVBox){display:none!important}
body.cs-start .cs-mainContent>.cs-container{border-top:0!important}
body.cs-start .cs-mainContent>.cs-container:has(> .cs-categoryList){padding-top:64px!important}
body.cs-start .cs-mainContent>.cs-container:has(> .cs-productListing){padding-top:72px!important}
body.cs-start .cs-categoryList{margin-bottom:0!important}
body.cs-start .cs-productListing{margin-bottom:76px!important}
body.cs-start .cs-siteHeading{margin-top:0!important}
body.cs-start .cs-siteHeading:before,body.cs-start .cs-siteHeading:after{display:none!important}

/* PREMIUM PRODUKTKARTEN 2026-09-20 */
body.cs-start .cs-productListing{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:22px!important}
body.cs-start .cs-productListing .cs-articlePreview{display:flex!important;flex-direction:column!important;flex:0 0 calc((100% - 88px)/5)!important;width:calc((100% - 88px)/5)!important;max-width:calc((100% - 88px)/5)!important;min-height:420px!important;padding:0 0 18px!important;border:1px solid #dce5ea!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 28px rgba(0,45,79,.075)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
body.cs-start .cs-productListing .cs-articlePreview:hover{transform:translateY(-7px)!important;box-shadow:0 22px 42px rgba(0,45,79,.14)!important;border-color:rgba(243,107,33,.55)!important}
body.cs-start .cs-productListing .pictureContainer{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:255px!important;padding:18px!important;box-sizing:border-box!important;background:radial-gradient(circle at 50% 42%,#fff 0,#f8fafb 62%,#eef3f6 100%)!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
body.cs-start .cs-productListing .pictureContainer img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;padding:0!important;margin:auto!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:multiply;filter:saturate(1.02) contrast(1.02)!important}
body.cs-start .cs-productListing .artnamBox{display:flex!important;align-items:flex-start!important;min-height:76px!important;padding:20px 19px 8px!important;margin:0!important;box-sizing:border-box!important}
body.cs-start .cs-productListing .cs-artPreviewName{color:#002d4f!important;font-size:17px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:-.01em!important}
body.cs-start .cs-productListing .priceBox,body.cs-start .cs-productListing .articleInfoBox,body.cs-start .cs-productListing .cs-lagerBox{margin-left:19px!important;margin-right:19px!important}
body.cs-start .cs-productListing .cs-lagerBox{margin-top:auto!important;padding-top:8px!important}
body.cs-start .cs-productListing .cs-stock1{display:inline-flex!important;align-items:center!important;background:#e8f5ee!important;color:#16734a!important;border-radius:999px!important;padding:7px 12px!important;font-size:12px!important;font-weight:800!important}
body.cs-start .cs-productListing .singleBadge{display:none!important}
@media(max-width:1199px){body.cs-start .cs-productListing .cs-articlePreview{flex-basis:calc((100% - 44px)/3)!important;width:calc((100% - 44px)/3)!important;max-width:calc((100% - 44px)/3)!important}}
@media(max-width:820px){body.cs-start .cs-productListing .cs-articlePreview{flex-basis:calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important}}
@media(max-width:560px){body.cs-start .cs-productListing .cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important;min-height:400px!important}body.cs-start .cs-productListing .pictureContainer{height:270px!important}}
/* FINAL RUBRIKEN 2 UND 6 */
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}
/* ENDGUELTIGE POSITION RUBRIK 2 UND 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;margin:0!important;padding:24px 66px 46px 26px!important;background-color:#fff!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
/* TEXTFIX 2 6 */
body.cs-start .cs-categoryPreview:nth-child(2):before,body.cs-start .cs-categoryPreview:nth-child(6):before{background-image:none!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:absolute!important;left:25px!important;right:65px!important;bottom:68px!important;z-index:120!important;background:transparent!important;color:#15191c!important;font:800 24px/1.2 Arial,Helvetica,sans-serif!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;height:auto!important;width:auto!important;overflow:visible!important;text-align:left!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{display:block!important;position:absolute!important;left:0!important;top:42px!important;width:310px!important;background:transparent!important;color:#69737b!important;font:500 15px/1.25 Arial,Helvetica,sans-serif!important;opacity:1!important;visibility:visible!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:after,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:none!important;display:none!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}
/* STARTSEITE REDUZIERT 2026-09-20 */
body.cs-start .cs-betHeading{display:none!important}
body.cs-start .cs-subtitle:has(+ .cs-productListing),body.cs-start .cs-subtitle:has(+ .lastViewVBox){display:none!important}
body.cs-start .cs-mainContent>.cs-container{border-top:0!important}
body.cs-start .cs-mainContent>.cs-container:has(> .cs-categoryList){padding-top:64px!important}
body.cs-start .cs-mainContent>.cs-container:has(> .cs-productListing){padding-top:72px!important}
body.cs-start .cs-categoryList{margin-bottom:0!important}
body.cs-start .cs-productListing{margin-bottom:76px!important}
body.cs-start .cs-siteHeading{margin-top:0!important}
body.cs-start .cs-siteHeading:before,body.cs-start .cs-siteHeading:after{display:none!important}
/* FINAL RUBRIKEN 2 UND 6 */
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%EF%BC%86%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%EF%BC%86%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}
/* ENDGUELTIGE POSITION RUBRIK 2 UND 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;margin:0!important;padding:24px 66px 46px 26px!important;background-color:#fff!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
/* TEXTFIX 2 6 */
body.cs-start .cs-categoryPreview:nth-child(2):before,body.cs-start .cs-categoryPreview:nth-child(6):before{background-image:none!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName{display:block!important;position:absolute!important;left:25px!important;right:65px!important;bottom:68px!important;z-index:120!important;background:transparent!important;color:#15191c!important;font:800 24px/1.2 Arial,Helvetica,sans-serif!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;height:auto!important;width:auto!important;overflow:visible!important;text-align:left!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{display:block!important;position:absolute!important;left:0!important;top:42px!important;width:310px!important;background:transparent!important;color:#69737b!important;font:500 15px/1.25 Arial,Helvetica,sans-serif!important;opacity:1!important;visibility:visible!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
body.cs-start .cs-categoryPreview:nth-child(2) .cs-categoryName:after,body.cs-start .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:none!important;display:none!important}
/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%2526amp%253B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%2526amp%253B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}/* AMPERSAND FIX RUBRIK 2 + 6 */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26amp%3B%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26amp%3B%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
/* LIVE CARD LEVEL TEXT - TEMPLATE BYPASS */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{content:""!important;display:block!important;position:absolute!important;left:26px!important;right:58px!important;bottom:18px!important;width:auto!important;height:96px!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:left top!important;background-size:370px 92px!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-image:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2230%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2268%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:before{left:22px!important;right:52px!important;bottom:14px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK SVG TEXT FINAL */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before,body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:none!important;display:none!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EWerbeartikel%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EPraktisch.%20Hochwertig.%20Im%20Team%20gebrandet.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EDrucksorten%20%26%20Office%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EF%C3%BCr%20B%C3%BCro%2C%20Baustelle%20und%20Projektalltag.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ETextilien%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ETextilien%20f%C3%BCr%20einen%20starken%20Auftritt.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3ESponsoring%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EGemeinsam%20sichtbar.%20Gemeinsam%20stark.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EArbeitskleidung%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3EProfessionell%20ausgestattet%20im%20Einsatz.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%2292%22%20viewBox%3D%220%200%20370%2092%22%3E%3Ctext%20x%3D%220%22%20y%3D%2229%22%20fill%3D%22%2315191c%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22800%22%3EPSA%20%26%20Arbeitsschutz%3C%2Ftext%3E%3Ctext%20x%3D%220%22%20y%3D%2266%22%20fill%3D%22%2369737b%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20font-weight%3D%22500%22%3ESchutz.%20Sicherheit.%20Verl%C3%A4sslichkeit.%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:26px 22px!important;background-size:370px 92px!important}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{background-position:22px 18px!important;background-size:340px 84px!important}}
/* LIVE RUBRIK STATIC TEXT GUARANTEE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{position:relative!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{position:absolute!important;left:26px!important;right:62px!important;top:24px!important;bottom:auto!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{position:absolute!important;left:26px!important;right:62px!important;top:auto!important;bottom:20px!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:20!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{content:"→"!important;position:absolute!important;right:25px!important;bottom:84px!important;display:block!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;z-index:30!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Werbeartikel"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(1) .cs-categoryName:after{content:"Praktisch. Hochwertig. Im Team gebrandet."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Drucksorten & Office"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(2) .cs-categoryName:after{content:"Für Büro, Baustelle und Projektalltag."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(3) .cs-categoryName:after{content:"Textilien für einen starken Auftritt."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Sponsoring"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(4) .cs-categoryName:after{content:"Gemeinsam sichtbar. Gemeinsam stark."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Arbeitskleidung"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(5) .cs-categoryName:after{content:"Professionell ausgestattet im Einsatz."!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"PSA & Arbeitsschutz"!important}
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:nth-child(6) .cs-categoryName:after{content:"Schutz. Sicherheit. Verlässlichkeit."!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{bottom:84px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{left:22px!important;top:22px!important;font-size:22px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{left:22px!important;bottom:18px!important;font-size:14px!important}body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview:after{right:21px!important;bottom:77px!important}}
/* LIVE RUBRIK HEIGHT ABSOLUTE */
body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:440px!important;min-height:440px!important;max-height:none!important}
@media(max-width:980px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:410px!important;min-height:410px!important}}
@media(max-width:640px){body.cs-start .cs-mainContent .cs-categoryList .cs-categoryPreview{height:375px!important;min-height:375px!important}}
/* LIVE RUBRIK HEIGHT SAFETY */
.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:440px!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:410px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:375px!important}}
/* LIVE RUBRIK HEIGHT FIX */
.cs-mainContent .cs-categoryList .cs-categoryPreview{height:auto!important;min-height:427px!important;max-height:none!important;overflow:hidden!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex:0 0 300px!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{flex:1 0 122px!important;height:auto!important;max-height:none!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:397px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList .cs-categoryPreview{min-height:362px!important}.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryPicture{flex-basis:245px!important}}
/* LIVE RUBRIK ORANGE + TEXT FINAL */
.cs-mainContent .cs-categoryList .cs-categoryPreview{border-bottom:5px solid #f36b21!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview:hover{border-bottom-color:#ff7a25!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:122px!important;padding:24px 66px 46px 26px!important;background:#fff!important;color:#15191c!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;z-index:5!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName>a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#69737b!important;-webkit-text-fill-color:#69737b!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:7!important}
/* RUBRIKKACHELN PREMIUM FINAL */
.cs-mainContent .cs-categoryList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 30px!important;align-items:stretch!important;margin:0 0 78px!important}
.cs-mainContent .cs-categoryPreview{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;background:#fff!important;border:1px solid #d9e0e4!important;border-top:1px solid #d9e0e4!important;border-bottom:5px solid #b8d800!important;border-radius:5px!important;box-shadow:0 7px 22px rgba(0,38,65,.065)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-categoryPreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,38,65,.13)!important;border-color:#c7d3d9!important;border-bottom-color:#a6c400!important}
.cs-mainContent .cs-categoryPicture{order:1!important;position:relative!important;width:100%!important;height:300px!important;margin:0!important;background:#eef2f4!important;overflow:hidden!important}
.cs-mainContent .cs-categoryPicture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,25,45,0),rgba(0,25,45,.07))!important;pointer-events:none!important}
.cs-mainContent .cs-categoryPicture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;filter:saturate(1.02) contrast(1.03)!important;transition:transform .45s ease,filter .45s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.025)!important;filter:saturate(1.07) contrast(1.05)!important}
.cs-mainContent .cs-categoryName{order:2!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:118px!important;margin:0!important;padding:25px 66px 45px 26px!important;background:#fff!important;border:0!important;color:#15191c!important;font-size:0!important;line-height:1!important;text-align:left!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.cs-mainContent .cs-categoryName a{display:block!important;position:relative!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:normal!important}
.cs-mainContent .cs-categoryName:before{display:block!important;position:absolute!important;left:26px!important;right:62px!important;bottom:20px!important;color:#68727a!important;-webkit-text-fill-color:#68727a!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.005em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.cs-mainContent .cs-categoryName:after{content:"→"!important;display:block!important;position:absolute!important;right:25px!important;top:27px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#15191c!important;-webkit-text-fill-color:#15191c!important;font-size:25px!important;line-height:1!important;font-weight:400!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease,color .2s ease!important}
.cs-mainContent .cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(4px)!important;color:#002d4f!important}
@media(max-width:980px){.cs-mainContent .cs-categoryList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-mainContent .cs-categoryPicture{height:270px!important}}
@media(max-width:640px){.cs-mainContent .cs-categoryList{grid-template-columns:1fr!important;gap:20px!important}.cs-mainContent .cs-categoryPicture{height:245px!important}.cs-mainContent .cs-categoryName{min-height:112px!important;padding:22px 58px 42px 22px!important}.cs-mainContent .cs-categoryName:before{left:22px!important;bottom:18px!important;font-size:14px!important}.cs-mainContent .cs-categoryName:after{right:21px!important;top:24px!important}}
/* PRODUKTKARTEN CLEAN SYSTEM */
.cs-mainContent .cs-productListing{gap:24px!important;align-items:stretch!important}
.cs-mainContent .cs-articlePreview{background:#fff!important;border:1px solid #dbe3e8!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,45,79,.07)!important;overflow:hidden!important;padding-bottom:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cs-mainContent .cs-articlePreview:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(0,45,79,.13)!important;border-color:#b9cbd6!important}
.cs-mainContent .cs-articlePreview .pictureContainer{height:300px!important;box-sizing:border-box!important;background:#f5f7f8!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid #edf1f3!important;overflow:hidden!important}
.cs-mainContent .cs-articlePreview .pictureContainer img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;filter:drop-shadow(0 10px 14px rgba(0,31,56,.10))!important;transition:transform .35s ease!important}
.cs-mainContent .cs-articlePreview:hover .pictureContainer img{transform:scale(1.035)!important}
.cs-mainContent .cs-articlePreview .artnamBox{padding:20px 22px 8px!important;min-height:72px!important;box-sizing:border-box!important}
.cs-mainContent .cs-articlePreview .cs-artPreviewName{color:var(--sf-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important}
.cs-mainContent .cs-articlePreview .priceBox,.cs-mainContent .cs-articlePreview .articleInfoBox,.cs-mainContent .cs-articlePreview .cs-lagerBox{margin-left:22px!important;margin-right:22px!important}
@media(max-width:680px){.cs-mainContent .cs-articlePreview .pictureContainer{height:270px!important;padding:20px!important}}
/* UPPER SAVE POSITION FIX */ .cs-mainContent .cs-categoryList .cs-categoryPreview .cs-categoryName{left:0!important;right:auto!important;transform:none!important} 
/* POSITION TEST */ .cs-categoryName{left:0!important} 
  /* STARTKACHEL TEXT VISIBILITY FIX */
.cs-categoryName{color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:visible!important;z-index:2!important}
.cs-categoryName a{display:block!important;color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;font-size:25px!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;z-index:3!important}
.cs-categoryName:before{display:block!important;color:#6d7881!important;-webkit-text-fill-color:#6d7881!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:3!important}
.cs-categoryName:after{color:var(--sf-navy)!important;-webkit-text-fill-color:var(--sf-navy)!important;opacity:1!important;visibility:visible!important;z-index:4!important}

/* STARTKACHELN EDITORIAL CARD DESIGN */
.cs-categoryList{gap:30px!important;align-items:stretch!important}
.cs-categoryPreview{flex:0 0 calc((100% - 60px)/3)!important;width:calc((100% - 60px)/3)!important;max-width:calc((100% - 60px)/3)!important;min-height:430px;background:#fff!important;border:1px solid #d7e1e7!important;border-top:1px solid #d7e1e7!important;border-bottom:6px solid var(--sf-orange)!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,45,79,.08)!important;overflow:hidden!important}
.cs-categoryPreview:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(0,45,79,.16)!important;border-color:#c5d4dd!important;border-bottom-color:var(--sf-orange-hot)!important}
.cs-categoryPicture{height:300px!important;background:#dce4e9!important}
.cs-categoryPicture:after{background:linear-gradient(180deg,rgba(0,31,56,.02),rgba(0,31,56,.12))!important}
.cs-categoryPicture img{object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.06)!important}
.cs-categoryName{min-height:124px;box-sizing:border-box;margin:0!important;padding:24px 70px 43px 26px!important;background:#fff!important;color:transparent!important;font-size:0!important;line-height:1.15!important;border:0!important;position:relative!important}
.cs-categoryName a{display:block;color:var(--sf-navy)!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.025em;text-decoration:none!important}
.cs-categoryName:before{position:absolute;left:26px;right:64px;bottom:19px;color:#6d7881;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-categoryPreview:nth-child(1) .cs-categoryName:before{content:"Praktisch. Hochwertig. Im Team gebrandet."}
.cs-categoryPreview:nth-child(2) .cs-categoryName:before{content:"Für Büro, Baustelle und Projektalltag."}
.cs-categoryPreview:nth-child(3) .cs-categoryName:before{content:"Textilien für einen starken Auftritt."}
.cs-categoryPreview:nth-child(4) .cs-categoryName:before{content:"Gemeinsam sichtbar. Gemeinsam stark."}
.cs-categoryPreview:nth-child(5) .cs-categoryName:before{content:"Professionell ausgestattet im Einsatz."}
.cs-categoryPreview:nth-child(6) .cs-categoryName:before{content:"Schutz. Sicherheit. Verlässlichkeit."}
.cs-categoryName:after{content:"→"!important;position:absolute!important;right:25px!important;top:25px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sf-navy)!important;font-size:26px!important;line-height:1!important;font-weight:500!important;display:block!important}
.cs-categoryPreview:hover .cs-categoryName:after{color:var(--sf-orange)!important;transform:translateX(5px)!important}
@media(max-width:900px){.cs-categoryPreview{flex:0 0 calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important;max-width:calc((100% - 22px)/2)!important;min-height:0}.cs-categoryList{gap:22px!important}.cs-categoryPicture{height:240px!important}}
@media(max-width:620px){.cs-categoryPreview{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.cs-categoryPicture{height:235px!important}.cs-categoryName{min-height:118px;padding-left:22px!important}.cs-categoryName:before{left:22px;font-size:14px}}
/* SWIETELSKY-FABER FRESH */
:root{
 --sf-navy:#002d4f;
 --sf-navy-deep:#001f38;
 --sf-orange:#f36b21;
 --sf-orange-hot:#ff7a25;
 --sf-sky:#eaf1f5;
 --sf-mist:#f5f7f8;
 --sf-white:#ffffff;
 --sf-ink:#102f45;
 --sf-muted:#668093;
 --sf-line:#d7e1e7;
 --sf-radius:22px;
 --sf-shadow:0 18px 50px rgba(0,45,79,.12);
}
html{scroll-behavior:smooth}
body{background:var(--sf-mist);color:var(--sf-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.cs-container{max-width:1420px;padding-left:34px;padding-right:34px}

/* HEADER */
.cs-topBar{background:var(--sf-navy-deep);color:rgba(255,255,255,.8);border:0}
.cs-topBar a{color:#fff}
.cs-headerContent{background:var(--sf-navy);border:0;box-shadow:0 10px 30px rgba(0,31,56,.18);position:relative;z-index:40}
.cs-headerContent:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--sf-orange),var(--sf-orange-hot) 38%,#ffb17d)}
.cs-headerContent .cs-container{min-height:104px}
.cs-logo{background:#fff;padding:12px 18px;border-radius:0 0 16px 16px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.cs-logo img{max-height:72px;width:auto}
.cs-overlayMenuButton{background:var(--sf-orange);color:#fff;padding:17px 24px;border-radius:14px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(243,107,33,.25)}
.cs-overlayMenuButton:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}
.cs-miniButtons svg{color:#fff}
.cs-miniButtons li>a,.searchIcon{border-radius:13px;padding:12px}
.cs-miniButtons li>a:hover,.searchIcon:hover{background:rgba(255,255,255,.12);color:var(--sf-orange)}
.cs-categoriesBox{background:transparent}

/* MAIN */
.cs-main{background:var(--sf-mist);min-height:65vh}
.cs-mainContent{background:transparent}
.cs-aside{display:none!important}
.cs-box,.cs-mainContent{width:100%!important;max-width:none!important}

/* HERO */
.cs-startSlider{max-width:1420px;margin:38px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow);background:var(--sf-navy);position:relative}
.cs-startSlider:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9e61)}
.cs-startSlider .nivo-main-image{height:570px!important;min-height:570px;object-fit:cover;filter:saturate(1.06) contrast(1.03)}
.cs-startText{padding-top:0!important;padding-bottom:0!important}
.cs-startTextBox{position:absolute;left:0;top:0;bottom:0;width:47%;max-width:660px;background:linear-gradient(135deg,rgba(0,31,56,.97),rgba(0,45,79,.88));padding:72px 58px 66px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}
.cs-startTextBox:before{content:"INTERNER WEBSHOP";display:inline-flex;width:max-content;background:rgba(243,107,33,.16);border:1px solid rgba(243,107,33,.55);color:#ff9d67;border-radius:999px;padding:8px 14px;margin-bottom:23px;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-startText h1,.cs-startText h1 *{font-size:0!important;color:transparent!important}
.cs-startText h1:after{content:none!important;display:none!important}
.cs-startText h1 strong:after{content:"Stark im Team.";display:block;color:#fff;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:900}
.cs-startText p,.cs-startText p *{font-size:0!important;color:transparent!important}
.cs-startText p:after{content:"Werbemittel, Arbeitskleidung und Bedarf für Swietelsky-Faber – schnell gefunden, klar dargestellt und direkt bestellbar.";display:block;color:rgba(255,255,255,.84);font-size:21px;line-height:1.55;max-width:520px;margin-top:24px}
.nivo-caption{background:transparent!important;opacity:1!important}

/* SECTIONS */
.cs-mainContent>.cs-container{max-width:1420px;margin-left:auto;margin-right:auto}
.cs-betHeading{color:var(--sf-navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-transform:none;text-align:left;margin:0 0 30px;padding-top:82px;display:flex;align-items:center;gap:16px}
.cs-betHeading:before{content:"";width:13px;height:42px;border-radius:8px;background:linear-gradient(180deg,var(--sf-orange),#ff9b5d);box-shadow:0 8px 18px rgba(243,107,33,.25)}
.cs-subtitle{background:#fff;border:1px solid #ffd6c1;border-left:8px solid var(--sf-orange);border-radius:16px;color:var(--sf-ink);padding:21px 26px;margin:0 0 30px;box-shadow:0 10px 26px rgba(0,45,79,.06)}
.cs-subtitle a{text-decoration:none}
.cs-subtitle strong,.cs-subtitle b{color:var(--sf-navy)}

/* 3 STARTKACHELN PRO REIHE */
.cs-categoryList{display:flex!important;flex-wrap:wrap!important;gap:28px!important;margin:0 0 74px}
.cs-categoryPreview{flex:0 0 calc((100% - 56px)/3)!important;width:calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:0 10px 30px rgba(0,45,79,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-categoryPreview:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(0,45,79,.16);border-color:rgba(243,107,33,.55)}
.cs-categoryPicture{height:290px!important;background:linear-gradient(145deg,#edf3f6,#fff);overflow:hidden;position:relative}
.cs-categoryPicture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,45,79,.12));pointer-events:none}
.cs-categoryPicture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;filter:saturate(1.04) contrast(1.02);transition:transform .5s ease,filter .5s ease}
.cs-categoryPreview:hover .cs-categoryPicture img{transform:scale(1.06);filter:saturate(1.13) contrast(1.05)}
.cs-categoryName{background:#fff;color:var(--sf-navy);font-size:22px;font-weight:900;line-height:1.2;margin:0;padding:25px 66px 28px 25px;position:relative;text-align:left}
.cs-categoryName:after{content:"→";position:absolute;right:24px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--sf-orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s ease}
.cs-categoryPreview:hover .cs-categoryName:after{transform:translateX(5px)}

/* PRODUCT GRID */
.cs-productListing{display:flex!important;flex-wrap:wrap!important;gap:26px!important;margin-bottom:90px}
.cs-articlePreview{flex:0 0 calc((100% - 78px)/4)!important;width:calc((100% - 78px)/4)!important;max-width:calc((100% - 78px)/4)!important;background:#fff;border:1px solid var(--sf-line);border-radius:20px;box-shadow:0 9px 28px rgba(0,45,79,.075);overflow:hidden;padding-bottom:20px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.cs-articlePreview:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,45,79,.15);border-color:rgba(243,107,33,.5)}
.pictureContainer{height:320px!important;background:linear-gradient(145deg,#eef3f6,#fff);overflow:hidden}
.pictureContainer img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px;box-sizing:border-box;transition:transform .45s ease}
.cs-articlePreview:hover .pictureContainer img{transform:scale(1.055)}
.artnamBox{padding:20px 22px 8px}
.cs-artPreviewName{color:var(--sf-navy);font-size:18px;font-weight:900;line-height:1.3}
.priceBox,.articleInfoBox,.cs-lagerBox{margin-left:22px;margin-right:22px}
.cs-stock1{display:inline-flex;background:#e7f6ed;color:#147447;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}
.singleBadge.badgeGreen{background:var(--sf-orange);color:#fff;border-radius:0 0 13px 0;padding:10px 14px;font-weight:900}
.cs-hoverlay{background:rgba(0,45,79,.88)}
.cs-actionButton,.button,input[type="submit"],.cs-button3{background:var(--sf-orange);border:0;border-radius:11px;color:#fff;font-weight:900;transition:.22s ease}
.cs-actionButton:hover,.button:hover,input[type="submit"]:hover,.cs-button3:hover{background:var(--sf-orange-hot);transform:translateY(-2px)}

  

/* SWIFA CART BUTTON FINAL FIX */
.cs-checkout .cs-button3{background:#f36f21!important;background-color:#f36f21!important;background-image:none!important;border:0!important;border-radius:12px!important;box-shadow:0 10px 24px rgba(243,111,33,.22)!important;padding:0!important;overflow:hidden!important}
.cs-checkout .cs-button3 a{background:#f36f21!important;background-color:#f36f21!important;background-image:none!important;color:#fff!important;border:0!important;border-radius:12px!important;padding:14px 24px!important}
  
/* DETAIL */
.cs-main h1{color:var(--sf-navy);font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
input,select,textarea{border:1px solid #cbd9e1;border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--sf-orange);box-shadow:0 0 0 4px rgba(243,107,33,.13);outline:0}

/* FOOTER */
footer,.cs-footer{background:var(--sf-navy-deep);color:rgba(255,255,255,.78)}
footer:before,.cs-footer:before{content:"";display:block;height:9px;background:linear-gradient(90deg,var(--sf-orange),#ff9b5d)}
footer a,.cs-footer a{color:#fff}
footer a:hover,.cs-footer a:hover{color:#ff9b5d}
footer h2,footer h3,footer h4,.cs-footer h2,.cs-footer h3,.cs-footer h4{color:#fff}

/* TABLET */
@media(max-width:1100px){
 .cs-container{padding-left:24px;padding-right:24px}
 .cs-startSlider{margin-left:24px;margin-right:24px}
 .cs-startTextBox{width:56%;padding:58px 42px}
 .cs-categoryPreview{flex-basis:calc((100% - 28px)/2)!important;width:calc((100% - 28px)/2)!important;max-width:calc((100% - 28px)/2)!important}
 .cs-articlePreview{flex-basis:calc((100% - 26px)/2)!important;width:calc((100% - 26px)/2)!important;max-width:calc((100% - 26px)/2)!important}
}
/* MOBILE */
@media(max-width:680px){
 .cs-container{padding-left:15px;padding-right:15px}
 .cs-headerContent .cs-container{min-height:78px}
 .cs-logo{padding:8px 11px}.cs-logo img{max-height:52px}
 .cs-overlayMenuButton{padding:13px 15px}
 .cs-startSlider{margin:18px 12px 0;border-radius:18px}
 .cs-startSlider .nivo-main-image{height:500px!important;min-height:500px;object-fit:cover}
 .cs-startTextBox{width:auto;max-width:none;left:16px;right:16px;top:auto;bottom:18px;height:auto;padding:28px 25px 30px;border:0;border-left:6px solid var(--sf-orange);border-radius:14px}
 .cs-startTextBox:before{margin-bottom:15px}
 .cs-startText h1 strong:after{font-size:44px}
 .cs-startText p:after{font-size:17px;margin-top:16px}
 .cs-betHeading{padding-top:58px}
 .cs-categoryList,.cs-productListing{gap:18px!important}
 .cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cs-categoryPicture{height:250px!important}
 .pictureContainer{height:300px!important}
}

/* CORPORATE GRID + TYPOGRAPHY */
.cs-categoryPreview,.cs-articlePreview{box-sizing:border-box!important}
.cs-categoryPreview{flex:0 0 calc((100% - 68px)/3)!important;width:calc((100% - 68px)/3)!important;max-width:calc((100% - 68px)/3)!important}
.cs-articlePreview{flex:0 0 calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)!important;max-width:calc((100% - 90px)/4)!important}
.cs-mainContent p,.cs-mainContent li,.cs-mainContent td{color:var(--sf-ink);font-size:16px;line-height:1.7}
.cs-mainContent h2,.cs-mainContent h3,.cs-mainContent h4{color:var(--sf-navy);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.cs-longdescription,.cs-description,.cs-artDescription{max-width:900px}
.cs-categoryPreview:nth-child(3n+1){border-top:5px solid var(--sf-orange)}
.cs-categoryPreview:nth-child(3n+2){border-top:5px solid var(--sf-navy)}
.cs-categoryPreview:nth-child(3n+3){border-top:5px solid #6d8798}
@media(max-width:1100px){.cs-categoryPreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}.cs-articlePreview{flex-basis:calc((100% - 34px)/2)!important;width:calc((100% - 34px)/2)!important;max-width:calc((100% - 34px)/2)!important}}

.cs-categoryPreview,.cs-articlePreview{margin-left:0!important;margin-right:0!important}

@media(max-width:680px){.cs-categoryPreview,.cs-articlePreview{flex-basis:100%!important;width:100%!important;max-width:100%!important}}
/* SF | Zukunftsregel final am Dateiende */


/* SF | Zukunftssichere Unterrubrikkarten */
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview {
  position: relative !important;
  overflow: hidden !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 132px !important;
  z-index: 50 !important;
  pointer-events: none !important;
  background-color: #ffffff !important;
  background-image: none !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName {
  box-sizing: border-box !important;
  display: block !important;
  position: relative !important;
  z-index: 70 !important;
  height: 132px !important;
  min-height: 132px !important;
  margin: 0 !important;
  padding: 22px 64px 18px 26px !important;
  overflow: hidden !important;
  background: transparent !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName > a {
  display: block !important;
  position: relative !important;
  z-index: 80 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #15191c !important;
  -webkit-text-fill-color: #15191c !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName::before {
  content: none !important;
  display: none !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName::after {
  content: "Produkte für den professionellen Einsatz." !important;
  display: block !important;
  position: relative !important;
  inset: auto !important;
  z-index: 80 !important;
  width: auto !important;
  height: auto !important;
  margin: 10px 0 0 !important;
  color: #69737b !important;
  -webkit-text-fill-color: #69737b !important;
  background: transparent !important;
  border: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.005em !important;
  white-space: normal !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName:has(> a[href*="/Gummistiefel/"])::after {
  content: "Robust. Wetterfest. Sicher im Einsatz." !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName:has(> a[href*="/Gehoerschutz/"])::after {
  content: "Schutz für konzentriertes Arbeiten." !important;
}
html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview::after {
  content: "→" !important;
  position: absolute !important;
  right: 25px !important;
  bottom: 54px !important;
  z-index: 90 !important;
  color: #15191c !important;
  font-size: 25px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}
@media (max-width: 640px) {
  html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview::before {
    height: 124px !important;
  }
  html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName {
    height: 124px !important;
    min-height: 124px !important;
    padding: 20px 54px 16px 22px !important;
  }
  html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName > a {
    font-size: 21px !important;
  }
  html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview .cs-categoryPicture h2.cs-categoryName::after {
    margin-top: 8px !important;
    font-size: 14px !important;
  }
  html body.cs-body.cs-category .cs-mainContent .cs-categoryList article.cs-categoryPreview::after {
    right: 21px !important;
    bottom: 51px !important;
  }
}

/* SF | Zukunftsregel hoechste Prioritaet */
html body.cs-body.cs-body.cs-category.cs-category .cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 132px !important;
  z-index: 50 !important;
  pointer-events: none !important;
  background: #ffffff !important;
}
html body.cs-body.cs-body.cs-category.cs-category .cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName {
  box-sizing: border-box !important;
  display: block !important;
  position: relative !important;
  z-index: 70 !important;
  height: 132px !important;
  min-height: 132px !important;
  margin: 0 !important;
  padding: 22px 64px 18px 26px !important;
  overflow: hidden !important;
  background: transparent !important;
}
html body.cs-body.cs-body.cs-category.cs-category .cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName > a {
  display: block !important;
  position: relative !important;
  z-index: 80 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #15191c !important;
  -webkit-text-fill-color: #15191c !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
}
html body.cs-body.cs-body.cs-category.cs-category .cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName::before {
  content: none !important;
  display: none !important;
}
html body.cs-body.cs-body.cs-category.cs-category .cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName::after {
  content: "Produkte für den professionellen Einsatz." !important;
  display: block !important;
  position: relative !important;
  inset: auto !important;
  z-index: 80 !important;
  width: auto !important;
  height: auto !important;
  margin: 10px 0 0 !important;
  color: #69737b !important;
  -webkit-text-fill-color: #69737b !important;
  background: transparent !important;
  border: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.005em !important;
  white-space: normal !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body.cs-body.cs-body.cs-category.cs-category .cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName:has(> a[href*="/Gummistiefel/"])::after {
  content: "Robust. Wetterfest. Sicher im Einsatz." !important;
}
html body.cs-body.cs-body.cs-category.cs-category .cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview .cs-categoryPicture.cs-categoryPicture h2.cs-categoryName.cs-categoryName:has(> a[href*="/Gehoerschutz/"])::after {
  content: "Schutz für konzentriertes Arbeiten." !important;
}
html body.cs-body.cs-body.cs-category.cs-category .cs-mainContent.cs-mainContent .cs-categoryList.cs-categoryList article.cs-categoryPreview.cs-categoryPreview::after {
  content: "→" !important;
  position: absolute !important;
  right: 25px !important;
  bottom: 54px !important;
  z-index: 90 !important;
  color: #15191c !important;
  font-size: 25px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

/* Arbeitskleidung im Hauptmenü anklickbar */
.category_4 > .cs-menuItem > a {
  pointer-events: auto !important;
}
  
/* SF-FIX-STARTKACHELN-EINMALIGE-BESCHRIFTUNG-20260921 */
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(n)::before{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
}
html body.cs-start .cs-mainContent .cs-categoryList article.cs-categoryPreview:nth-child(n) .cs-categoryName{
  background-image:none!important;
}