.search-wrapper {
  position: relative;
  display: inline-block;
}

.search-wrapper input {
  padding-left: 40px; /* ruimte maken voor het icoon */
  height: 36px;       /* voorbeeld hoogte */
  border-radius: 8px; /* ronde hoeken */
  border: 1px solid #ccc;
  font-size: 16px;
}

.search-wrapper .search-icon {
  position: absolute;
  left: 8px;          /* afstand van de linkerkant */
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* zodat klikken op het icoon toch het inputveld activeert */
  font-size: 18px;     /* grootte van het icoon */
  color: #666;
}

.zoek-button {
  position: absolute;  
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.zoek_invoerveld {
    align-items: center;
    margin-right: 5px; 
	font-size: var(--product_zoeken_font_size);
	width: 150px;
}

@media screen and (max-width: 768px) {

	.search-wrapper input {
		width: 100%;
	}
	
}