.menu-categories > li > ul {
  background-color: #fff;
}
.menu-categories a {
  color: #333;
}
.menu-categories li a {
  padding: 15px;
}
.menu-categories > li > a {
  color: #000;
}
.menu-categories > li > a:hover,
.menu-categories > li > a:active,
.menu-categories > li > a:focus{
  color: #fff;
}
.page-ecommerce nav.menu-categories-container {
	display: inline-block;
  font-size: 16px;   
}
.page-ecommerce nav.menu-categories-container ul.menu-categories {
  padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
 @media screen and (min-width: 769px) {
	.page-ecommerce nav.menu-categories-container ul.menu-categories > li {
		 position: relative;
	}
  .page-ecommerce nav.menu-categories-container ul.menu-categories ul {
		 left: 14px;
		 top: 53px;
		 z-index: 1000;
		 list-style: none;
		 padding-left: 5px;
		 position: absolute;
		 text-align: left;
	}
  .page-ecommerce nav.menu-categories-container ul.menu-categories ul ul {
		 left: 220px;
		 top: 0;
	}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .page-ecommerce nav.menu-categories-container ul.menu-categories {
	  padding-top: 15px;
		font-size: 90%;
	}
}
@media screen and (max-width: 768px) {
  .menu-categories {
    display: none;
  }
	.page-ecommerce nav.menu-categories-container {
    display: block;
	}
	.page-ecommerce nav.menu-categories-container ul.menu-categories {
    padding-top: 0;
	}
}
@media screen and (max-width: 768px) {
	.page-ecommerce nav ul li .toggle + a {
		display: none;
	}
}
.page-ecommerce .header {
  text-transform: uppercase;
}
.page-ecommerce .header nav.menu-main-container {
  font-size: 18px;
}
.menu-main > li {
  padding: 15px 0;
}
@media screen and (min-width: 769px) {
  .menu-main > li:not(:last-child) > a {
    border-right-style: double;
    border-right-color: #ccc;
  }
}
.page-ecommerce nav.menu-main-container ul li a {
  padding: 0 10px;
}
.page-ecommerce nav.menu-main-container ul li a:hover {
  transition: .3s ease-out;
}
.menu-main a:hover,
.menu-main a.active {
  background: none !important;
}
.page-ecommerce footer td a {
  background: none;
}
.header-above-responsive-container {
  display: flex;
  align-items: center;
}
.header-above-responsive-container a {
  float: right;
  text-transform: uppercase;
  margin-right:15px;
}
.header-above-responsive-container a.logo {
  float: left;
}
.header-above-responsive-container a.button {
  padding: 10px 20px;
  line-height: 1.42857143;
  font-size: 18px;
  font-weight: 700;
  height: auto;
  width: auto;
}
.header-above-responsive-container a.button:nth-child(1),
.header-above-responsive-container a.button:nth-child(2) {
  background: 0 0;
  color: #fff;
  border: 1px solid #ccc;  
}
.header-above-responsive-container a.button:nth-child(2):hover,
.header-above-responsive-container a.button:nth-child(2):active,
.header-above-responsive-container a.button:nth-child(2):focus {
  border: 1px solid #adadad;
}
.header > .responsive-container {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
}
.header > .responsive-container > header {
  margin: 0 auto;
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  .header > .responsive-container > header {
    width: 750px;
  }
}
@media screen and (min-width: 992px) {
  .header > .responsive-container > header {
    width: 970px;
  }
}
@media screen and (min-width: 1200px) {
  .header > .responsive-container > header {
    width: 1170px;
  }
}
@media screen and (min-width: 1500px) {
  .header > .responsive-container > header {
    width: 1480px;
  }
}
.menu-header-buttons li {
  display: inline-block;
}
.menu-header-buttons li:not(:last-child) a {
  border: 1px solid #ccc;
  color: #fff;
}
.menu-header-buttons a {
  outline: none;
  padding: 10px 20px;
  line-height: 1.42857143;
  font-size: 18px;
  font-weight: 700;
  height: auto;
  width: auto;
}
@media (max-width: 768px) {
  .menu-header-buttons li,
  .menu-header-buttons a {
    width: 100%;
  }
}
.menu-header-buttons-container {
  margin-left: auto;
}
.menu-header-buttons a:hover,
.menu-header-buttons a:active,
.menu-header-buttons a:focus {
  color: #fff;
  font-weight: bold;
}
.page-custom-sexradar-nl .logo {
  margin-top: 10px;
}
.button-group {
  display: flex;
  gap: 10px;
  margin-left: auto; /* ← vervangt float:right */
}
#content-categories {
  display: none;
}