* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			font-family: 'IBM Plex Sans', sans-serif;
			font-weight: 300;
		}

		body {
			/* max-width: 1200px; */
			margin: auto;
			background: rgb(51, 51, 51);
			font-weight: 300;
			font-display: swap;
		}

		/* styles.css */
		body,
		html {
			margin: 0;
			padding: 0;
			font-family: 'IBM Plex Sans', sans-serif;
		}


		input {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}

		input[type=checkbox] {
			-webkit-appearance: checkbox;
			-moz-appearance: checkbox;
			appearance: checkbox;
			margin-right: 5px;
		}

		input[type=radio] {
			-webkit-appearance: radio;
			-moz-appearance: radio;
			appearance: radio;
		}

		.expose {
			position: relative;
		}

		#overlay {
			background: rgba(0, 0, 0, 0.3);
			display: none;
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 99998;
		}



		.mainContainer {
			background-color: #e9e9e9;

		}

		/* Product prices */

		.product_top {
			display: flex;
			flex-wrap: wrap;
			gap: 5%;
			align-items: flex-start;
		}

		.product_left {
			flex: 0 0 60%;
		}

		.product_right {
			flex: 1;
			flex-wrap: nowrap;
		}

		.price-block {
			display: flex;
			flex-direction: column;
			gap: 6px;
			font-size: 0.9rem;
			padding: 20px 0px;
		}

		.price-row {
			display: flex;
			justify-content: space-between;
			align-items: baseline;
			border-bottom: 1px solid #eee;
			padding: 4px 0;
		}

		.price-row .old {
			text-decoration: line-through;
			color: #7A7A7A;
		}

		.price-row span:first-child {
			font-weight: 500;
		}



		.product_quantity {
			display: flex !important;
			flex-direction: column !important;
			align-items: flex-end !important;
			justify-content: flex-start !important;
			width: 100% !important;
		}

		@media (max-width: 1028px) {
			.product_top {
				flex-direction: column;
				gap: 0;
			}

			.product_left,
			.product_right {
				width: 100%;
				text-align: left;
			}

			.product_left {
				flex: 0;
				margin-bottom: 20px;
			}

			.product_quantity {
				width: 100%;
				flex: 0;
				margin-bottom: 20px;
				display: flex;
				align-items: center !important;
			}

		}

		/* End product pricing	*/

		.product_quantity_header {
			position: relative;
		}

		.product_quantity_header .text::before {
			content: "";
			position: absolute;
			top: -10px;
			left: 0;
			width: 1px;
			height: calc(90% + 15px);
			background-color: #efefef;
		}

		.product_quantity_header .text::after {
			content: "";
			position: absolute;
			top: 0;
			left: -10px;
			width: 90%;
			height: 1px;
			background-color: #efefef;
		}

		.product_quantity_header .corner-box {
			position: absolute;
			top: -10px;
			left: -10px;
			width: 7px;
			height: 7px;
			background-color: hsla(22, 77%, 45%, 0.6);
			z-index: 2;
		}

		.overdue-banner {
			position: sticky;
			top: 0;
			z-index: 10000000;
			background-color: #7a3800;
			color: #fff3e0;
			padding: 11px 20px;
			text-align: center;
			font-family: 'IBM Plex Sans', sans-serif;
			font-size: 0.92em;
			letter-spacing: 0.01em;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
			border-bottom: 2px solid #c85000;
			box-shadow: 0 2px 8px rgba(0,0,0,0.35);
		}

		.overdue-banner a {
			color: #ffd699;
			font-weight: 600;
			text-decoration: underline;
			text-underline-offset: 2px;
		}

		.overdue-banner a:hover {
			color: #fff;
		}

		.overdue-banner-icon {
			flex-shrink: 0;
			font-size: 1.1em;
		}

		.error-message {
			background-color: #f2dede;
			color: #a94442;
			border-color: #ebccd1;
			padding: 10px;
			margin: 10px 0;
			border-radius: 5px;
			font-family: 'IBM Plex Sans', sans-serif;
			font-size: 0.9em;
			position: absolute;
			z-index: 999999;
			display: flex;
		}

		.error-message a {
			font-weight: 600;
			text-decoration: none;
			color: #a94442;
		}

		.error-message a:hover {
			text-decoration: underline;
		}

		.contentBox {
			margin: auto;
		}

		.menu {
			float: left;
			width: 100%;
			background-color: #FEFEFE;
			position: relative;
		}

		.main {
			float: left;
			width: 100%;
			padding: 0;
			color: #727272;
			margin: 2% 0px;
		}

		.noMainMargin {
			margin: 0px;
		}

		.logo {
			width: 100%;
			height: auto;
			max-height: fit-content;
			max-width: 350px;
		}

		.contentHeaderText {
			width: 100%;
			display: inline-block;
			background-color: #333;
			color: #FEFEFE;
			min-height: 35px;
			font-family: 'Montserrat', sans-serif;
			font-size: 0.8em;
			padding: 10px 10px;
			margin-bottom: 10px;
			-webkit-box-shadow: -2px 2px 4px 2px rgba(194, 194, 194, 0.47);
			-moz-box-shadow: -2px 2px 4px 2px rgba(194, 194, 194, 0.47);
			box-shadow: -2px 2px 4px 2px rgba(194, 194, 194, 0.47);
		}

		.contentHeaderLeft {
			float: left;
			width: 75%;
		}

		.contentHeaderRight {
			float: left;
			min-width: 50px;
			width: 25%;
			text-align: right;
		}

		.contentHeaderRightMobile {
			float: left;
			min-width: 50px;
			width: 25%;
			text-align: right;
			display: none;
		}

		.storeImg img {
			width: 100%;
			height: auto;
		}

		.headerTop {
			padding: 10px 15px;

			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-orient: vertical;
			-moz-box-orient: vertical;
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
			/* optional */
			-webkit-box-align: start;
			-moz-box-align: start;
			-ms-flex-align: start;
			-webkit-align-items: flex-start;
			align-items: flex-start;
			flex-wrap: wrap;

		}

		.headerTop .headerLogo {
			width: 33%;
			-webkit-box-ordinal-group: 1;
			-moz-box-ordinal-group: 1;
			-ms-flex-order: 1;
			-webkit-order: 1;
			order: 1;

		}

		.headerTop {
			width: 42%;

			-webkit-box-ordinal-group: 2;
			-moz-box-ordinal-group: 2;
			-ms-flex-order: 2;
			-webkit-order: 2;
			order: 2;
			position: relative;

		}

		.headerTop .headerButtons {
			width: 25%;
			text-align: right;
			-webkit-box-ordinal-group: 3;
			-moz-box-ordinal-group: 3;
			-ms-flex-order: 3;
			-webkit-order: 3;
			order: 3;
			position: relative;
		}


		.headerBox {
			background-color: #FEFEFE;
			top: 0px;
		}

		.headerAnnouncement {
			background-color: #f9edb8;
			padding: 10px;
			margin: 0px;
			border-bottom: solid 1px #999;
			text-align: center;

		}

		.headerFlags {
			background-color: #FEFEFE;
			padding: 5px 10px 0px 10px;
			margin: 0px;
			display: flex;
			grid-auto-flow: column;
			grid-auto-columns: minmax(0, 1fr);
			color: #EFEFEF;
			line-height: 30px;
			font-family: 'Montserrat', sans-serif;
			font-size: 0.8em;
			letter-spacing: 0.55px;
			justify-content: space-between;
			height: 37px;
		}

		.headerFlags i {
			font-size: 1.2em;
		}

		.headerAnnouncement h1 {
			margin-top: 0px;
		}



		.search {
			width: 100%;
			font-family: 'Montserrat', sans-serif;
			font-size: 1em;
			font-weight: 300;
			border: solid 1px #BFBFBF;
			padding: 5px 20px 5px 20px;
			border-radius: 20px;
			outline: none;
			height: 30px;
			left: 50%;
			transform: translateX(-50%);
		}

		.search::placeholder {
			color: #888888;
		}

		#searchResults {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);

			display: none;
			height: auto;
			max-height: 75vh;
			overflow-y: auto;
			scrollbar-width: thin;
			width: 100%;
			max-width: 800px;
			z-index: 999999;
			background-color: #FFFFFF;
			color: #000000;
			border-radius: 15px;
			margin-top: 35px;

			font-weight: 300;

		}

		#searchResults a {
			color: #000000;
		}

		.headerTop .searchResultBox {
			display: block;
			width: 100%;
			margin: auto;
			position: absolute;
			background-color: #FFFFFF;
			border: dotted 1px #ccc;
			max-height: 400px;
			overflow: auto;
			padding: 10px;
			scrollbar-width: thin;
			border-radius: 5px;
			-webkit-overflow-scrolling: touch;

		}

		.searchResultBox {
			padding: 20px 10px;
		}

		.searchResultBox h3 a {
			font-family: 'Montserrat', sans-serif;
			color: #4A4A4A;
			font-size: 1.0em;
			font-weight: 600;
			text-decoration: none;
		}

		.searchResultBox h3 a:hover {
			border-bottom: 1px dotted #ccc;
			padding-bottom: 2px;
		}

		.headerSearchMobile,
		.headerButtonSearch {
			display: none;
		}


		#searchMobile {
			display: none;
		}

		.headerAmount {
			font-family: 'Montserrat', sans-serif;
			height: 20px;
			width: 20px;
			border-radius: 25px;
			/* background-color: hsla(22, 77%, 45%, 0.9); */
			background-color: hsla(22, 77%, 45%, 0.9);
			color: #EFEFEF;
			text-align: center;
			line-height: 20px;
			font-size: 0.8em;
			position: absolute;
			right: 7px;
		}

		.product_top {
			float: left;
			width: 50%;
			padding: 15px;
		}

		.productContainer {
			background-color: #FFFFFF;
			padding: 20px;
			margin: 1%;
			border-radius: 20px;
			width: 97%;


		}

		.productContainer a {
			color: hsla(22, 77%, 45%, 0.9);
			text-decoration: none;
			font-weight: 500;
		}


		h1 {
			font-family: "IBM Plex Sans", serif;
			color: #bf713e;
			font-size: 1.4em;
			font-weight: 300;
		}

		h2 {
			font-family: 'Montserrat', sans-serif;
			color: #4A4A4A;
			font-size: 1.3em;
			font-weight: 300;
		}

		h3 {
			font-family: 'Montserrat', sans-serif;
			color: #bf713e;
			font-size: 1.0em;
			font-weight: 500;
		}

		h4 {
			color: #0C4A6C;
			font-size: 1.2em;
			font-family: "IBM Plex Sans", serif;
			font-weight: 400;
		}

		p {
			font-family: "IBM Plex Sans", serif;
			font-size: 1em;
			text-align: justify;
			line-height: 150%;

		}

		.accHeader {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
			gap: 25px;
			margin: 0 0 35px 0;
		}

		.accHeader a {
			text-decoration: none;
			color: #727272;
		}

		.accHeader i {
			font-size: 1.2em;
			flex-shrink: 0;
			/* Zorg ervoor dat het icoon niet krimpt */
			margin-right: 5px;
			/* Ruimte tussen het icoon en de tekst */
		}

		.accLink {
			font-family: 'Montserrat', sans-serif;
			color: #4A4A4A;
			font-size: 1em;
			font-weight: 600;
			padding: 1rem;
			text-align: center;
			background-color: #FEFEFE;
			border-radius: 5px;
			box-shadow: 2px 2px 4px 2px rgba(194, 194, 194, 0.47);
			transition: background-color 0.3s, box-shadow 0.3s;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.accLink:hover {
			color: #FEFEFE;
			background-color: hsla(22, 77%, 45%, 0.9);
		}

		.accLinkActive {
			color: #FEFEFE !important;
			background-color: hsla(22, 77%, 45%, 0.9) !important;
		}

		#accountForm {
			width: 100%;
		}

		#accountForm input,
		#requestPassForm input,
		#pwReset input {
			width: 100%;
			padding: 7px 10px;
			height: 35px;
			margin: 15px 0px 2px 0px;
			border: solid 1px #ccc;
			border-radius: 5px;
			font-size: 0.9em;

		}

		#accountForm input[type="checkbox"] {
			width: 20px;
			height: 20px;
			margin-right: 10px;
			vertical-align: middle;
		}

		#accountForm #Postcode {
			width: 25%;
			float: left;
			margin-right: 2%;
		}

		#accountForm #Woonplaats {
			width: 73%;
			float: left;
		}

		#accountForm input::read-only {
			color: #999;
			font-style: italic;
		}

		#accountForm input {
			margin: 0px 0px 15px 0px;
		}

		.History_Box,
		.History_BoxH {
			width: 100%;
			margin: 0px;
			padding: 0px 10px;
			display: inline-grid;

		}

		.History_Line {
			background-color: #FEFEFE;
			padding: 5px;
		}

		.historyRow:nth-child(even) {
			background-color: #FFFFFF;
		}

		.historyRow:nth-child(odd) {
			background-color: #FEFEFE;
		}


		.History_Download {
			text-align: right;
		}

		.highlight-yellow {
			background-color: #fff3cd;
			color: #856404;
			font-weight: bold;
			border-radius: 4px;
			padding: 2px 6px;
		}

		.highlight-red {
			background-color: #f8d7da;
			color: #721c24;
			font-weight: bold;
			border-radius: 4px;
			padding: 2px 6px;
		}

		.highlight-purple {
			background-color: #e2d4f0;
			color: #5a1171;
			font-weight: bold;
			border-radius: 4px;
			padding: 2px 6px;
		}

		.main ul,
		.main ol {
			padding-left: 0;
			-webkit-padding-start: 0;
			margin-left: 20px;
		}

		.main li {
			padding-bottom: 2px;
		}

		.main .description {
			background-color: #FFFFFF;
			padding: 5px;
			text-align: justify;
		}

		.main .description li {
			padding-bottom: 8px;
		}

		.main .description li a {
			border-bottom: none;
			font-weight: 400;
		}

		#loading_nb,
		#loading_nb2 {
			display: none;
			padding: 13px 10px 0px 0px;
			margin: 0px;
			width: 18px;
			height: 20px;
			float: right;
		}

		#NBContainerProd {
			border: solid 1px #335472;
			background-color: #f7f9fb;
			border-radius: 10px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 15px;
			padding: 15px 20px;
			display: block;
			width: 50%;
			-webkit-box-shadow: 4px 2px 6px 2px rgba(194, 194, 194, 0.47);
			-moz-box-shadow: 4px 2px 6px 2px rgba(194, 194, 194, 0.47);
			box-shadow: 4px 2px 6px 2px rgba(194, 194, 194, 0.47);
			background-repeat: no-repeat;
			background-position: 100% 65%;
			background-size: 25% auto;
			background-origin: content-box;

		}

		/* YouTube responsive instellingen voor de filmpjes */
		.productContainer .embed-container {
			position: relative;
			padding-bottom: 56.25%;
			height: 0;
			overflow: hidden;
			max-width: 100%;
		}

		.productContainer .embed-container iframe,
		.productContainer .embed-container object,
		.productContainer .embed-container embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		.NewsImageRightBig {
			width: auto;
			margin-right: 0px;
			float: right;
			padding-left: 0px;
			margin-right: 20px;
		}

		.shoppingCartButton,
		.shoppingCartAmount {
			height: 45px;
			width: 74%;
			max-width: 200px;
			background-color: hsla(22, 77%, 45%, 0.9);
			border-bottom: 0;
			border-top: 0px;
			border-left: 0px;
			border-right: 0px;
			color: #EFEFEF;
			font-family: 'IBM Plex Sans', sans-serif;
			border-radius: 20px;
			font-size: 1.1em;

			-webkit-box-shadow: 4px 2px 6px 2px rgba(194, 194, 194, 0.47);
			-moz-box-shadow: 4px 2px 6px 2px rgba(194, 194, 194, 0.47);
			box-shadow: 4px 2px 6px 2px rgba(194, 194, 194, 0.47);
			cursor: pointer;
			transition: 0.2s;

		}

		.shoppingCartButton:hover {
			background-color: #c0591d;

		}

		.shoppingCartAmount {
			background-color: #FEFEFE;
			width: 18%;
			color: #727272;
			margin-right: 5%;
			padding: 2%;
			text-align: center;
			font-weight: 600;
		}

		.shoppingCartAmountAdjust {
			height: 45px;
			width: 74%;
			background-color: #5190b9;
			border-bottom: solid 2px #3b6986;
			border-top: 0px;
			border-left: 0px;
			border-right: 0px;
			color: #727272;
			font-family: 'Montserrat', sans-serif;
			border-radius: 0px;
			font-size: 0.9em;
			text-align: center;
			font-weight: 600;
		}

		.shoppingCartAmountAdjust:nth-child(odd) {
			background-color: #FFFFFF;
		}

		.ProductOverviewOrderForm {
			width: 50px;
			border: solid 1px #9f9f9f;
			border-radius: 4px;
			height: 30px;
			text-align: center;
			font-family: 'Montserrat', sans-serif;
			letter-spacing: 1px;
			margin-top: 1px;
		}

		.Checkout_Group {
			width: 90%;
			height: 55px;
			border: solid 1px #CCC;
			border-radius: 5px;
			padding: 5px;
			margin: 12px 0px;

		}

		.Checkout_RadioImg {
			margin: 0px;
			padding: 10px 0px 0px 0px;
			width: 20%;
			height: 35px;
			float: left;


		}

		.Checkout_Smallbox {
			width: 25px;
			float: left;

		}

		.Checkout_Radio {
			width: 15px;
			text-align: left;
			height: 35px;
			float: left;
			border: 0px;
		}

		.Checkout_RadioBox {
			height: 45px;
			width: 60%;
			padding: 0px 0px 0px 0px;
			margin: 0px;
			line-height: 45px;
			float: left;
		}

		.Checkout_Group:hover {
			border: solid 1px #000000;
		}

		.Checkout_Remarks {
			width: 90%;
			display: inline-block;
			border-radius: 5px;
			border: solid 1px #CCC;
			height: 75px;
			font-size: 16px;
			padding: 5px;
		}

		.headerImage {
			opacity: 0.8;
			height: 50px;
			width: auto;
			transition: 0.15s;
		}

		.headerImage:hover {
			filter: invert(31%) sepia(28%) saturate(291%) hue-rotate(149deg) brightness(98%) contrast(89%);
			cursor: pointer;
		}

		.headerLink {
			color: #494949;
			text-decoration: none;
		}

		.headerButtons span {
			font-size: 0.6em;
		}

		.footer {
			background: rgb(51, 51, 51);
			padding: 15px 0px 15px 0px;
			color: #EFEFEF;
			font-weight: 300;
			font-size: 0.8em;
			letter-spacing: 0.5px;
			height: auto;
			position: relative;
		}

		.footer a {
			color: #FEFEFE;
			text-decoration: none;
		}

		.footer a:hover {
			border-bottom: 1px dotted #CCC;
			padding-bottom: 2px;
		}

		.footer li {
			list-style: none;
		}

		.footer h2,
		.footer h3 {
			color: #FEFEFE;
			padding-top: 0px;
			padding-bottom: 2px;
			margin: 0px;
		}

		.footerSpecial {
			border: dotted 1x #FEFEFE;
			display: block;
			background-color: #FFFFFF;
			color: #727272;
			width: 95%;
			padding: 20px;
			border-radius: 5px;

		}

		.footer img {
			width: auto;
			max-width: 100%;
			height: auto;
			max-height: 100%;
		}

		.footerSpecial h2,
		.footerSpecial h3,
		.footerSpecial h4 {
			color: #727272;
		}

		.flagsIcon {
			background-color: transparent;
			background-repeat: no-repeat;
			border: none;
			cursor: pointer;
			overflow: hidden;
			outline: none;
		}

		.footerColumn {
			float: left;
			width: 33.33%;
			line-height: 25px;
			padding-left: 15px;
			margin-top: 40px;
		}

		.footerColumn ul {
			padding: 0px 15px;
			margin: 0;
		}

		.footerIcons a:hover {
			cursor: pointer;
			border: none;
			text-decoration: none;
		}

		.CatDescription {
			width: 100%;
			display: flex;
			min-height: 95px;
			background-color: #FFFFFF;
			margin-bottom: 2%;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 40px;

		}

		.CatDescriptionContent {
			width: 90%;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.CatDescriptionContent h1 {
			padding: 0 5% 0 0;
			margin: 0;

		}

		.CatDescriptionContent img {
			max-height: 90px;
			height: auto;
			width: auto;
			padding-right: 5%;

		}

		.ShowSubCatContainer {
			background-color: #FFFFFF;
			width: 97%;
			margin: 1% auto;
			border-radius: 20px;
			padding: 5px;
		}


		.ShowCats {
			padding: 0px;
			margin: 5px;
			width: 100%;
			height: 180px;
			background-color: #FFFFFF;
			text-align: center;
			-moz-border-radius: 10px;
			border-radius: 10px;
			display: flex;
			flex-wrap: wrap;
			flex: 0 0 calc(20% - 20px);
			/* 3 kolommen per rij minus de gap */
			justify-content: center;
			transition: 0.2s;
		}

		.ShowCatsContainer {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			align-items: center;
			min-height: 180px;
			justify-items: center;
			margin: auto calc(1% - 10px) auto 1%;
		}

		.ShowCats:hover {
			-webkit-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
			-moz-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
			box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
			transform: scale(1.05);
		}

		.ShowSubCatLink {
			width: 100%;
			display: flex;
			justify-content: center;
		}

		.category {
			display: flex;
		}

		.ShowSubCat,
		.ProductOverview {
			/*width: 100%;*/
			height: 100px;
			/*background-color: #FFFFFF;*/
			/*-webkit-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
			-moz-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
			box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
			*/
			margin: 1.5% 10px;
			overflow: hidden;
			border-radius: 2px;
			font-size: 0.9em;
			display: flex;
			align-items: center;
		}

		.PO_Related {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 3px;
			height: 390px !important;
			background-color: #FFFFFF;
			border-radius: 20px;
			padding: 20px !important;
			width: 200px;
		}



		.PO_Related_Divs {
			width: 100% !important;
			height: 75px !important;
			text-align: left !important;
			align-items: center !important;
		}

		.max-warning {
			background: #fff5b3;
			color: #7a5a00;
			font-size: 0.78em;
			padding: 6px 10px;
			border-radius: 6px;
			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
			z-index: 10;
			opacity: 0;
			pointer-events: none;
			text-align: center;
			transition: opacity 0.3s ease-in-out;
			line-height: 1.3;
			max-width: 180px;
			margin: 10px 0px 0px 0px;
		}

		.max-warning.show {
			opacity: 1;
		}

		.ShowSubCatContainer .ProductOverview:last-child {
			border: none;
		}

		.ProductOverviewSale {
			width: 30.3%;
			height: 295px;
			background-color: #FFFFFF;
			padding: 5px;
			-webkit-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
			-moz-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
			box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
			text-align: center;
			margin: 1.5%;
			overflow: hidden;
			float: left;
			border-radius: 2px;
			font-size: 0.9em;

		}



		/* Chrome, Safari, Edge, Opera */
		input::-webkit-outer-spin-button,
		input::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

		/* Firefox */
		input[type=number] {
			moz-appearance: textfield;
		}

		.NewsContent {
			width: 100%;
			display: inline-block;
			background-color: #FFFFFF;
			border-radius: 5px;
			text-align: center;
			margin: 10px 0px;
			padding: 10px 10px;
			-webkit-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
			-moz-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
			box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);

		}

		.NewsContent p {
			text-align: center;
		}

		.NewsContentBox {
			display: flex;
			flex-direction: row;
			width: 100%;
			height: auto;

		}

		.NewsContentMovies {
			width: 100%;
			background-color: #FFFFFF;
			border-radius: 5px;
			text-align: center;
			padding: 10px 10px;
			-webkit-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
			-moz-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
			box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
			flex: 0 1 100%;
		}

		.NewsContentMovies:nth-child(2) {
			margin-left: 15px;
		}

		.NieuwsbriefInput {
			height: 30px;
			width: 65%;
			background-color: #FFFFFF;
			color: #727272;
			border: none;
			border-radius: 5px;
			font-family: "IBM Plex Sans", serif;
			outline: none;
			padding: 5px 10px;
			font-size: 16px;
		}

		.NieuwsBriefSubmit {
			border: none;
			background: none;
			outline: none;
			color: #FEFEFE;
			font-size: 1.8em;

		}

		.movieBox {

			position: relative;
			left: 0;
			top: 0;
			margin: 0;
			padding: 0px 0px 15px 0px;
			width: 100%;
			height: auto;
			transition: opacity .25s ease-in-out;
			-moz-transition: opacity .25s ease-in-out;
			-webkit-transition: opacity .25s;
			display: inline-block;
		}

		.movieBox:hover {
			opacity: 1;

		}

		.movieBoxHeader {
			background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%);
			/* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%);
			/* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%);
			/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
			/* IE6-9 */

			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 50px;
			padding: 0px;
			margin: 0px;
		}

		.moviesIcon {
			position: absolute;
			top: 40%;
			left: 45%;
			padding: 0px;
			margin: 0px;

		}

		.moviesIcon:hover {
			opacity: 1;
		}

		.movieH1 {
			color: #EFEFEF;
			padding-left: 10px;
			font-weight: normal;
			letter-spacing: -0.3px;
			text-shadow: 1px 1px 3px #000000;
		}


		.ProductOverviewImageMaxed {
			width: auto;
			height: auto;
			max-width: 100%;
			max-height: 100%;
		}

		.scrolling-wrapper-flexbox {
			display: flex;
			flex-wrap: wrap;
			/*overflow-x: auto;*/
			flex-direction: row;

		}

		.scrolling-wrapper,
		.scrolling-wrapper-flexbox {
			/*height: 350px;*/
			margin-bottom: 20px;
			width: 100%;
			-webkit-overflow-scrolling: touch;
		}

		.ProductOverview {
			height: 100px;
			border-bottom: solid 1px #CCC;
			transition: 0.7s;
			padding: 0px 0px 15px 0px;

		}

		.ProductOverview:hover {
			border-bottom: solid 1px #000;
		}

		.ProductOverviewPrice {
			font-size: 1em;
			text-align: right;
		}

		.ProductOverviewPrice span {
			cursor: pointer;
			user-select: none;
		}

		.ProductOverviewPrice .buttons {
			width: 27px;
			height: 23px;
			/*background: #f2f2f2;
			border-radius: 4px;
			border: 1px solid #ddd;*/
			display: inline-block;
			vertical-align: middle;
			text-align: center;
			line-height: 20px;
			margin: 5px;
			font-size: 1.7em;
		}

		.ProductOverviewPrice .plus {
			color: #008526;
			text-shadow: 1px 1px 1px rgba(108, 108, 108, 0.15);

		}

		.ProductOverviewPrice .minus {
			color: #af0f0f;
			text-shadow: 1px 1px 1px rgba(108, 108, 108, 0.15);

		}

		.ProductStock {
			width: 75px;
			height: 16px;
			background-color: hsla(106, 52%, 65%, 0.675);
			font-size: 0.6em;
			border-radius: 3px;
			text-align: center;
			line-height: 16px;
			color: #000000;
			position: relative;
			/* Behoud positionering indien nodig */
			display: flex;
			justify-content: center;
			margin: 0px;
		}



		.ProductStock span {
			cursor: default;
		}

		.OutOfStock {
			background-color: hsla(0, 100%, 42%, 0.595);
			color: #FFF;
		}

		.SoonAvailable {
			background-color: hsla(40, 100%, 50%, 0.87);

		}

		.ShowSubCat a,
		.ProductOverview a,
		.ProductOverviewSale a,
		.ShowCats a {
			color: #393939;
			text-decoration: none;
			/* font-family: 'Source Sans Pro', sans-serif; */
			font-weight: 300;
			font-size: 1em;

		}

		.ProductOverviewPriceOldStrike {
			text-decoration: line-through;
			display: inline-block;
			/*height: 25px;*/
			font-weight: 600;
			padding-top: 15px;
		}

		.PricingStartsCats,
		.ProductOverviewPriceOldStrike {
			width: 15%;
			font-size: 0.8em;
		}

		.ProductOverviewPrice {
			width: 20.5%;
		}

		.ProductOverviewProduct {
			width: 40%;
			height: 100%;
			display: flex;
			flex-direction: column;
			align-items: baseline;
			text-align: left;
			padding: 10px 20px;

		}

		.ProductOverviewProduct div {
			display: flex;
			width: 100%;
			height: calc(100%/3);
		}

		.ProductOverviewNoImage {
			overflow: hidden;
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			width: 15%;
		}

		.CatsImage,
		.CatsLinks {
			overflow: hidden;
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			width: 100%;
			height: 70%;
		}

		.CatsLinks {
			align-items: flex-start;
			height: 30%;
		}

		.ProductOverviewNoImageSoldout {
			position: absolute;
			top: 0;
			left: 0;
		}

		.ProductStatusContainer {
			width: 10%;
			text-align: left;
			padding: 0px 10px;
			font-size: 0.8em;
		}

		.ProductOverviewTip,
		.ProductOverviewNew,
		.ProductOverviewNewItems,
		.ProductOverviewComingsoon,
		.ProductOverviewBestseller {
			font-size: 0.9em;
			background-color: hsla(22, 77%, 45%, 0.9);
			color: #FFFFFF;
			display: inline-block;
			padding: 3px 10px;
			border-radius: 5px;
		}

		.ProductOverviewTip {
			background-color: #249800;
		}

		.ProductOverviewNewItems {
			background-color: #ff7e00;
		}

		.ProductOverviewComingsoon {
			background-color: #440099;
		}

		.ProductOverviewBestseller {
			background-color: #da4800;
		}


		.ProductOverviewNotNew {
			font-size: 0.9em;
			color: #EFEFEF;
			display: inline-block;
			padding: 3px 10px;
		}

		.ProductSmall {
			font-size: 0.7em;
			color: #7A7A7A;
			text-decoration: none;
			text-align: right;
			margin-top: 20px;
			padding-right: 3%;
		}

		.ProductSmall a {
			color: #7A7A7A;
			text-decoration: none;
		}

		.ProductSelect {
			height: 35px;
			background-color: #FEFEFE;
			border: solid 1px #3b6986;
			color: #4E4E4E;
			font-size: 16px;
			display: block;
			width: 98%;
			appearance: menulist;
			-webkit-appearance: menulist;
			-moz-appearance: menulist;
			cursor: pointer;
		}

		.ProductTypes {
			width: 100%;
			font-size: 0.8em;
			display: inline-block;
			margin-bottom: 5px;

		}

		.ProductTypes .ProductPricesLeft,
		.ProductTypes .ProductPricesLeftHeader,
		.ProductTypes .ProductPricesRight,
		.ProductTypes .ProductPricesRightHeader {
			float: left;
			width: 48%;
			margin: 1%;
		}

		.ProductPricesLeftHeader,
		.ProductPricesRightHeader {
			font-weight: 600;

		}

		.ProductPricesRight {
			color: #0C4A6C;
		}

		.productUpdated,
		.couponUpdated,
		.shoppingError {
			width: 100%;
			display: inline-block;
			padding: 12px 5px;
			border: dotted 1px #ffd68a;
			background-color: #fff8ea;
			margin-bottom: 25px;
			margin-top: 15px;
			border-radius: 5px;
		}

		.main .description a,
		.RegularLink {
			color: hsla(22, 77%, 45%, 0.9);
			padding-bottom: 1px;
			text-decoration: none;
			font-weight: 400;
			border-bottom: dotted 1px hsla(22, 77%, 45%, 0.9);
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.main .description a:hover,
		.RegularLink:hover {
			border-bottom: dotted 1px #727272;
		}

		#ShoppingFormUpdate,
		#ShoppingFormUpdateWarning {
			width: 98%;
			padding: 5px 5px 10px 5px;
			margin: 15px 0px;
			display: none;
			border: dotted 1px #9effa3;
			background-color: #d8ffda;
			border-radius: 5px;
			font-family: 'Montserrat', sans-serif;
			font-size: 0.8em;
			line-height: 20px;

		}

		#ShoppingFormUpdateWarning {
			border: dotted 1px #ffd68a;
			background-color: #fff8ea;
		}

		.ActieBalk {
			width: 98%;
			padding: 5px 5px 10px 5px;
			margin: 1%;
			border: solid 1px #335472;
			background-color: #FFFFFF;
			border-radius: 5px;
			font-family: 'Montserrat', sans-serif;
			font-size: 0.8em;
			line-height: 20px;
			text-align: center;
			-webkit-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
			-moz-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
			box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);


		}

		#Actie ul {
			padding-left: 20px;
		}

		#Actie li {
			margin: 10px 0;
		}

		.ActieKolom:first-of-type {
			float: left;
			display: block;
			height: 150px;
			border-left: dotted 1px #335472;
			border-top: dotted 1px #335472;
			background-color: #FFFFFF;
			position: relative;

		}

		.ActieKolom {
			position: relative;
			float: left;
			display: block;
			height: 150px;
			border-right: dotted 1px #335472;
			border-top: dotted 1px #335472;
			background-color: #FFFFFF;
			padding: 5px;

		}

		.ActieProgress {
			width: 100%;
			display: block;
			background-color: #DEDEDE;
		}

		.ActiePlus {
			position: absolute;
			left: -13px;
			top: 62px;

		}

		.CO_Left {
			float: left;
			width: 50%;
			margin: 0px;
			padding: 0px;
		}

		.CO_Right {
			float: left;
			width: 50%;
			margin: 0px;
			padding: 0px;
		}

		.editButton {
			color: #0C4A6C;
		}

		.editButton:hover {
			color: #000000;
		}

		.CouponDiv {
			float: left;
			width: 48%;
			margin-right: 2%;
		}

		.ShowSubCatImg,
		.ProductOverviewImage {
			height: auto;
			width: auto;
			max-height: 90px;
			max-width: 100%;
			transition: transform .2s ease;
		}


		.shoppingContainer,
		.backordersContainer {
			width: 100%;
			display: grid;

		}

		.backordersContainer .shopAantal,
		.backordersContainer .shopPrijs,
		.backordersContainer .shopPrijs2,
		.backordersContainer .shopDelete {
			width: 25%;
		}

		.shopProduct,
		.shopType,
		.shopAantal,
		.shopPrijs,
		.shopPrijs2,
		.shopDelete {
			float: left;

		}

		.shopProduct {
			width: 70%;
		}

		.shopType {
			width: 30%;
			font-style: italic;
		}

		.shopSKU {
			font-size: 0.8em;
			display: flex;
			width: 100%;
		}

		.shopProductLink {
			color: #727272;
			text-decoration: none;
		}

		.shopProductLink:hover {
			padding-bottom: 1px;
			color: hsla(22, 77%, 45%, 0.9);
			border-bottom: dotted 1px hsla(22, 77%, 45%, 0.9);
		}

		.shopAantal,
		.shopPrijs,
		.shopPrijs2 {
			width: 30%;
			text-align: right;
		}

		.shopDelete {
			width: 10%;
			text-align: right;
		}

		.shopAantal {
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 20px;
		}

		.shopIconHover:hover {
			cursor: pointer;
			transform: scale(1.2);
			transition: 0.3s ease;
		}


		/* Gemeenschappelijke gridcontainer voor alles */
		.shoppingContainer2 {
			display: grid;
			grid-template-columns: 0.7fr 0.7fr 1fr 2fr 1.6fr 1fr 1fr auto;
			border: 1px dotted #bf713e;
			border-radius: 5px;
			margin-top: 15px;
		}

		/* Elke regel wordt 'inhoud' binnen de grid */
		.historyRow {
			display: contents;
		}

		/* De kolommen (directe children van .shoppingContainer) */
		.shoppingContainer2>div {
			padding: 12px 15px;
			border-bottom: 1px dotted #bf713e;
			font-size: 0.95em;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			box-sizing: border-box;
			align-self: center;
			line-height: 2;
			border-radius: 5px 5px 0px 0px;
		}

		/* Headerrij stijlen */
		.historyRow.header>div {
			font-weight: 600;
			background-color: #f7f7f7;
			border-bottom: 2px solid #bf713e;
			border-radius: 5px 5px 0px 0px;
		}

		.historyRow>div {
			padding: 5px 8px;
		}

		.evenRow>div {
			background-color: #fafafa;
		}

		/* Status mag wél wrappen */
		.History_Status {
			white-space: normal;
		}

		/* Download iconen */
		.History_Download {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			gap: 10px;
		}

		.History_Download i {
			font-size: 1.4em;
			color: #e6723c;
			/*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/
			cursor: pointer;
			transition: 0.3s ease;
		}

		.History_Download i:hover {
			color: #864418;
			text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
			transform: scale(1.2);
		}

		.hideDesktop {
			display: none;
		}

		.History_MobileLink {
			display: none;
			margin-top: 5px;
		}

		.History_MobileLink a {
			font-size: 0.9em;
			color: #006393;
			text-decoration: underline;
		}

		.History_MobileRow {
			display: none;
			margin-top: 8px;
			justify-content: space-between;
			align-items: center;
			gap: 10px;
		}

		.DetailsText a {
			font-size: 0.9em;
			color: #006393;
			text-decoration: underline;
		}

		.orderDetailsWrapper {
			display: flex;
			flex-wrap: wrap;
			gap: 20px;
			margin-bottom: 20px;
		}

		.orderInfoBox {
			border: 1px dotted #bf713e;
			border-radius: 5px;
			padding: 15px;
			flex: 1 1 300px;
			/* min 300px, groeit naar beschikbare ruimte */
			box-sizing: border-box;
			max-width: 100%;
			line-height: 1.9;
		}



		/* Hamburgerknop */
		.accMobileToggle {
			display: none;
			background: #e6723c;
			color: white;
			padding: 10px 15px;
			font-weight: 600;
			cursor: pointer;
			border-radius: 5px;
		}

		.accMobileToggle i {
			margin-right: 8px;
		}


		/* Mobiel: alles onder elkaar */
		@media (max-width: 980px) {
			.shoppingContainer2 {
				display: block;
			}

			.headerAmount {
				font-family: 'Montserrat', sans-serif;
				height: 20px;
				width: 20px;
				border-radius: 25px;
				color: #EFEFEF;
				text-align: center;
				line-height: 20px;
				font-size: 0.8em;
				position: relative;
				bottom: 32px;
				right: -30px;
				display: inline-block;
			}

			.product_quantity {
				width: 100%;
				flex: 0;
				margin-bottom: 20px;
				display: flex;
				align-items: center !important;
			}

			.hideDesktop {
				display: block;
			}

			.mobileHeader {
				display: flex;
				font-weight: 600;
				padding: 10px;
				border-bottom: 2px solid #bf713e;
				background: #f7f7f7;
				font-size: 0.9em;
				gap: 10px;
			}

			.mobileHeader::after {
				content: "";
				flex-grow: 1;
			}

			.historyRow {
				display: block;
				padding: 12px 10px;
				border-bottom: 1px solid #ddd;
				cursor: pointer;
				transition: background 0.3s ease;
				position: relative;
			}

			.historyRow:hover {
				background: none;
			}

			.evenRow>div {
				background: none;
			}

			.historyRow::after {
				content: '\25BC';
				position: absolute;
				right: 10px;
				top: 10px;
				font-size: 0.9em;
				color: #999;
				transition: transform 0.3s ease;
			}

			.historyRow.open::after {
				transform: rotate(180deg);
			}

			.historyRow>div {
				display: none;
				padding: 5px 0;
				white-space: normal;
				border: none;
			}

			.historyRow>div:nth-child(1),
			.historyRow>div:nth-child(2),
			.historyRow>div:nth-child(3) {
				display: inline-block;
				width: 32%;
				font-size: 0.9em;
				vertical-align: top;
				padding: 2px 0;
			}

			.History_Status {
				display: block !important;
				margin-top: 8px;
				font-size: 0.95em;
			}

			.historyRow.open .History_Reference::before {
				content: "Invoicenumber: ";
				font-weight: 600;
				color: #666;
			}

			.historyRow.open .History_Shipment::before {
				content: "Shipment: ";
				font-weight: 600;
				color: #666;
			}

			.historyRow.open .History_Total::before {
				content: "Total: ";
				font-weight: 600;
				color: #666;
			}

			.historyRow.open .History_Date::before {
				content: "Invoice date: ";
				font-weight: 600;
				color: #666;
			}



			.historyRow.open .History_Reference,
			.historyRow.open .History_Shipment,
			.historyRow.open .History_Total,
			.historyRow.open .History_Download {
				display: block;
				margin-top: 5px;
			}

			.History_Download {
				justify-content: flex-start;
				padding-top: 5px;
			}

			.History_Download i {
				margin-left: 10px;
			}

			.historyRow.header {
				display: none;
			}

			.historyRow.open .History_MobileLink {
				display: block;
			}

			.historyRow.open .History_MobileRow {
				display: flex;
			}

			.History_DueDate {
				display: block !important;
				margin-top: 5px;
			}

			.History_DueDate::before {
				content: "Due date: ";
				font-weight: 600;
			}

			.History_Shipment::before {
				content: "Shipment date: ";
				display: block;
				font-weight: 600;
			}

			.History_Total::before {
				content: "Total: ";
				display: block;
				font-weight: 600;
			}

			.History_Download::before {
				display: block;
				font-weight: 600;
			}

			.accHeader {
				gap: 2px;
			}

			.accMobileToggle {
				display: block;
				margin: 0px 0px 0px 0px;
			}

			.accHeader {
				display: none;
				flex-direction: column;
				margin-top: -5px;
				gap: 10px;
				background-color: #e6723c;
				/* Oranje achtergrond voor de uitklapbare container */
				padding: 15px;
				border-radius: 0px 0px 5px 5px;
			}

			.accHeader.open {
				display: flex;
			}

			.accHeader a {
				width: 100%;
			}

			.accLink {
				width: 100%;
				text-align: left;
				border-radius: 5px;
				padding: 12px;
				background-color: #f9f9f9;
				border: 1px solid #ccc;
				justify-content: left;
				box-shadow: none;
			}

			.accLink i {
				width: 5%;
				margin-left: 1%;
			}
		}

		.shoppingRow {
			width: 100%;
			display: inline-block;
			padding: 10px 7px;
			font-size: 1em;
			border-bottom: dotted 1px #3b6986;
		}

		/********/

		.CouponInput {
			width: auto;
			padding: 7px 10px;
			float: left;
			height: 35px;
			margin: 15px 25px 0px 0px;
			border: solid 1px #ccc;
			border-radius: 5px;
			font-size: 0.9em;
		}

		.shoppingRow:nth-of-type(odd) {
			background-color: #FAFAFA;
		}

		.shoppingRow:nth-last-child(2),
		.shoppingRow:nth-last-child(1),
		.historyRow:nth-last-child(1) {
			border-bottom: none;
		}

		.historyRow {
			transition: 0.2s;
		}

		.historyRow:nth-last-child(1) {
			border-radius: 0px 0px 5px 5px;
		}

		.historyRow:hover,
		.historyRow:focus {
			background-color: #fff9f5;
		}

		.shopMobileLeft {
			width: 50%;
			float: left;
		}

		.shopMobileRight {
			width: 50%;
			float: left;

		}

		.Crumbs {
			min-height: 40px;
			/*background-color: #FFFFFF;*/
			font-size: 0.7em;
			font-family: 'Montserrat', sans-serif;
			width: 100%;
			padding: 0px 5px;
			margin: 0.5% 0;
			line-height: 35px;
		}

		.Crumbs img {
			vertical-align: middle;
			opacity: 0.7;
		}

		.Crumbs a,
		.CrumbsLink {
			color: hsla(22, 77%, 45%, 0.9);
			text-decoration: none;
			font-weight: 500;

		}

		.CrumbsLink:hover,
		.ProductSmall:hover a {
			padding-bottom: 1px;
			border-bottom: dotted 1px #727272;
		}

		.CheckoutInputDate {
			font-family: "IBM Plex Sans", Arial, Helvetica, sans-serif;
			font-size: 16px;
			padding: 10px;
			border: 2px solid #ccc;
			border-radius: 8px;
			outline: none;
			width: 100%;
			max-width: 250px;
			background-color: #fff;
			color: #333;
			transition: all 0.3s ease-in-out;
		}

		/* Hover effect */
		.CheckoutInputDate:hover {
			border-color: #007bff;
		}

		/* Focus effect */
		.CheckoutInputDate:focus {
			border-color: #0056b3;
			box-shadow: 0 0 8px rgba(0, 91, 187, 0.5);
		}

		/* Verberg standaard icon in sommige browsers */
		.CheckoutInputDate::-webkit-calendar-picker-indicator {
			filter: invert(50%);
			cursor: pointer;
		}


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


			.Checkout_RadioImg {
				display: none;
			}

			.Checkout_RadioBox {
				width: 90%;
			}

			.searchResultBox {
				width: 100%;
			}

			.ShowCats {
				flex: 0 0 calc(33.333% - 20px);
				/* 3 kolommen per rij minus de gap */
			}

			.headerAmount {
				font-family: 'Montserrat', sans-serif;
				height: 20px;
				width: 20px;
				border-radius: 25px;
				color: #EFEFEF;
				text-align: center;
				line-height: 20px;
				font-size: 0.8em;
				position: relative;
				bottom: 10px;
				right: 0px;
				display: inline-block;
			}

		}

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

			.headerTop .headerLogo,
			.headerTop .headerButtons {
				width: 50%;
				-webkit-box-ordinal-group: 1;
				-moz-box-ordinal-group: 1;
				-ms-flex-order: 1;
				-webkit-order: 1;
				order: 1;
			}

			.headerTop .headerButtons {
				width: 65%;
			}

			.headerTop .headerLogo {
				width: 35%;
			}

			.headerTop .headerButtons {
				-webkit-box-ordinal-group: 2;
				-moz-box-ordinal-group: 2;
				-ms-flex-order: 2;
				-webkit-order: 2;
				order: 2;
			}

			.headerTop {
				width: 100%;
				-webkit-box-ordinal-group: 3;
				-moz-box-ordinal-group: 3;
				-ms-flex-order: 3;
				-webkit-order: 3;
				order: 3;

			}

			.contentHeaderRight {
				display: none;
			}

			.contentHeaderRightMobile {
				display: block;
			}


			.NewsContentBox {
				display: flex;
				flex-wrap: wrap;
				width: 100%;
				height: auto;

			}

			.NewsContentMovies {
				width: 100%;
				background-color: #FFFFFF;
				border-radius: 5px;
				text-align: center;
				margin: 10px 0px;
				padding: 10px 10px;
				-webkit-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
				-moz-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
				box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
				flex: 0 0 100%;
			}

			.NewsContentMovies:nth-child(2) {
				margin-left: 0px;
			}


			.hideMobile {
				display: none !important;

			}

			.headerFlags {
				justify-content: space-between;
			}


			.CatDescription {
				padding: 15px;
				font-size: 0.8em;
			}

			.CatDescriptionContent {
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
			}

			.CatDescriptionContent img {
				max-height: 55px;
				padding: 0px 0px 15px 0px;

			}

			.CatsLinks {
				font-size: 0.8em;
			}

			.accHeader {
				grid-template-columns: 1fr;
				/* Alle knoppen 100% breed */
			}

			.accHeader i {
				font-size: 1.4em;
				margin-right: 10px;
			}

			.ProductStock {
				font-size: 0.6em;
				max-width: 60px;
			}

			.shopAantal {
				flex-direction: column;
				gap: 10px;
			}
		}

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


			.scrolling-wrapper-flexbox .ProductOverview {
				width: 29%;
				flex: 0 0 auto;
			}


			.shopMobileLeft,
			.shopMobileRight {
				width: 50%;
			}

			.shopProduct,
			.shopType {
				width: 100%;
				display: inline-block;
			}

			.shopType {
				font-size: 0.8em;
				font-style: italic;
			}

			.shopPrijs {
				display: none;
			}

			.shopAantal,
			.shopPrijs2 {
				width: 45%;

			}

			.shopDelete {
				width: 10%;
			}

			#shopProductType {
				display: none;
			}

			.searchResultBox {
				width: 95%;
			}

			.hideMobile {
				display: none !important;

			}

			.ShowCats {
				flex: 0 0 calc(50% - 20px);
				/* 2 kolommen per rij minus de gap */
			}

			.CatDescription {
				padding: 15px;
				font-size: 0.8em;
			}

			.CatDescriptionContent {
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
			}

			.CatDescriptionContent img {
				max-height: 50px;
				padding-bottom: 12px;
				padding-right: 0px;
			}

			.CatsLinks {
				font-size: 0.8em;
			}

			.ProductOverviewPrice .buttons {
				font-size: 1.8em;
			}

			.ProductOverviewOrderForm[type="number"] {
				height: 30px;
			}

			.product_quantity_buttons {
				display: flex;
				align-items: flex-end;
				gap: 5px;
			}

		}


		@media only screen and (max-width:620px) {
			/* For mobile phones: */

			body {
				background-image: none;
			}

			.menu,
			.main,
			.right,
			.CO_Left,
			.CO_Right,
			.CouponDiv {
				width: 100%;
			}



			.headerTop {
				padding: 0px 15px;
			}


			.search {
				width: 100%;
				font-family: "IBM Plex Sans", serif;
				font-style: italic;
				border: solid 1px #17406A;
				padding: 5px;
				border-radius: 15px;
				outline: none;
				font-size: 16px;
			}

			#search input {
				font-size: 16px;
			}

			.logo {
				max-height: 60px;
				width: auto;
				max-width: 110px;
			}

			.headerImage {
				height: 30px;
				padding: 0px 0px 0px 0px;
				margin: 10px 0px 0px 0px;
			}

			.ProductOverviewSale {
				width: 98%;
			}

			.headerSearch {
				position: absolute;
				top: 100%;
				left: 50%;
				transform: translateX(-50%);
				width: 100%;
				max-width: 600px;
				background: #ffffff;
				border-radius: 10px;
				box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
				padding: 15px;
				z-index: 999;
				display: none;
				/* standaard verbergen */
			}

			.headerButtonSearch {
				width: 100%;
				display: inline-block;
				padding: 0px 0px 10px 0px;
			}

			.headerSearchMobile input {
				width: 100%;
				height: 40px;
				padding: 5px;
				appearance: none;
				-webkit-appearance: none;
			}

			.headerBox {
				background-color: #FEFEFE;
				padding: 2px 0px 0px 0px;
				top: 0px;

			}

			.headerAmount {
				font-family: 'Montserrat', sans-serif;
				height: 20px;
				width: 20px;
				border-radius: 25px;
				color: #EFEFEF;
				text-align: center;
				line-height: 20px;
				font-size: 0.8em;
				position: relative;
				bottom: 10px;
				right: 0px;
				display: inline-block;
			}

			.headerLogo {
				width: 35%;

			}

			.headerButtons {
				width: 65%;
			}

			.shoppingCartAmount {
				font-size: 16px;
			}

			.product_top {
				width: 100%;
				height: auto;
			}

			.ProductSelect {
				width: 100%;
				appearance: menulist;
				-webkit-appearance: menulist;
				-moz-appearance: menulist;
			}

			.footerColumn {
				float: left;
				width: 100%;
				line-height: 25px;
				padding: 15px;
				margin-top: 5px;
			}

			.ShowSubCat,
			.ProductOverview {
				margin: 2%;

			}

			.scrolling-wrapper-flexbox .ProductOverview {
				width: 42%;
				flex: 0 0 auto;
			}

			.scrolling-wrapper-flexbox {
				display: flex;
				flex-wrap: nowrap;
				overflow-x: auto;
				flex-direction: row;

			}

			.scrolling-wrapper,
			.scrolling-wrapper-flexbox {
				height: 450px;
				margin-bottom: 20px;
				width: 100%;
				-webkit-overflow-scrolling: touch;
			}



			.accLink {
				width: 99%;
				margin: 0px 0px 2% 0px;
				height: 3.5em;
				padding: 2%;
				display: flex;
				align-items: center;
				/* Verticaal centreren */
				justify-content: left;
				background-color: #f9f9f9;
				border: 1px solid #ccc;
				border-radius: 5px;
				gap: 20px;

			}

			.accLink i {
				margin-left: 2.5%;

			}

			.accLinkActive {
				background-color: #e6723c;
			}

			.footerSpecial {
				width: 100%;
			}

			.historyMobile {
				display: none;
			}

			#accountForm input {
				width: 100%;
				font-size: 16px;

			}

			#accountForm {
				width: 99%;
			}

			.NewsImageRightBig {
				width: 100%;
				margin: 0px;
				padding: 0px;
			}


			#NBContainerProd {

				width: 95%;

			}

			.ProductOverview {
				flex-direction: row;
				height: 185px;
				margin: 5% 2%;
				display: flex;
				flex-wrap: wrap;
			}

			.ProductOverviewPrice {
				/* width: 100%; */
				margin: 10px 0px;
				flex: 1;
				text-align: right;


			}

			.ProductOverviewProduct {
				width: 100%;
				height: auto;
				display: flex;
				/* flex-direction: column; */
				align-items: baseline;
				text-align: left;
				padding: 0px 10px 15px 0px;
				order: -1;

			}

			.ProductOverviewProduct div {
				display: flex;
				width: 100%;
				height: calc(100%/3);
			}

			.ProductOverviewNoImage {
				width: 25%;

			}

			.ProductStock {
				font-size: 0.5em;
				max-width: 60px;
			}

			.hideMobile {

				display: none !important;

			}

			.historyRow.open .History_Reference::before {
				content: "Invoicenumber: ";
				display: block;
				font-weight: 600;
				color: #666;
			}

			.historyRow.open .History_Shipment::before {
				content: "Shipment: ";
				display: block;

				font-weight: 600;
				color: #666;
			}

			.historyRow.open .History_Total::before {
				content: "Total: ";
				font-weight: 600;
				color: #666;
			}

			.historyRow.open .History_Date::before {
				content: "";
				font-weight: 600;
				color: #666;
			}


			.shopAantal {
				gap: 5px;
			}
		}

		/* Einde mobile */

		.image-gallery-container ul {
			list-style: none outside none;
			padding-left: 0;
			margin: auto;
			text-align: center;
		}

		.image-gallery-container .item {
			margin-bottom: 60px;
		}

		.content-slider li {
			background-color: #ed3020;
			text-align: center;
			color: #FFF;
			margin: auto;
		}

		.content-slider h3 {
			margin: 0;
			padding: 70px 0;
		}

		#image-gallery,
		#image-gallery-home,
		.image-gallery-container {
			width: 100%;
			margin: auto;
		}

		#image-gallery img {
			width: auto;
			height: auto;
			max-height: 250px;
			max-width: 99%;
			margin-left: auto;
		}

		#image-gallery li,
		#image-gallery-home li {
			position: relative;
			display: block;
		}

		#image-gallery .caption {
			background-color: #9b440c;
			height: 25px;
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 5px 15px;
			margin-right: 2%;
			color: #FEFEFE;
			width: auto;
			font-family: 'Montserrat', sans-serif;
			font-size: 0.8em;
			display: block;
			border-radius: 5px;

		}