header {top:0;left:0}
.menu a {text-decoration:none;transition:background-color 0.3s,text-decoration 0.3s}
.menu a:hover,.menu a:focus {outline:none;color:var(--grey)}
.menu a:focus-visible {box-shadow:0 0 0 2px #555}
.menu .logo img {width:100%}
.menu .openMenu {left:0;top:100%;overflow:hidden}
a.category_menu img {border-radius:50%;max-height:3em;width:auto}
.rotateSvg svg {transform:rotate(90deg)}
.accordionContent {max-height:0;transition:max-height 0.4s ease;overflow:hidden}
.svgCircle {height:2.5em;width:2.5em;cursor:pointer}
.svgCircle:hover,.svgCircle:focus {background-color:var(--c1_d)}
.svgCircle svg {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:80%}
.breadcrumb a {text-decoration:none}
.breadcrumb a:hover,.breadcrumb a:focus {color:var(--grey)}
footer ul {list-style:none}
footer .logo_white {text-align:left}
.loader-2 {animation:spin 1s linear infinite;display:none;transform-origin:center center}
@keyframes spin {
  0% {transform:translate(-50%,-50%) rotate(0deg)}
  100% {transform:translate(-50%,-50%) rotate(360deg)}
}
#searchResult {right:0;top:100%;max-height:0;overflow:hidden;transition:max-height 0.4s ease}
#searchResult ul {list-style:none}
#searchResult .thumbImage {height:3.5em;width:3.5em;background-color:var(--grey)}
.overlay, .overlayPopUp{top:0;left:0;height:100%}
#popUp{top:50%;left:50%;max-height:90%;max-width:90%;transform:translate(-50%,-50%)}
body.noScroll {overflow:hidden}
@media (max-width:800px) {
  .mainMenu ul.w60 {max-height:0;transition:max-height 0.4s ease;overflow:hidden;position:absolute;left:0;top:100%;width:100%;background-color:var(--grey_l)}
  .mainMenu ul.w60 li {display:block}
  .mainMenu ul.w60 a,.mainMenu ul.w60 button {display:block;width:100%;background-color:var(--grey_l);padding:1em;text-align:left}
  .mainMenu a.w15,.mainMenu div.searchParent {width:50%}
  .mainMenu div.w25 form {font-size:0.9em;max-width:70%}
  .mainMenu a.w15 img {width:auto;max-height:2em}
  .mainMenu .menuArticles .submenuLink .w30{width:20%}
  .mainMenu .menuArticles .submenuLink .w70{width:80%}
  .mainMenu .menuArticles .submenuLink .d_ib.w30{height:6em} 
  .openMobileMenu {display:inline-block;border-radius:0.5em; height: 1.5em; width:1.5em;}
  .openMobileMenu svg{position:absolute; left:50%; top:50%;transform:translate(-50%,-50%);}
  .openMobileMenu.rotateSvg svg{transform:translate(-50%,-50%);}
  .openMobileMenu.rotateSvg{background-color:var(--grey_l)}
  .category_menu {width:50%}
  .menuArticles div.menuPart {width:100%;padding:1em;font-size:0.9em}
  .menuArticles div.menuPart h2 {font-size:1.2em;margin-top:0.5em}
  .menuArticles div.menuPart .p2 {padding:1em}
  .menuArticles div.menuPart .mt2 {margin-top:1em}
  .preview .submenuTags {display:none}
  .menuArticles .submenuLink {padding:0}
  footer .w50{width:100%; padding: 2em 0 ;}
}

@media (max-width:500px) {
.mainMenu a.w15{width:40%}
.mainMenu div.searchParent{width:60%; font-size:0.7em}
.openMobileMenu {margin-left:5%; width: 25%}
.svgCircle {height:2em;width:2em}
.mainMenu .category_menu{padding:0.5em}
.mainMenu .menuArticles .submenuLink .d_ib.w30{height:4.5em} 
}

@media (max-width:350px) {
.openMenu {font-size:0.9em}
.mainMenu .category_menu{width:100%}
.mainMenu .category_menu img{max-height:2em}
.menuArticles div.menuPart .p2{font-size:0.9em}
}