.prijslijst_container {
    width: 100%;
}

.hoofdgroep {
	background-color: var(--colorBG_B);
	color: var(--colorFG_B);
	font-size: 1.1rem;
	font-weight: bold;
	padding: 0 5px 0 5px;
}

.subgroep1, .subgroep2, .subgroep3, .subgroep4 {
	background-color: var(--colorBG_C);
	color: var(--colorFG_C);
	padding: 2px 5px 2px 5px;
	font-size: 0.8rem;
}

.regel {
    display: flex;
    justify-content: space-between;
	padding: 5px 5px 5px 5px;
	align-items: center;
}

h1, .titel {
    display: flex;
    align-items: center;
    justify-content: center; 
    margin-bottom: 5px;
    position: relative; 
}

.pageback, .pagenext {
    position: absolute;
    top: 50%;                 /* verticaal in het midden */
    transform: translateY(-50%); /* exacte centrering */
}

.pageback {
    left: 0;
}

.pagenext {
    right: 0;
}

.pageback a, .pagenext a {
    text-decoration: none;
    color: #fafafa;
    transition: color 0.2s;
    padding: 0 5px;
}

.pageback a:hover, .pagenext a:hover {
    color: red;
}

.page_bottom {
    height: 2rem;
}

.productregel:nth-child(even) {
    background-color: #f2f2f2;
}

.regel:hover{
	background-color: #ddd;
}

.prijslijst_container a {
	text-decoration: none;
	color: black;
}

.artikelcode, .info, .omschrijving {
    flex: 1; 
}

.omschrijving {
    display: flex;
    flex-direction: column; 
    flex-grow: auto;
}

.extra_info {
	font-size: 0.65em;
}

.artikelcode {
    max-width: 70px; 
    text-align: right;
	margin-right: 15px;
}

.afbeelding {
	display: flex;
	width: 90px;
	height: 50px;
	align-content: center;
	justify-content: center;
	margin-right: 15px;
}

.afbeelding:hover{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.afbeelding img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.info {
	max-width: 40px;
	text-align: center;
}

.omschrijving {
	display: flex;
	flex-grow: auto;
	margin-right: 10px;
}

.voorraad{
	margin-left: 8px;
}

.prijs {
	margin-left: 5px;
	text-align: right;
}

.subgroep2 {
	background-color: #eee;
}

.terug {
  padding: 5px;
  margin-right: 10px;
}

.terug:hover{
	color: red;
}

.fa-solid.fa-circle {
	font-size: 12px;
}

@media only screen and (max-width: 768px) {
.prijslijst_container {
  font-size :15px;
}

#zoeken {
  width: 90px;
}

.artikelcode {
	max-width: 50px; 
	margin-right: 5px;
	}

.afbeelding {
	display: flex;
	width: 60px;
		margin-right: 0px;
}

.afbeelding img {
	max-width: 55px; 
	max-height: 40px;
	/* background-color: yellow; */
	}
	
.omschrijving {
	padding: 5px;
	font-size: 0.8em;
}

.omschrijving {
    display: flex;
    flex-direction: column; /* Toegevoegd om items onder elkaar te plaatsen */
    flex-grow: auto;
}

.extra_info {
	font-size: 0.65em;
}

.bladerfunctie {
	font-size: 16px;
	width: 100px;
	max-width: 100px;
	justify-content: right;
}

.bladerfunctie a {
    margin: 0 2px;
	font-size: 1.3em;
}

}