/* first we deactivate focus selector, we dont need focus highlight on mouse clicks or after default site loading */
*:focus{outline: none;}

/* Contrast */

/* for mouse navigation */
html body.cs-usingMouse a:focus, 
html body.cs-usingMouse li:focus, 
html body.cs-usingMouse article:focus,
html body.cs-usingMouse button:focus,
html body.cs-usingMouse input:focus, 
html body.cs-usingMouse div:focus, 
html body.cs-usingMouse span:focus,
html body.cs-usingMouse select:focus,
html body.cs-usingMouse label:focus, 
html body.cs-usingMouse .switch input:focus + .slider {
  outline: none;
  outline-offset: unset;
  box-shadow: none;
}

/* for tab, arrow navigation */
html body a:focus-visible, 
html body li:focus-visible,
html body article:focus-visible,
html body button:focus-visible, 
html body input:focus-visible, 
html body textarea:focus-visible, 
html body div:focus-visible, 
html body span:focus-visible, 
html body select:focus-visible,
html body label:focus-visible, 
html body .switch input:focus-visible + .slider {
  outline: 2px solid #f00;
  outline-offset: 2px;
  border-radius: 2px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px #f00;
}

/* this class for elements only for screenreader */
.cs-screenreader {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}

/* accessible font sizes */
html body {font-size: 15px;}
html body .cs-subtitle, 
html body .cs-categoriesTop a, 
html body .cs-topPages > ul > li a,
html body .cs-lagerBox > div,
html body footer .cs-footerNewsletterBox.text,
html body .cs-articleDetail .cs-articlePriceInfo,
html body .cs-inStock,
html body .cs-cartBoxArticleId a {font-size: 15px;}
html body .cs-artPreviewName {font-size: 17px;}
html body #tabs .tabs {font-size: 17px;}

/*Artikeldetail Hover*/
article.cs-hoverlay-fakehover .pictureContainer .cs-hoverlay {display: block;}
article.cs-hoverlay-fakehover .cs-hoverlay .cs-fastButtons {margin-top: 0;}

/*Contrast*/
html body article.cs-articlePreview .priceBox .priceRow .price span,
html body .cs-subtitle {color: #474747;}
html body .cs-lagerBox .cs-stock3 {color: #cc1f1f;}
html body .cs-lagerBox .cs-stock1 {color: #157846;}
/*Border on Top Navigation Fix*/
.cs-topBar {
  padding: 8px; /* enough to show the outline */
}