#container {
	margin-top:70px;
}

#topmenu {
  z-index: 6;
  height: 70px;
  background-color: #f2f2f2;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding: 20px 8px 20px 16px;
  display: flex;
  position: -webkit-sticky;
  position: fixed;
  top: 0;
  left:0px;
  right:0;
}
#topmenu .logo {
	display:inline-block;
	width:200px;
	margin-left:-6px;
}

#topmenu ul {
	margin-bottom: 0;
	display: flex;
  gap:8px;
	padding-left: 0;
	list-style: none;
	margin-top: 0;
	box-sizing: border-box;
}

#topmenu li {
	align-items: center;
	display: flex;
	box-sizing: border-box; 
	list-style: none;
}
#topmenu li.menu {
	display:none;
}
#topmenu i {
  vertical-align:middle;
}
#topmenu a {
	vertical-align:middle;
	display:inline-block;
	text-decoration:none;
	padding:8px;
  margin-left: -8px;
  color: #444;  
}
#topmenu ul img {
	width:30px;
    margin: 0;
    vertical-align: middle;
    display: inline-block;
}

#topmenu .current-country {
	display:none;
}
#topmenu .country-menu img {
	  width: 24px;
}



.svg-icon {
  display: inline-block;
  font-size:24px;
  width: 1em;              /* prilagodi po potrebi */
  height: 1em;
  position: relative;
  color: inherit;     /* barva se deduje iz parent elementa */
  background-color: currentColor;
}

.svg-icon.catalog {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><g transform='scale(10.66667,10.66667)'><path d='M6,2c-1.09306,0 -2,0.90694 -2,2v1h-1c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1h1v2h-1c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1h1v2h-1c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1h1v2h-1c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1h1v1c0,1.09306 0.90694,2 2,2h12c1.09306,0 2,-0.90694 2,-2v-16c0,-1.09306 -0.90694,-2 -2,-2zM6,4h12v16h-12zM8,7v2h8v-2z'/></g></svg>");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><g transform='scale(10.66667,10.66667)'><path d='M6,2c-1.09306,0 -2,0.90694 -2,2v1h-1c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1h1v2h-1c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1h1v2h-1c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1h1v2h-1c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1h1v1c0,1.09306 0.90694,2 2,2h12c1.09306,0 2,-0.90694 2,-2v-16c0,-1.09306 -0.90694,-2 -2,-2zM6,4h12v16h-12zM8,7v2h8v-2z'/></g></svg>");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.svg-icon.shop {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><g transform='scale(10.66667,10.66667)'><path d='M4,4c-1.105,0 -2,0.895 -2,2v10c0,1.103 0.897,2 2,2h-4v2h10v-3v-1h-6v-10h17c0,-1.105 -0.895,-2 -2,-2zM17,8c-1.09306,0 -2,0.90694 -2,2v2h-3v8c0,1.09306 0.90694,2 2,2h8c1.09306,0 2,-0.90694 2,-2v-8h-3v-2c0,-1.09306 -0.90694,-2 -2,-2zM17,10h2v2h-2zM14,14h8v6h-8z'/></g></svg>");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><g transform='scale(10.66667,10.66667)'><path d='M4,4c-1.105,0 -2,0.895 -2,2v10c0,1.103 0.897,2 2,2h-4v2h10v-3v-1h-6v-10h17c0,-1.105 -0.895,-2 -2,-2zM17,8c-1.09306,0 -2,0.90694 -2,2v2h-3v8c0,1.09306 0.90694,2 2,2h8c1.09306,0 2,-0.90694 2,-2v-8h-3v-2c0,-1.09306 -0.90694,-2 -2,-2zM17,10h2v2h-2zM14,14h8v6h-8z'/></g></svg>");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.svg-icon.person {
  background-color: currentColor;

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") no-repeat center;

  -webkit-mask-size: contain;
  mask-size: contain;

  font-size: 32px;
  color: #666;  
}


@media only screen and (min-width: 48em) {
	#topmenu {
		padding-left:50px;
		padding-right: 42px;
	}
}

@media only screen and (max-width: 74.9375em) {
	#topmenu li.menu {
		display:flex;
	}
	#topmenu {
		padding-right: 8px;
		padding-right: 8px;
	}
  #topmenu ul {
    gap:0;
  }
}

@media only screen and (max-width: 42em) {
  #topmenu #account-text {
    display:none;
  }  
}

@media only screen and (max-width: 35em) {
	#topmenu .logo {
		display:none;
	}	
	#topmenu {
		padding-right: 8px;
	}	
}