PageSourceSearch

https://coloursencoatings.nl/

html coloursencoatings.nl collected 2026-09-24 13:28:34 UTC 231,625 bytes, 9,566 lines download raw bytes

1
2
3
4
5
6
7
8
9
10
11<!DOCTYPE html>
12<html lang="nl" prefix="og: http://ogp.me/ns#">
13<head>
14	<meta charset="utf-8">
15	<meta http-equiv="X-UA-Compatible" content="IE=edge">
16	<meta name="viewport" content="width=device-width, initial-scale=1">
17	<meta name="theme-color" content="#000000">
18	<base href="https://coloursencoatings.nl/">
19
20	<title>Home</title>
21
22	<!--@Snippet(canonical)-->
23	<!--@Snippet(ogTags)-->
24
25
26			<link rel="alternate" href="https://coloursencoatings.nl/home" hreflang="nl-nl" />
27
28
29	<link rel="preconnect" href="https://fonts.googleapis.com">
30	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
31	<link href="/Files/Templates/Designs/ColoursAndCoating_generated/dist/app.css" rel="stylesheet" type="text/css" />
32
33			<link rel="icon" type="image/png" sizes="32x32" href="/Files/Images/Structure/favicon-32x32.png">
34			<link rel="icon" type="image/png" sizes="16x16" href="/Files/Images/Structure/favicon-16x16.png">
35			<link rel="shortcut icon" href="/Files/Images/Structure/favicon.ico">
36
37
38
39
40
41
42	
42<script>
43		window.globals = {
44			pageId: '7724',
45			Token: 'CfDJ8N6dClGd4ihOjRtu1O-VCBerEHMsfwPhXuIzjKcB4tYKm2HMKjd9vMErURxLuubZn5BIxiHTblhcMft4O9uqUlRvR9rjz4f_yhgKoyojCE3oE_-ADfIbJkPjk8NHgbfNHeMvr1QuxwrFnNh0r-JWhcw',
46			DW_AREA_CULTURE: 'nl-NL',
47			DW_AREA_CULTURE_SHORT: 'nl',
48			globalIconClass: 'fal fa-chevron-right',
49			DW_USERID: '0',
50			DW_SHOW_PRICES_WITH_VAT: false,
51			DW_PRICES_FORMATTED: true
52		};
53	</script>
53
54
55	<!-- Google Tag Manager -->
56<script>
vendor: 327 bytes, lines 56-60
56(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
57new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
58j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
59'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
60})(window,document,'script','dataLayer','
60GTM-5RD8BJHM
vendor: 3 bytes, line 60
60');
60</script>
60
61<!-- End Google Tag Manager -->
62
63
64
65<script type="application/ld+json">
66	[{
67	"@context": "https://schema.org",
68	"@type": "Organization",
69	"name" : "Colours & Coatings",
70	"url": "https://coloursencoatings.nl",
71	"sameAs" : "https://www.facebook.com/colourscoatings/",
72	"logo": "https://coloursencoatings.nl",
73	"contactPoint" : [{
74	"@type" : "ContactPoint",
75	"telephone" : "0611303023",
76	"contactType" : "customer service" ,
77	"@context": "https://schema.org",
78	"@id": "https://coloursencoatings.nl",
79	"name": "Colours & Coatings"
80	}],
81	"address": {
82	"@type": "PostalAddress",
83	"streetAddress": "Rigtersbleek-Aalten 20",
84	"addressLocality": "Enschede",
85	"postalCode": "7521 RB ",
86	"addressRegion": "",
87	"addressCountry": ""
88	}
89	},
90	{
91	"@context": "https://schema.org",
92	"@type": "WebSite",
93	"name" : "Colours & Coatings",
94	"alternateName" : "Colours & Coatings",
95	"url": "https://coloursencoatings.nl",
96	"potentialAction": {
97	"@type": "SearchAction",
98	"target": "https://coloursencoatings.nl/Default.aspx?ID=1145&q={search_term_string}",
99	"query-input": "required name=search_term_string"
100	}
101	}]
102</script>
102
103
104<script type="application/ld+json">
105	{
106		"@context": "https://schema.org",
107		"@type": "Product",
108		"name": "BlueDesk",
109		"url":"https://coloursencoatings.nl/",
110		"aggregateRating": {
111			"@type": "AggregateRating",
112			"bestRating": "10",
113			"worstRating": "1",
114			"ratingValue": "9,1",
115			"reviewCount": "10"
116		}
117	}
118</script>
118
119
120
121	<!--@Snippet(DataLayer)-->
122	<!--@Snippet(GoogleMapsScript)-->
123
124
125
126
127	<style>
128
129
130
131
132
133			    .btn__primary{
134				    --FontFamily: code-saver, sans-serif;
135				    --FontSize : 1rem;
136				    --FontStyle : none;
137				    --Color : transparent;
138				    --LineHeight : ;
139
140				    --BackgroundColor : transparent;
141				    --BorderColor : transparent;
142				    --FontColor : #1C1C1C;
143			    }
144
145			    .btn__primary:hover{
146				    --BackgroundColor: #F3C300;
147				    --BorderColor : transparent;
148				    --FontColor : #FFFFFF;
149			    }
150		    
151
152
153			    .btn__secondary{
154				    --FontFamily: code-saver, sans-serif;
155				    --FontSize : 1rem;
156				    --FontStyle : none;
157				    --Color : transparent;
158				    --LineHeight : 1.4rem;
159
160				    --BackgroundColor : transparent;
161				    --BorderColor : transparent;
162				    --FontColor : #FFFFFF;
163			    }
164
165			    .btn__secondary:hover{
166				    --BackgroundColor: #4966A0;
167				    --BorderColor : transparent;
168				    --FontColor : #FFFFFF;
169			    }
170		    
171
172
173			    .btn__contrast{
174				    --FontFamily: code-saver, sans-serif;
175				    --FontSize : 1rem;
176				    --FontStyle : none;
177				    --Color : #FFFFFF;
178				    --LineHeight : ;
179
180				    --BackgroundColor : transparent;
181				    --BorderColor : transparent;
182				    --FontColor : #FFFFFF;
183			    }
184
185			    .btn__contrast:hover{
186				    --BackgroundColor: #F3C300;
187				    --BorderColor : transparent;
188				    --FontColor : #FFFFFF;
189			    }
190		    
191
192:root,
193body {
194
195	--BaseColorPrimary : #1C1C1C;
196	--BaseColorSecondary : #1C1C1C;
197	--BaseColorContrast : #A42047;
198
199	--BaseFontPrimary : code-saver, sans-serif;
200	--BaseFontSecondary : code-saver, sans-serif;
201
202	--FontSize: 1.125rem;
203--FontStyle: none;
204--LineHeight: 1.875rem;
205--FontWeight: normal;
206--FontFamily: code-saver, sans-serif;
207--Position: relative;
208
209	--StandardUnitSize : 3.2rem;
210	}
211
212	.footer {
213		--FooterContainerDisplay: none !important;
214		display: var(--FooterContainerDisplay)
215	}
216
217	h1, h2, h3, h4, h5, h6 { --Color: #4966A0;
218--FontSize: 4.5rem;
219--FontStyle: uppercase;
220--LineHeight: 3.5rem;
221--FontWeight: 900;
222--FontFamily: 'dharma-gothic-e', sans-serif;
223--Position: relative;
224 }
225
226	h1.cta-paragraph__header { --Color: #1C1C1C;
227--FontSize: 4.5rem;
228--FontStyle: uppercase;
229--LineHeight: 3.5rem;
230--FontWeight: 900;
231--FontFamily: 'dharma-gothic-e', sans-serif;
232--Position: relative;
233 }
234	h2.cta-paragraph__header { --Color: #1C1C1C;
235--BorderSize : 5px !important;
236--FontSize: 4.5rem;
237--FontStyle: uppercase;
238--LineHeight: 3.5rem;
239--FontWeight: 900;
240--FontFamily: 'dharma-gothic-e', sans-serif;
241--Position: relative;
242 }
243	h3.cta-paragraph__header { --Color: #1C1C1C;
244--FontSize: 1.375rem;
245--FontStyle: none;
246--LineHeight: 1,5rem;
247--FontWeight: 900;
248--FontFamily: 'dharma-gothic-e', sans-serif;
249--Position: relative;
250 }
251	h4.cta-paragraph__header { --Color: #1C1C1C;
252--FontSize: 1rem;
253--FontStyle: none;
254--FontWeight: 900;
255--FontFamily: 'dharma-gothic-e', sans-serif;
256--Position: relative;
257 }
258
259	.po-block__addtocart .btn,
260	.productdetails__add-to-cart,
261	.searchbox__input {
262	border-radius: 0px;
263	}
264
265	main.blur {
266	filter: grayscale(50%) blur(15px);
267	-webkit-filter: grayscale(50%) blur(15px);
268	}
269
270	.AdvancedGridButton {
271	--BorderRadius: 0px;
272	}
273
274	.btn {
275	height: var(--StandardUnitSize);
276	}
277
278	.btn__icon {
279
280	--fontawesomeFontFamily : "Font Awesome 5 Pro";
281	--fontawesomeFontWeight : 400;
282
283	font-family: var(--fontawesomeFontFamily);
284	font-weight: var(--fontawesomeFontWeight);
285
286	-moz-osx-font-smoothing: grayscale;
287	-webkit-font-smoothing: antialiased;
288	display: inline-block;
289	font-style: normal;
290	font-variant: normal;
291	text-rendering: auto;
292	line-height: 1;
293
294	}
295
296	.cta-paragraph {
297	background-color: var(--mainBackgroundColor);
298	}
299
300	.cta-paragraph__container {
301	background-color: var(--contentBackgroundColor);
302	border: var(--contentBorder);
303	}
304
305	.cta-paragraph__subheader,
306	.cta-paragraph__header,
307	.cta-paragraph__text p,
308	.cta-paragraph__text li {
309	color: var(--Color);
310	background-color: var(--BackgroundColor);
311	border-color: var(--BorderColor);
312	position: var(--Position);
313	top: var(--Top);
314	left: var(--Left);
315	right: var(--Right);
316	bottom: var(--Bottom);
317	padding: var(--Padding);
318	border: var(--BorderSize);
319	font-size: var(--FontSize);
320	text-transform: var(--FontStyle);
321	line-height: var(--LineHeight);
322	font-weight: var(--FontWeight);
323	font-family: var(--FontFamily);
324	border-radius: var(--BorderRadius);
325	}
326
327	.cta-paragraph__content-container {
328	align-items: var(--ContentElementAlignmentAlignItems);
329	text-align: var(--ContentElementAlignmentTextAlign);
330	}
331
332	.cta-paragraph__btn-navigation,
333	.cta-paragraph__content-container {
334	align-items : var(--ContainerFitContentAlignmentAlignItems);
335	justify-content: var(--ContainerFitContentAlignmentJustifyContent);
336	}
337
338	.jumbotron__subheader,
339	.jumbotron__header,
340	.jumbotron__shoutbox-intro p,
341	.jumbotron__shoutbox-intro li,
342	.header--desktop.headerNew {
343	position: relative;
344	}
345
346	.header--desktop.headerNew.stickyheader {
347	position: fixed;
348	}
349
350	@media screen and (min-width: 992px){
351	.image-left {
352	justify-content: flex-end;
353	flex-direction: row;
354	}
355
356	.image-right {
357	justify-content: flex-start;
358	flex-direction: row-reverse;
359	}
360	}
361
362	.AdvancedGrid__row {
363	background-color: var(--BackgroundColor);
364	}
365
366	.cta-paragraph__btn-navigation {
367	padding: 1.2rem 0rem !important;
368	}
369
370	.AdvancedGrid,
371	.AdvancedGrid__container {
372	width: 100%;
373	background-image: var(--BackgroundImage);
374	min-height: var(--Height);
375	}
376
377.AdvancedGrid__container--281{
378--BackgroundColor: #1C1C1C;
379--BackgroundImage: url('/Files/Images/structure/afb_dummy02.png');
380}
381.AdvancedGrid__column--3154{
382--BackgroundColor: transparent;
383--FlexGrow: 1;
384--FlexBasis: 0;
385--FlexSchrink: 1;
386--Width: 1920px;;
387--Padding: ;
388max-width : 1920px;
389}
390.AdvancedGrid__row--2882{
391--BackgroundColor: transparent;
392--VerticalAlign: ;
393--HorinzontalAlign: ;
394
395}
396.AdvancedGrid__container--283{
397--BackgroundColor: ;
398--BackgroundImage: url('/Files/Images/structure/headers_bg.png');
399}
400.AdvancedGrid__column--3156{
401--BackgroundColor: transparent;
402--FlexGrow: 1;
403--FlexBasis: 0;
404--FlexSchrink: 1;
405--Width: none;
406
407}
408.AdvancedGrid__row--2884{
409--BackgroundColor: transparent;
410
411}
412.AdvancedGrid__container--285{
413--BackgroundColor: ;
414}
415.AdvancedGrid__column--3160{
416--BackgroundColor: transparent;
417--FlexGrow: 1;
418--FlexBasis: 0;
419--FlexSchrink: 0;
420--Width: none;
421--Padding: ;
422
423}
424.AdvancedGrid__row--2888{
425--BackgroundColor: transparent;
426--VerticalAlign: ;
427--HorinzontalAlign: ;
428
429}
430.AdvancedGrid__container--287{
431--BackgroundColor: ;
432}
433.AdvancedGrid__column--3163{
434--BackgroundColor: transparent;
435--FlexGrow: 1;
436--FlexBasis: 0;
437--FlexSchrink: 1;
438--Width: none;
439--Padding: ;
440
441}
442.AdvancedGrid__row--2891{
443--BackgroundColor: transparent;
444--VerticalAlign: ;
445--HorinzontalAlign: ;
446
447}
448.AdvancedGrid__container--289{
449--BackgroundColor: ;
450--BackgroundImage: url('/Files/Images/structure/visual_groot2.jpg');
451}
452.AdvancedGrid__column--3168{
453--BackgroundColor: transparent;
454--FlexGrow: 0;
455--FlexBasis: 0;
456--FlexSchrink: 1;
457--Width: 1920px;;
458--Padding: ;
459max-width : 1920px;
460}
461.AdvancedGrid__row--2896{
462--BackgroundColor: transparent;
463--VerticalAlign: ;
464--HorinzontalAlign: ;
465
466}
467.AdvancedGrid__container--867{
468--BackgroundColor: ;
469}
470.AdvancedGrid__column--6058{
471--BackgroundColor: transparent;
472--FlexGrow: 1;
473--FlexBasis: 0;
474--FlexSchrink: 0;
475--Width: 600px;;
476--Padding: 20;
477max-width : 600px;
478}
479.AdvancedGrid__row--6603{
480--BackgroundColor: transparent;
481--VerticalAlign: ;
482--HorinzontalAlign: ;
483
484}
485.AdvancedGrid__column--6059{
486--BackgroundColor: transparent;
487--FlexGrow: 1;
488--FlexBasis: 0;
489--FlexSchrink: 1;
490--Width: 1000px;;
491--Padding: ;
492max-width : 1000px;
493}
494.AdvancedGrid__row--6604{
495--BackgroundColor: transparent;
496--VerticalAlign: flex-start;
497--HorinzontalAlign: flex-start;
498min-height : 60px;
499}
500.AdvancedGrid__container--989{
501--BackgroundColor: ;
502}
503.AdvancedGrid__column--6574{
504--BackgroundColor: transparent;
505--FlexGrow: 1;
506--FlexBasis: 0;
507--FlexSchrink: 1;
508--Width: none;
509--Padding: ;
510
511}
512.AdvancedGrid__row--7233{
513--BackgroundColor: transparent;
514--VerticalAlign: flex-start;
515--HorinzontalAlign: flex-start;
516min-height : 60px;
517}
518.AdvancedGrid__container--991{
519--BackgroundColor: ;
520}
521.AdvancedGrid__column--6576{
522--BackgroundColor: transparent;
523--FlexGrow: 1;
524--FlexBasis: 0;
525--FlexSchrink: 1;
526--Width: none;
527--Padding: ;
528
529}
530.AdvancedGrid__row--7235{
531--BackgroundColor: transparent;
532--VerticalAlign: flex-start;
533--HorinzontalAlign: flex-start;
534min-height : 60px;
535}
536.AdvancedGrid__container--1003{
537--BackgroundColor: ;
538}
539.AdvancedGrid__column--6588{
540--BackgroundColor: transparent;
541--FlexGrow: 1;
542--FlexBasis: 0;
543--FlexSchrink: 1;
544--Width: none;
545--Padding: ;
546
547}
548.AdvancedGrid__row--7247{
549--BackgroundColor: transparent;
550--VerticalAlign: ;
551--HorinzontalAlign: ;
552
553}
554.AdvancedGrid__container--1161{
555--BackgroundColor: #1C1C1C;
556--BackgroundImage: url('/Files/Images/structure/grind.jpg');
557}
558.AdvancedGrid__column--7383{
559--BackgroundColor: transparent;
560--FlexGrow: 0;
561--FlexBasis: 0;
562--FlexSchrink: 1;
563--Width: 600px;;
564--Padding: ;
565min-width : 600px;
566}
567.AdvancedGrid__row--8558{
568--BackgroundColor: transparent;
569--VerticalAlign: flex-start;
570--HorinzontalAlign: flex-start;
571min-height : 60px;
572}
573.AdvancedGrid__column--7384{
574--BackgroundColor: transparent;
575--FlexGrow: 0;
576--FlexBasis: 0;
577--FlexSchrink: 1;
578--Width: 700px;;
579--Padding: ;
580min-width : 700px;
581}
582.AdvancedGrid__row--8559{
583--BackgroundColor: transparent;
584--VerticalAlign: ;
585--HorinzontalAlign: ;
586
587}
588.AdvancedGrid__container--1163{
589--BackgroundColor: ;
590--BackgroundImage: url('/Files/Images/structure/bg/bg_Grind_new.jpg');
591}
592.AdvancedGrid__column--7387{
593--BackgroundColor: transparent;
594--FlexGrow: 1;
595--FlexBasis: 0;
596--FlexSchrink: 1;
597--Width: none;
598--Padding: ;
599
600}
601.AdvancedGrid__row--8562{
602--BackgroundColor: transparent;
603--VerticalAlign: flex-start;
604--HorinzontalAlign: center;
605
606}
607.AdvancedGrid__container--{
608--BackgroundColor: ;
609--BackgroundImage: url('/Files/Images/structure/bg_transparent02.jpg');
610}
611.AdvancedGrid__column--7922{
612--BackgroundColor: transparent;
613--FlexGrow: 1;
614--FlexBasis: 0;
615--FlexSchrink: 0;
616--Width: none;
617--Padding: ;
618
619}
620.AdvancedGrid__row--9436{
621--BackgroundColor: transparent;
622--VerticalAlign: ;
623--HorinzontalAlign: ;
624
625}
626.AdvancedGrid__column--7923{
627--BackgroundColor: transparent;
628--FlexGrow: 0;
629--FlexBasis: 0;
630--FlexSchrink: 1;
631--Width: 550px;;
632--Padding: ;
633max-width : 550px;
634}
635.AdvancedGrid__row--9437{
636--BackgroundColor: transparent;
637--VerticalAlign: ;
638--HorinzontalAlign: ;
639min-height : 150px;
640}
641.AdvancedGrid__row--9438{
642--BackgroundColor: transparent;
643--VerticalAlign: ;
644--HorinzontalAlign: ;
645
646}
647.AdvancedGrid__row--9439{
648--BackgroundColor: transparent;
649--VerticalAlign: ;
650--HorinzontalAlign: ;
651min-height : 60px;
652}
653.AdvancedGrid__column--7924{
654--BackgroundColor: transparent;
655--FlexGrow: 1;
656--FlexBasis: 0;
657--FlexSchrink: 1;
658--Width: 700px;;
659--Padding: ;
660min-width : 700px;
661}
662.AdvancedGrid__row--9440{
663--BackgroundColor: transparent;
664--VerticalAlign: ;
665--HorinzontalAlign: ;
666min-height : 600px;
667}
668.AdvancedGrid__row--9441{
669--BackgroundColor: transparent;
670--VerticalAlign: ;
671--HorinzontalAlign: ;
672
673}
674.AdvancedGrid__column--7925{
675--BackgroundColor: transparent;
676--FlexGrow: 1;
677--FlexBasis: 0;
678--FlexSchrink: 1;
679--Width: none;
680--Padding: ;
681
682}
683.AdvancedGrid__row--9442{
684--BackgroundColor: transparent;
685--VerticalAlign: ;
686--HorinzontalAlign: ;
687min-height : 60px;
688}
689.AdvancedGrid__container--1333{
690--BackgroundColor: #1C1C1C;
691--BackgroundImage: url('/Files/Images/structure/grind.jpg');
692}
693.AdvancedGrid__column--7934{
694--BackgroundColor: transparent;
695--FlexGrow: 0;
696--FlexBasis: 0;
697--FlexSchrink: 1;
698--Width: 600px;;
699--Padding: ;
700min-width : 600px;
701}
702.AdvancedGrid__row--9454{
703--BackgroundColor: transparent;
704--VerticalAlign: flex-start;
705--HorinzontalAlign: flex-start;
706min-height : 60px;
707}
708.AdvancedGrid__column--7935{
709--BackgroundColor: transparent;
710--FlexGrow: 0;
711--FlexBasis: 0;
712--FlexSchrink: 1;
713--Width: 700px;;
714--Padding: ;
715min-width : 700px;
716}
717.AdvancedGrid__row--9455{
718--BackgroundColor: transparent;
719--VerticalAlign: ;
720--HorinzontalAlign: ;
721
722}
723.AdvancedGrid__container--{
724--BackgroundColor: #f1f1f1;
725}
726.AdvancedGrid__column--7950{
727--BackgroundColor: transparent;
728--FlexGrow: 1;
729--FlexBasis: 0;
730--FlexSchrink: 1;
731--Width: none;
732--Padding: ;
733
734}
735.AdvancedGrid__row--9470{
736--BackgroundColor: transparent;
737--VerticalAlign: ;
738--HorinzontalAlign: ;
739
740}
741.AdvancedGrid__column--7951{
742--BackgroundColor: transparent;
743--FlexGrow: 1;
744--FlexBasis: 0;
745--FlexSchrink: 1;
746--Width: none;
747--Padding: ;
748
749}
750.AdvancedGrid__row--9471{
751--BackgroundColor: transparent;
752--VerticalAlign: flex-start;
753--HorinzontalAlign: flex-start;
754
755}
756.AdvancedGrid__container--{
757--BackgroundColor: ;
758}
759.AdvancedGrid__column--7987{
760--BackgroundColor: transparent;
761--FlexGrow: 1;
762--FlexBasis: 0;
763--FlexSchrink: 0;
764--Width: 600px;;
765--Padding: 20;
766max-width : 600px;
767}
768.AdvancedGrid__row--9523{
769--BackgroundColor: transparent;
770--VerticalAlign: ;
771--HorinzontalAlign: ;
772
773}
774.AdvancedGrid__column--7988{
775--BackgroundColor: transparent;
776--FlexGrow: 1;
777--FlexBasis: 0;
778--FlexSchrink: 1;
779--Width: 1000px;;
780--Padding: ;
781max-width : 1000px;
782}
783.AdvancedGrid__row--9524{
784--BackgroundColor: transparent;
785--VerticalAlign: flex-start;
786--HorinzontalAlign: flex-start;
787min-height : 60px;
788}
789.AdvancedGrid__row--9525{
790--BackgroundColor: ;
791--VerticalAlign: ;
792--HorinzontalAlign: ;
793min-height : 60px;
794}
795.config--132{
796}
797.config--132  .cta-paragraph__text p,
798.config--132  .cta-paragraph__text li{
799--Color: #1C1C1C;
800--FontSize: 1.125rem;
801--FontStyle: none;
802--LineHeight: 1.875;
803--FontWeight: normal;
804--FontFamily: code-saver, sans-serif;
805--Position: relative;
806
807--Color: #1C1C1C;
808}
809.config--132 .cta-paragraph__header{
810--Color: #FFFFFF;
811--FontSize: 4.5rem;
812--FontStyle: uppercase;
813--LineHeight: 3.5rem;
814--FontWeight: 900;
815--FontFamily: 'dharma-gothic-e', sans-serif;
816--Position: relative;
817
818--Color: #1C1C1C;
819}
820.config--132 .cta-paragraph__subheader{
821--Color: #1C1C1C;
822--FontSize: 0.875rem;
823--FontStyle: none;
824--LineHeight: 1.4rem;
825--FontWeight: normal;
826--FontFamily: code-saver, sans-serif;
827--Position: relative;
828
829--Color: #1C1C1C;
830}
831.config--132 .cta-paragraph__content-container{
832--ContentElementAlignmentAlignItems : flex-start;
833--ContentElementAlignmentTextAlign : left;
834
835}
836.config--183{
837}
838.config--183  .cta-paragraph__text p,
839.config--183  .cta-paragraph__text li{
840--Color: #FFFFFF;
841--FontSize: 1.125rem;
842--FontStyle: none;
843--LineHeight: 1.875rem;
844--FontWeight: normal;
845--FontFamily: code-saver, sans-serif;
846--Position: relative;
847
848--Color: #FFFFFF;
849}
850.config--183 .cta-paragraph__header{
851--Color: #FFFFFF;
852--FontSize: 5rem;
853--FontStyle: uppercase;
854--LineHeight: 4.0625rem;
855--FontWeight: 900;
856--FontFamily: 'dharma-gothic-e', sans-serif;
857--Position: relative;
858
859--Color: #FFFFFF;
860}
861.config--183 .cta-paragraph__subheader{
862--Color: #FFFFFF;
863--FontSize: 0.875rem;
864--FontStyle: none;
865--LineHeight: 1.4rem;
866--FontWeight: 100;
867--FontFamily: code-saver, sans-serif;
868--Position: relative;
869
870--Color: #FFFFFF;
871}
872.config--183 .cta-paragraph__content-container{
873--ContentElementAlignmentAlignItems : flex-start;
874--ContentElementAlignmentTextAlign : left;
875
876}
877.config--185{
878--contentBackgroundColor : #FFFFFF;
879}
880.config--185  .cta-paragraph__text p,
881.config--185  .cta-paragraph__text li{
882--Color: #1C1C1C;
883--FontSize: 1rem;
884--FontStyle: none;
885--LineHeight: 1.5rem;
886--FontWeight: normal;
887--FontFamily: code-saver, sans-serif;
888--Position: relative;
889
890--Color: #1C1C1C;
891}
892.config--185 .cta-paragraph__header{
893--Color: #F3C300;
894--FontSize: 1.625rem;
895--FontStyle: none;
896--LineHeight: 2.4rem;
897--FontWeight: bold;
898--FontFamily: code-saver, sans-serif;
899--Position: relative;
900
901--Color: #1C1C1C;
902}
903.config--185 .cta-paragraph__subheader{
904--Color: #1C1C1C;
905--FontSize: 1.625rem;
906--FontStyle: none;
907--LineHeight: 2.4rem;
908--FontWeight: normal;
909--FontFamily: code-saver, sans-serif;
910--Position: relative;
911
912--Color: #1C1C1C;
913}
914.config--185 .cta-paragraph__content-container{
915--ContentElementAlignmentAlignItems : flex-start;
916--ContentElementAlignmentTextAlign : left;
917
918}
919.config--187{
920}
921.config--187  .cta-paragraph__text p,
922.config--187  .cta-paragraph__text li{
923--Color: #FFFFFF;
924--FontSize: 1,125rem;
925--FontStyle: none;
926--LineHeight: 1,875rem;
927--FontWeight: normal;
928--FontFamily: code-saver, sans-serif;
929--Position: relative;
930
931--Color: #FFFFFF;
932}
933.config--187 .cta-paragraph__header{
934--Color: #FFFFFF;
935--FontSize: 7rem;
936--FontStyle: uppercase;
937--LineHeight: 7.25rem;
938--FontWeight: 900;
939--FontFamily: 'dharma-gothic-e', sans-serif;
940--Position: relative;
941
942--Color: #FFFFFF;
943}
944.config--187 .cta-paragraph__subheader{
945--Color: #FFFFFF;
946--FontSize: 1rem;
947--FontStyle: uppercase;
948--LineHeight: 1rem;
949--FontWeight: unset;
950--FontFamily: 'dharma-gothic-e', sans-serif;
951--Position: relative;
952
953--Color: #FFFFFF;
954}
955.config--187 .cta-paragraph__content-container{
956--ContentElementAlignmentAlignItems : flex-start;
957--ContentElementAlignmentTextAlign : left;
958
959}
960.config--201{
961background: rgb(239,239,239);
962background: -moz-linear-gradient(246deg, rgba(239,239,239,1) 0%, rgba(239,239,239,1) 30%, rgba(255,255,255,1) 30%);
963background: -webkit-linear-gradient(246deg, rgba(239,239,239,1) 0%, rgba(239,239,239,1) 30%, rgba(255,255,255,1) 30%);
964background: linear-gradient(246deg, rgba(239,239,239,1) 0%, rgba(239,239,239,1) 30%, rgba(255,255,255,1) 30%);
965filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efefef",endColorstr="#ffffff",GradientType=1);;
966}
967.config--201  .cta-paragraph__text p,
968.config--201  .cta-paragraph__text li{
969--Color: #1C1C1C;
970--FontSize: 1.125rem;
971--FontStyle: none;
972--LineHeight: 1.875rem;
973--FontWeight: normal;
974--FontFamily: code-saver, sans-serif;
975--Position: relative;
976
977--Color: #1C1C1C;
978}
979.config--201 .cta-paragraph__header{
980--Color: #1C1C1C;
981--FontSize: 4.5rem;
982--FontStyle: uppercase;
983--LineHeight: 3.5rem;
984--FontWeight: 900;
985--FontFamily: 'dharma-gothic-e', sans-serif;
986--Position: relative;
987
988--Color: #1C1C1C;
989}
990.config--201 .cta-paragraph__subheader{
991--Color: #1C1C1C;
992--FontSize: 0.875rem;
993--FontStyle: none;
994--FontWeight: normal;
995--FontFamily: code-saver, sans-serif;
996--Position: relative;
997
998--Color: #1C1C1C;
999}
1000.config--201 .cta-paragraph__content-container{
1001--ContentElementAlignmentAlignItems : flex-start;
1002--ContentElementAlignmentTextAlign : left;
1003
1004}
1005.btn--11{
1006--Color : #1C1C1C !important;
1007--BackgroundColor : #F3C300 !important;
1008
1009--FontSize: 1rem;
1010--FontStyle: none;
1011--FontWeight: bold;
1012--FontFamily: code-saver, sans-serif;
1013--Position: relative;
1014
1015}
1016.btn--11:hover{
1017--Color : #FFFFFF !important;
1018--BackgroundColor : #F3C300 !important;
1019
1020}
1021.btn--2905{
1022--Color : #4966A0 !important;
1023
1024--FontSize: 1rem;
1025--FontStyle: none;
1026--LineHeight: 1.4rem;
1027--FontWeight: bold;
1028--FontFamily: code-saver, sans-serif;
1029--Position: relative;
1030
1031}
1032.btn--2905:hover{
1033--Color : #4966A0 !important;
1034
1035}
1036.btn--5{
1037--Color : #FFFFFF !important;
1038--BackgroundColor : #4966A0 !important;
1039
1040--FontSize: 1rem;
1041--FontStyle: none;
1042--LineHeight: 1.4rem;
1043--FontWeight: bold;
1044--FontFamily: code-saver, sans-serif;
1045--Position: relative;
1046
1047}
1048.btn--5:hover{
1049--Color : #FFFFFF !important;
1050--BackgroundColor : #4966A0 !important;
1051
1052}
1053ul.news-gallery-overview__list
1054
1055 {
1056    gap: 1rem;
1057}
1058
1059.module-only-paragraph__modulewrapper .btn.btn__contrast {
1060  color: #ffffff !important;
1061  background-color: #4966a0 !important;
1062  font-weight: bold;
1063}
1064.transparanteheader.locatiesbg .AdvancedGrid__container {
1065  background-position: bottom;
1066}
1067.schuin-hoek-rechts.extra-padding.consumenten {
1068  max-width: 550px;
1069}
1070@media (min-width: 1200px) {
1071  .visual_transparantCC.just-center.bgconsumenten .AdvancedGrid__container {
1072    background-size: cover;
1073    background-position-y: bottom;
1074  }
1075  .header-consumenten h2.cta-paragraph__header,
1076  .startlater {
1077    margin-left: 60px;
1078  }
1079  .locatiesbg .kruimeltje .navigation-paragraph {
1080    max-width: 1220px;
1081  }
1082  .supportCC_krt {
1083    padding-left: 2.5rem;
1084    margin-top: -50px;
1085  }
1086  .dealerlocator {
1087    width: 1100px;
1088  }
1089  .dealerlocator__sidebar {
1090    flex-basis: 600px;
1091  }
1092  .kaartomhoog .dealerlocator__map {
1093    margin-top: -150px;
1094  }
1095}
1096
1097.metkruimelpad .cta-paragraph__header {
1098  letter-spacing: 0;
1099}
1100
1101.header-wijzijn .cta-paragraph__container .cta-paragraph__content {
1102  padding-left: 60px;
1103  padding-right: 0;
1104  padding-top: 60px;
1105  padding-bottom: 60px;
1106}
1107h2.cta-paragraph__subheader .metkruimelpad .cta-paragraph__header {
1108  font-size: 6rem;
1109  line-height: 4.7rem;
1110  padding-left: 20px;
1111}
1112.metkruimelpad .cta-paragraph__subheader {
1113  padding-left: 5px;
1114}
1115@media (max-width: 500px) {
1116  .metkruimelpad .cta-paragraph__header {
1117    font-size: 3.8rem;
1118    line-height: 3rem;
1119    padding-left: 20px;
1120  }
1121  .icons.onderkast .cta-paragraph__header {
1122    font-size: 2rem;
1123  }
1124}
1125.cc-card-slider .carousel {
1126  padding-left: 10px;
1127  padding-right: 10px;
1128}
1129
1130@media (min-width: 1200px) {
1131  .cc-card-slider .multicolumn .container {
1132    max-width: 1100px;
1133  }
1134}
1135
1136@media screen and (min-width: 992px) {
1137  .footernavCC .AdvancedGrid__column {
1138    flex-basis: 0;
1139  }
1140}
1141
1142@media screen and (max-width: 991px) {
1143  #CookiebotWidget {
1144    margin-bottom: 3rem !important;
1145  }
1146}
1147
1148@media screen and (max-width: 991px) {
1149  .search-modal__results {
1150    overflow: scroll;
1151  }
1152
1153  .cta-paragraph__content--14948 .cta-paragraph__text p {
1154    color: #fff !important;
1155  }
1156
1157  .footer__container .faq-paragraph {
1158    width: 100%;
1159  }
1160
1161  .footer__container .faq-paragraph .faq__item .faq__icon::before {
1162    color: #fff;
1163    margin-top: 0.1rem;
1164  }
1165
1166  .footer__container .socialCC {
1167    color: #fff;
1168  }
1169
1170  .footer__container .ondersteCC {
1171    margin-top: 0;
1172  }
1173
1174  .footer__container .footer-newsletter-sign-up {
1175    width: 100%;
1176  }
1177
1178  .footer__container .footer__newsletter-submit {
1179    width: 100%;
1180  }
1181
1182  .CC-mobile-bottom__footer .AdvancedGrid__column {
1183    align-items: center;
1184  }
1185
1186  .CC-mobile-bottom__footer .footertxtCC {
1187    text-align: center;
1188  }
1189
1190  .CC-mobile-bottom__footer .footer__link {
1191    margin-top: 1rem;
1192  }
1193
1194  .CC-mobile-bottom__footer .footer__link-list {
1195    flex-direction: column;
1196    text-align: center;
1197  }
1198
1199  .productdetails__add-to-cart {
1200    padding: 0 4rem 0 1.3rem !important;
1201  }
1202
1203  #\31 6412,
1204  .pdp-info {
1205    padding: 1rem 1rem 0 1rem;
1206  }
1207
1208  section.stickymenu__replaceable {
1209    flex-direction: column;
1210  }
1211
1212  section.stickymenu__replaceable .productdetails__add-to-cart-wrapper {
1213    place-self: flex-start;
1214  }
1215
1216  .search-modal__results .search-results__product-title,
1217  .search-modal__results a.search-results__link.search-results__link--product,
1218  .search-modal__results h2.search-results__column-title,
1219  .search-modal__results a.search-results__link {
1220    color: #000 !important;
1221  }
1222}
1223
1224@media screen and (min-width: 992px) {
1225.AanmeldenCC .AdvancedGrid__container {
1226    justify-content: center;
1227  }
1228
1229.foto-links .cta-paragraph__content {
1230
1231    padding-left: 3.2rem;
1232}
1233}
1234
1235a.footer__social.topdesk {
1236  margin-right: 0px;
1237}
1238
1239.socialCC .footer__social svg {
1240  fill: #fff;
1241}
1242
1243.dealerlocator__infowindow__title,
1244.dealerlocator__dealername {
1245  letter-spacing: 1px;
1246  line-height: 1;
1247  font-size: 1.75rem;
1248}
1249
1250.searchbox__form input::placeholder {
1251  font-size: 0.8rem;
1252}
1253
1254@media screen and (min-width: 992px) {
1255  .wb-cta.detailCC .AdvancedGrid__container .AdvancedGrid__column:first-child {
1256    padding-left: 5rem !important;
1257  }
1258
1259  .wb-cta.detailCC .AdvancedGrid__container .AdvancedGrid__column:last-child {
1260    padding-right: 5rem !important;
1261  }
1262}
1263
1264@media screen and (max-width: 991px) {
1265  .VacatureDetailCC .AdvancedGrid__column {
1266    max-width: 100%;
1267  }
1268
1269  .pdp-header__productname {
1270    font-size: 3rem !important;
1271  }
1272
1273  .wb-cta .cta-paragraph__content-container.no-image {
1274    max-width: 100% !important;
1275  }
1276
1277  .home-jumbo .jumbotron__shoutbox-header {
1278    max-width: 100%;
1279  }
1280
1281  .klantenserviceCC .faq-paragraph__header {
1282    padding-left: 1rem;
1283  }
1284
1285  .klantenserviceCC .faq-paragraph__list a span {
1286    word-break: break-all;
1287  }
1288
1289  .visual_transparantCC .AdvancedGrid__column {
1290    min-width: unset !important;
1291    max-width: 100% !important;
1292  }
1293
1294  .cc-visual_big-mobile .cta-paragraph__header {
1295    font-size: 5rem !important;
1296    line-height: 4.3rem;
1297  }
1298
1299  .cc-visual_big-mobile .AdvancedGrid__container {
1300    justify-content: center !important;
1301    padding-left: 0 !important;
1302  }
1303
1304  .cc-visual_big-mobile .AdvancedGrid__container .AdvancedGrid__column {
1305    max-width: 100% !important;
1306  }
1307
1308  .faqCC_start .AdvancedGrid__column {
1309    max-width: 100%;
1310  }
1311
1312  .onze-geschiedenis .AdvancedGrid__column {
1313    max-width: 100% !important;
1314    width: unset !important;
1315  }
1316
1317  .schuineonderkantCC .AdvancedGrid__column {
1318    max-width: 100% !important;
1319    width: unset !important;
1320  }
1321
1322  .AanmeldenCC .AdvancedGrid__column {
1323    max-width: 100% !important;
1324    min-width: unset !important;
1325  }
1326}
1327
1328.faqCC_start .AdvancedGrid__container {
1329  justify-content: center;
1330}
1331
1332.faqCC_start .AdvancedGrid__column :first-child .cta-paragraph {
1333  align-self: baseline;
1334}
1335
1336@media screen and (min-width: 992px) {
1337  .visual_bigCC.cc-right .cta-paragraph__header {
1338    width: 600px;
1339    letter-spacing: 0;
1340  }
1341}
1342
1343.visual_bigCC.cc-right .AdvancedGrid__container {
1344  padding-left: 50%;
1345}
1346
1347.headersCC_contenblok {
1348  height: 100%;
1349}
1350
1351@media screen and (max-width: 991px) {
1352  .tekst_en_sliderCC .AdvancedGrid__column {
1353    max-width: 100%;
1354  }
1355}
1356
1357.cc-center .AdvancedGrid__container {
1358  place-content: center;
1359}
1360
1361.faq-paragraph .faq-paragraph__container {
1362  padding: 0 2rem 2rem 2rem;
1363}
1364
1365@media screen and (min-width: 993) {
1366  .custom-carousel .multicolumn__header {
1367    font-size: 5rem;
1368    /* text-transform: uppercase;*/
1369    line-height: 4.0625rem;
1370    font-weight: 900;
1371    font-family: dharma-gothic-e, sans-serif;
1372    position: relative;
1373    color: #1c1c1c;
1374    margin-bottom: 0;
1375  }
1376}
1377
1378@media screen and (max-width: 992px) {
1379  .faq__item {
1380    padding: 0 !important;
1381    width: 95%;
1382  }
1383
1384  .onze-geschiedenis .multicolumn__header {
1385    font-size: 3rem;
1386    text-transform: uppercase;
1387    line-height: 3.5rem;
1388    font-weight: 900;
1389    font-family: "dharma-gothic-e", sans-serif;
1390    position: relative;
1391    color: #1c1c1c;
1392    margin-left: 1rem;
1393  }
1394
1395  .cta-paragraph.padding-small,
1396  .multicolumn.padding-small {
1397    padding-left: 0 !important;
1398    padding-right: 0 !important;
1399  }
1400
1401  /* .module-only-paragraph--1671 .btn.default-btn{
1402        color: #000 !important;
1403    } */
1404
1405  .checkout-form__submit .default-btn {
1406    width: 45%;
1407  }
1408
1409  .cc-contact__card .btn__icon.fa-chevron-right {
1410    /* width: 0 !important; */
1411    margin-left: 1rem;
1412  }
1413
1414  .cc-contact__card .btn__primar .cta-paragraph__btn {
1415    margin-left: 1.5rem;
1416  }
1417
1418  .cc-contact__card .btn__primar {
1419    padding: 0 !important;
1420  }
1421
1422  .cc-contact__card .jumbotron__shoutbox {
1423    padding: unset;
1424  }
1425
1426  .home-jumbo.cc-contact__card {
1427    padding: 1rem !important;
1428  }
1429
1430  .klantenserviceCC .AdvancedGrid__column:nth-child(4) .faq-paragraph__header {
1431    padding: 0 2rem !important;
1432  }
1433
1434  .header__container .icon__content {
1435    padding: unset;
1436  }
1437
1438  .faq-paragraph .faq-paragraph__container {
1439    padding: 0 0 2rem 0;
1440  }
1441}
1442
1443.default-contact-form
1444  .checkbox__group-options
1445  [type="checkbox"]:checked
1446  + label:before,
1447.default-contact-form
1448  .checkbox__group-options
1449  [type="radio"]:checked
1450  + label:before,
1451.default-contact-form
1452  .radio__group-options
1453  [type="checkbox"]:checked
1454  + label:before,
1455.default-contact-form
1456  .radio__group-options
1457  [type="radio"]:checked
1458  + label:before {
1459  border-color: #59aa2f;
1460}
1461
1462.addressselector__input-wrapper input[type="radio"]:checked:after {
1463  background-color: #59aa2f;
1464}
1465
1466.addressselector__input-wrapper input[type="radio"]:checked:before {
1467  border-color: #59aa2f;
1468}
1469
1470.addressselector__input-wrapper input[type="radio"]:after {
1471  background-color: #59aa2f;
1472}
1473
1474@media screen and (min-width: 992px) {
1475  .manufacturer__logo {
1476    bottom: -30px;
1477    left: 0px;
1478    width: 100px;
1479  }
1480  .transparanteheader .AdvancedGrid__container {
1481    padding-top: 130px;
1482  }
1483  .master-sidebar__aside {
1484    max-width: 300px;
1485    margin: 0 1rem;
1486    margin-bottom: 2rem;
1487  }
1488}
1489
1490.po-filter input[type="checkbox"]:before,
1491.po-filter input[type="radio"]:before {
1492  border: 2px solid #1c1c1c;
1493}
1494
1495.po-filter input[type="checkbox"]:checked:before,
1496.po-filter input[type="radio"]:checked:before {
1497  border: 2px solid #1c1c1c;
1498}
1499
1500.po-filter input[type="checkbox"]:after,
1501.po-filter input[type="radio"]:after {
1502  background-color: #1c1c1c;
1503}
1504
1505.product-variants__toggle {
1506  min-width: 400px;
1507}
1508
1509.product-variants__dropdown-options-wrapper {
1510  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
1511}
1512
1513li.po-group-slide-navigation__category-list-item.po-group-slide-navigation__category-list-item--active {
1514  color: #1c1c1c;
1515  font-weight: 900;
1516}
1517
1518section#pdp-tabs {
1519  background-color: transparent;
1520}
1521
1522.pdp-usplist__item {
1523  padding: 0.25rem 0;
1524  font-size: 0.875rem;
1525}
1526
1527.productDetail,
1528.pdp {
1529  background-image: url(/Files/Images/structure/bg_transparent03.png);
1530  background-repeat: no-repeat;
1531  background-position-y: -400px;
1532}
1533
1534h3.products-module__product-name {
1535  line-height: normal;
1536  font-style: normal;
1537  color: #1c1c1c;
1538  margin-top: 2rem;
1539}
1540
1541@media screen and (max-width: 992px) {
1542  .AdvancedGrid__row--4578 {
1543    display: none;
1544  }
1545
1546  .flickity-button.flickity-prev-next-button {
1547    display: none;
1548  }
1549
1550  .cta-paragraph__content--13456 .cta-paragraph__text p {
1551    color: #fff !important;
1552  }
1553
1554  .AdvancedGrid__row.AdvancedGrid__row--4020 {
1555    display: none;
1556  }
1557
1558  .AdvancedGrid__column.AdvancedGrid__column--4041 {
1559    display: none;
1560  }
1561
1562  .headersCC_contenblok .multicolumn__item:first-of-type {
1563    padding: 0 2rem;
1564  }
1565
1566  .cc-branches-header .cta-paragraph__header {
1567    font-size: 2rem;
1568  }
1569}
1570
1571a.mainmenu__link.mainmenu__link--mobile {
1572  place-items: center;
1573}
1574
1575.cc-card-slider .carousel-cell-wrap .carousel-cell {
1576  background-color: #fff;
1577}
1578
1579@media screen and (max-width: 992px) {
1580  .modal__innerwrapper .btn__contrast {
1581    color: #fff;
1582  }
1583
1584  .modal__innerwrapper {
1585    padding-bottom: 3.5rem;
1586  }
1587
1588  .header .AdvancedGrid__container {
1589    flex-direction: row;
1590    justify-content: space-between;
1591    padding: 1rem 1rem 0 1rem;
1592  }
1593
1594  .header .header__container .AdvancedGrid__column:last-child {
1595    color: #fff;
1596  }
1597
1598  .cc-card-slider .carousel-cell-wrap .carousel-cell {
1599    min-width: 98%;
1600  }
1601
1602  .cc-top-sellers .content-product-list {
1603    display: flex;
1604    flex-direction: column;
1605  }
1606
1607  .cc-card-slider .AdvancedGrid__column {
1608    width: 100%;
1609    min-width: 0;
1610  }
1611
1612  .cc-card-slider .AdvancedGrid__column {
1613    width: 100%;
1614    min-width: 0;
1615  }
1616
1617  .cc-contact__card .jumbotron__shoutbox {
1618    margin: 0;
1619  }
1620
1621  .cc-contact__card .jumbotron__heading {
1622    color: #000;
1623    font-size: 3rem;
1624    margin: 0;
1625  }
1626
1627  .cc-contact__card .jumbotron__shoutbox-header {
1628    text-align: left;
1629  }
1630
1631  .footer .container {
1632    padding: 1rem;
1633  }
1634
1635  .tekst_en_sliderCC button {
1636    display: none;
1637  }
1638
1639  .cta-paragraph__header {
1640    font-size: 2.8rem;
1641    line-height: 2.5rem;
1642  }
1643
1644  .AanmeldenCC .AdvancedGrid__container {
1645    background-size: contain !important;
1646  }
1647
1648  .AdvancedGrid__row--3640 {
1649    margin-top: 4rem;
1650  }
1651
1652  .cc-form__sollicitatie {
1653    padding: 1.7rem;
1654  }
1655
1656  .cc-form__sollicitatie .fileinput__group-label,
1657  .cc-form__sollicitatie .fileinput__btn-wrapper,
1658  .cc-form__sollicitatie .final-submit-btn,
1659  .cc-form__sollicitatie .btn__primary.fileinput__btn {
1660    justify-content: space-between;
1661    width: 100%;
1662  }
1663
1664  .cc-form__sollicitatie .btn__primary.fileinput__btn,
1665  .cc-form__sollicitatie .final-submit-btn {
1666    padding: 0.75rem 25px;
1667  }
1668
1669  .AdvancedGrid__column.AdvancedGrid__column--3784 {
1670    margin-top: 4rem;
1671  }
1672}
1673
1674.navigation__item a.navigation__link {
1675  color: #1c1c1c;
1676  align-items: center;
1677}
1678
1679a.navigation__link::after {
1680  white-space: pre;
1681  content: " >";
1682  margin-left: auto;
1683}
1684
1685a.navigation__link:hover {
1686  font-weight: bold;
1687}
1688
1689section.cta-paragraph__content {
1690  align-items: start;
1691}
1692
1693.cc-contact__form form.default-contact-form {
1694  display: flex;
1695  flex-direction: column;
1696}
1697
1698.cc-contact__form section {
1699  margin-left: 0rem !important;
1700  width: 100% !important;
1701}
1702
1703@import url("https://use.typekit.net/ngv7mpr.css");
1704/*.AdvancedGrid {    max-width: 1920px;    margin: auto;}*/
1705
1706.jumbotron__container.bottom .jumbotron__shoutbox {
1707  border-radius: 0;
1708  padding-top: 7rem;
1709}
1710
1711.jumbotron__shoutbox-intro {
1712  font-family: "code-saver", sans-serif;
1713}
1714
1715.jumbotron__image {
1716  height: 100%;
1717}
1718
1719.jumbotron {
1720  background-color: #efefef;
1721}
1722
1723.bg-jumboCC {
1724  max-width: 1200px;
1725  margin: auto;
1726}
1727
1728.jumbotron__shoutbox {
1729  margin-left: 3rem;
1730  margin-right: 3rem;
1731}
1732
1733.flickity-slider .cta-paragraph__content-container p {
1734  font-family: "code-saver", sans-serif;
1735}
1736
1737.flickity-slider .cta-paragraph__content-container .cta-paragraph__header {
1738  font-family: "code-saver", sans-serif;
1739  text-transform: none;
1740  font-weight: bold;
1741  letter-spacing: normal;
1742}
1743
1744.prodOverzichtCC {
1745  max-width: 1920px;
1746  margin: auto;
1747}
1748
1749#\31 6412,
1750.pdp-info {
1751  background-image: url(/Files/Images/structure/dpd.png);
1752  background-repeat: no-repeat;
1753  background-position: center;
1754  background-position-y: bottom;
1755  background-color: transparent;
1756  padding-bottom: 80px;
1757}
1758
1759@media screen and (min-width: 992px) {
1760  #\31 6412,
1761  .pdp-info {
1762    max-width: 600px;
1763    padding: 1.5rem;
1764    padding-bottom: 80px;
1765  }
1766
1767  .pdp-info__imagecolumn {
1768    padding: 0;
1769    background-color: transparent;
1770  }
1771
1772  .container.pdp-info__container {
1773    column-gap: 3rem;
1774    padding-top: 2rem;
1775  }
1776
1777  .productimages.pdp__images {
1778    background-color: white;
1779  }
1780
1781  section.productimages.pdp__images {
1782    padding: 3rem;
1783  }
1784
1785  header.pdp-header.container {
1786    height: 180px;
1787  }
1788}
1789
1790@media screen and (min-width: 1450px) {
1791  .vacaturesCC {
1792    max-width: 1450px;
1793    margin: auto;
1794  }
1795}
1796
1797h1.po-groupinfo__title {
1798  color: #1c1c1c;
1799  font-family: dharma-gothic-e, sans-serif;
1800  font-weight: 900;
1801  text-transform: uppercase;
1802  font-size: 3rem;
1803}
1804
1805.po-block__title {
1806  color: #1c1c1c;
1807  font-family: dharma-gothic-e, sans-serif;
1808  font-weight: 900;
1809  text-transform: uppercase;
1810  line-height: 1.3;
1811}
1812
1813.pdp-header__manufacturer,
1814.pdp-header__productname {
1815  color: #ffffff !important;
1816  font-family: dharma-gothic-e, sans-serif;
1817  font-weight: 900;
1818  text-transform: uppercase;
1819  font-size: 3rem;
1820  letter-spacing: 0.1rem;
1821}
1822
1823.pdp-secondary-info__column .pdp-header__productname,
1824.pdp-secondary-info .pdp-header__manufacturer {
1825  color: #1c1c1c;
1826  font-family: dharma-gothic-e, sans-serif;
1827  font-weight: 900;
1828  text-transform: uppercase;
1829  font-size: 2rem;
1830}
1831
1832/*Buttons */
1833.btn {
1834  border-radius: unset;
1835}
1836
1837/*Eind Buttons */
1838body.MasterConfig_BaseSolution {
1839  background-color: #efefef;
1840}
1841
1842.header {
1843  background-color: transparent;
1844  top: 0;
1845  box-shadow: unset;
1846}
1847
1848.header__stickyheader-container.stickyheader {
1849  flex-direction: column;
1850}
1851
1852.onderkanttopCC {
1853  background-image: url(/Files/Images/structure/bg_header.png);
1854  background-repeat: no-repeat;
1855  background-size: cover;
1856  background-position-y: bottom;
1857}
1858
1859.widget-71 .searchbox__input {
1860  background-color: transparent;
1861}
1862
1863.widget-73 .searchbox__input {
1864  background-color: transparent;
1865}
1866
1867.widget-67 .searchbox__input {
1868  background-color: transparent;
1869}
1870
1871.topmenu__shoppingcart {
1872  background-color: unset;
1873}
1874
1875section.relative.searchbox__wrapper {
1876  border: solid 1px #363636;
1877}
1878
1879.searchbox .searchbox__input {
1880  --BackgroundColor: unset;
1881}
1882
1883::-webkit-input-placeholder {
1884  /* Edge */
1885  font-family: "source-code-pro", monospace;
1886  font-size: 0.875rem;
1887  font-style: italic;
1888  color: #363636;
1889}
1890
1891:-ms-input-placeholder {
1892  /* Internet Explorer */
1893  font-family: "source-code-pro", monospace;
1894  font-size: 0.875rem;
1895  font-style: italic;
1896  color: #363636;
1897}
1898
1899::placeholder {
1900  font-family: "source-code-pro", monospace;
1901  font-size: 0.875rem;
1902  font-style: italic;
1903  color: #363636;
1904}
1905
1906.header .form__input {
1907  min-height: unset;
1908}
1909
1910.badge {
1911  height: 1rem;
1912  top: 13px;
1913  background-color: #f3c300;
1914  width: 1rem;
1915  border-radius: 100%;
1916}
1917
1918i.fal.fa-user-tie {
1919  font-size: 1.4rem;
1920}
1921
1922.header a.addedmenu__link {
1923  font-family: "source-code-pro", monospace;
1924  font-size: 0.7rem;
1925  color: white;
1926}
1927
1928.header .addedmenu__item {
1929  padding-left: 0;
1930  padding-right: 0;
1931}
1932
1933.mainmenu__link {
1934  align-items: flex-start;
1935}
1936
1937.usp__list {
1938  padding: 0;
1939}
1940
1941li.usp__item {
1942  color: white;
1943}
1944
1945i.fab.fa-facebook-square,
1946i.fab.fa-linkedin,
1947i.fab.fa-instagram {
1948  color: white;
1949}
1950
1951.fal,
1952.far {
1953  font-size: 1.2rem;
1954}
1955
1956img.favCC {
1957  height: 1.1rem;
1958  width: auto;
1959  margin-top: 6px;
1960  margin-left: 30px;
1961}
1962
1963i.fal.fa-search {
1964  font-size: 1.1rem;
1965  color: #ffffff;
1966}
1967
1968span.scroll-to-top__text {
1969  font-family: "source-code-pro", monospace;
1970  font-weight: 400;
1971}
1972
1973div#scroll-to-top {
1974  background-color: #59aa2f;
1975}
1976
1977h2.jumbotron__heading {
1978  letter-spacing: 0.2rem;
1979}
1980
1981.bg-basesolution {
1982  background-color: #1c1c1c;
1983  max-width: 1920px;
1984  margin: auto;
1985}
1986
1987.bg-basesolution .jumbotron__shoutbox {
1988  background-color: transparent;
1989}
1990
1991p,
1992span {
1993  font-family: "source-code-pro", monospace;
1994}
1995
1996.footer {
1997  background-color: transparent;
1998  background-image: url(/Files/Images/structure/footerCC.png);
1999  background-repeat: no-repeat;
2000  background-position: center;
2001  background-size: cover;
2002  background-position-y: top;
2003}
2004
2005.footernavCC .AdvancedGrid__row {
2006  justify-content: flex-start;
2007}
2008
2009figure.Footer__logo {
2010  padding-top: 5px;
2011}
2012
2013.footernavCC article.AdvancedGrid__container {
2014  align-items: start;
2015}
2016
2017.footer__link ul li a {
2018  color: white;
2019}
2020
2021.footer__link ul {
2022  padding-left: 0rem;
2023  list-style: none;
2024}
2025
2026h2.footer__link-header {
2027  font-family: "source-code-pro", monospace;
2028}
2029
2030label.footer-newsletter-sign-up__header {
2031  font-family: "source-code-pro", monospace;
2032  color: white;
2033  font-weight: bold;
2034}
2035
2036.ondersteCC .container {
2037  width: fit-content;
2038}
2039
2040.categories__item {
2041  font-family: "source-code-pro", monospace;
2042  font-size: 14px;
2043  list-style: none;
2044}
2045
2046.ondersteCC .footer__link ul li a::before {
2047  content: "|";
2048  margin-right: 3px;
2049  margin-left: 3px;
2050}
2051
2052.ondersteCC .footer__link ul li a::after {
2053  margin-left: 3px;
2054}
2055
2056.multicolumn {
2057  width: 100%;
2058}
2059
2060.ProductOverviewButton {
2061  font-size: 16px;
2062  font-weight: bold;
2063  display: flex;
2064}
2065
2066.ProductOverviewButton__container {
2067  display: flex;
2068  flex-grow: 1;
2069}
2070
2071.ProductOverviewButton label {
2072  position: relative;
2073  display: flex;
2074  flex-grow: 1;
2075  height: 100%;
2076  justify-content: center;
2077  align-items: center;
2078}
2079
2080/* contentblokken presets */
2081.visual_bigCC .AdvancedGrid__container {
2082  background-repeat: no-repeat;
2083  background-size: cover;
2084  background-position-y: bottom;
2085}
2086
2087.visual_transparantCC .AdvancedGrid__container {
2088  background-repeat: no-repeat;
2089  background-position-y: top;
2090}
2091
2092h2.grid-row__header {
2093  font-family: dharma-gothic-e, sans-serif;
2094  color: #1c1c1c;
2095  font-size: 5rem;
2096  font-weight: 900;
2097}
2098
2099.headersCC .AdvancedGrid__container {
2100  background-repeat: no-repeat;
2101  background-position-x: 30%;
2102  background-size: auto 100%;
2103}
2104
2105.schuineonderkantCC .AdvancedGrid__container {
2106  background-position-y: bottom;
2107  background-repeat: no-repeat;
2108  background-size: cover;
2109justify-content: center;
2110}
2111
2112.schuineonderkantCC .carousel .cta-paragraph__text p {
2113  font-family: "code-saver";
2114}
2115
2116.schuineonderkantCC .carousel .cta-paragraph__header {
2117  font-family: "code-saver";
2118  font-weight: bold;
2119  font-size: 1.5rem;
2120  text-transform: none;
2121}
2122
2123.faq_containerCC::before {
2124  content: "";
2125  height: 50px;
2126  left: 0;
2127  right: 0;
2128  position: absolute;
2129  background: rgb(28, 28, 28);
2130  background: -moz-linear-gradient(
2131    3deg,
2132    rgba(28, 28, 28, 1) 0%,
2133    rgba(28, 28, 28, 1) 49%,
2134    rgba(239, 239, 239, 0) 50%
2135  );
2136  background: -webkit-linear-gradient(
2137    3deg,
2138    rgba(28, 28, 28, 1) 0%,
2139    rgba(28, 28, 28, 1) 49%,
2140    rgba(239, 239, 239, 0) 50%
2141  );
2142  background: linear-gradient(
2143    3deg,
2144    rgba(28, 28, 28, 1) 0%,
2145    rgba(28, 28, 28, 1) 49%,
2146    rgba(239, 239, 239, 0) 50%
2147  );
2148  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c1c1c", endColorstr="#efefef", GradientType=1);
2149  top: -50px;
2150}
2151
2152.faq_containerCC {
2153  position: relative;
2154  align-items: center;
2155  margin: 2rem 0;
2156}
2157
2158.faqCC_start .AdvancedGrid__row {
2159  align-items: flex-start;
2160}
2161
2162.faqCC_start .AdvancedGrid__row i.fal.fa-chevron-down.faq__icon {
2163  color: white;
2164}
2165
2166/* ecomms */
2167.single-product__information {
2168  text-align: left;
2169}
2170
2171.single-product__price-wrapper {
2172  align-items: flex-start;
2173  justify-content: left;
2174}
2175
2176.single-product__price--discount,
2177.single-product__price--normal {
2178  color: #a42047;
2179}
2180
2181.po-block__action-btn {
2182  background-color: transparent;
2183}
2184
2185.po-block__action-btn:hover {
2186  background-color: white;
2187}
2188
2189.hardlopers-title h2 {
2190  font-family: dharma-gothic-e, sans-serif;
2191  color: #1c1c1c;
2192  font-size: 5rem;
2193  font-weight: 900;
2194  text-transform: uppercase;
2195  margin-bottom: 1rem;
2196  line-height: 1;
2197}
2198
2199.hardlopers-title .module-only-paragraph__modulewrapper > p {
2200  display: none;
2201}
2202
2203.w1200 {
2204  max-width: 1200px;
2205  width: 100%;
2206  margin: auto;
2207}
2208
2209.hardlopers-title .content-product-list {
2210  grid-template-columns: repeat(4, minmax(0, 1fr));
2211}
2212
2213.hardlopers-title .pagination {
2214  display: none;
2215}
2216
2217.hardlopers-title .products-module__image-container,
2218.po-block__image-wrapper {
2219  background: #fff;
2220  padding-bottom: 2rem;
2221  padding-top: 1rem;
2222  position: relative;
2223  overflow: hidden;
2224  margin-top: -1rem;
2225}
2226
2227.hardlopers-title .products-module__image-container:before,
2228.po-block__image-wrapper:before {
2229  content: "";
2230  height: 2rem;
2231  width: 100%;
2232  position: absolute;
2233  bottom: 0;
2234  left: 0;
2235  right: 0;
2236  background: rgb(230, 230, 230);
2237  background: linear-gradient(
2238    3deg,
2239    rgba(230, 230, 230, 1) 0%,
2240    rgba(230, 230, 230, 1) 49%,
2241    rgba(230, 230, 230, 0) 51%
2242  );
2243}
2244
2245.hardlopers-title .products-module,
2246.po-block__innerwrapper {
2247  padding: 0;
2248  padding-top: 1rem;
2249  background: #e6e6e6;
2250}
2251
2252.hardlopers-title .products-module__product-name,
2253.po-block__title-wrapper,
2254.hardlopers-title .products-module__product-article-number,
2255.po-block__content,
2256.hardlopers-title .products-module__product-review-indicator,
2257.po-reviews,
2258.hardlopers-title .products-module__product-price-container,
2259.po-block__price-wrapper,
2260.hardlopers-title .products-module__product-actions,
2261.po-block__addtocart,
2262.po-block__variant-info {
2263  padding: 0 1rem;
2264}
2265
2266.po-block__variant-info {
2267  font-size: 0.875rem;
2268}
2269
2270.hardlopers-title .products-module__product-review-indicator,
2271.hardlopers-title .products-module__product-price-container {
2272  display: none;
2273}
2274
2275.hardlopers-title .products-module__product-actions,
2276.po-block__addtocart {
2277  padding-bottom: 1rem;
2278}
2279
2280.inputstepper {
2281  border: 0.5px solid #767676;
2282  margin: 0;
2283}
2284
2285.inputstepper__input {
2286  background: transparent;
2287  border-left: 0.5px solid #767676;
2288  border-right: 0.5px solid #767676;
2289}
2290
2291.po-block {
2292  border: none;
2293}
2294
2295.tekst-slider .multicolumn .cta-paragraph__content {
2296  padding: 1rem 1.5rem;
2297}
2298
2299.tekst-slider .cta-paragraph__btn-navigation {
2300  padding-bottom: 0 !important;
2301  padding-top: 0 !important;
2302}
2303
2304.tekst-slider .multicolumn .cta-paragraph {
2305  flex-grow: 0;
2306}
2307
2308.header__stickyheader-container .searchbox__container .searchbox__form {
2309  height: 40px;
2310}
2311
2312.header__stickyheader-container .searchbox__input,
2313.header__stickyheader-container .searchbox__input::placeholder {
2314  color: white !important;
2315  font-style: normal;
2316}
2317
2318.po-toolbar__select .custom-select {
2319  border-radius: 0;
2320}
2321
2322.po-toolbar__select .custom-select select {
2323  border: 1px solid #000;
2324  background: transparent;
2325  font-family: "Code-Saver", sans-serif;
2326  font-size: 14px;
2327  font-style: italic;
2328}
2329
2330.po-toolbar__viewswitch__btn {
2331  border: none;
2332  border-radius: 0;
2333}
2334
2335.po-toolbar__actions {
2336  gap: 1rem;
2337}
2338
2339.po-toolbar__actions .po-toolbar__widget {
2340  margin-left: 0;
2341}
2342
2343.header .AdvancedGrid__row {
2344  justify-content: flex-start;
2345}
2346
2347@media screen and (min-width: 992px) {
2348  .po-group-slide-navigation__header {
2349    display: none;
2350  }
2351
2352  .po-group-slide-navigation {
2353    padding: 0;
2354    margin: 0 1.5rem;
2355    padding-bottom: 1rem;
2356    margin-bottom: 2rem;
2357    width: unset;
2358  }
2359}
2360
2361.agc-productoverview__desktop-sidebar {
2362  border-right: none;
2363}
2364
2365@media screen and (min-width: 992px) {
2366  .po-group-slide-navigation__category-list-item {
2367    padding-left: 0;
2368  }
2369}
2370
2371.footer__social {
2372  margin: 0;
2373  margin-right: 0.5rem;
2374}
2375
2376.ondersteCC {
2377  margin-top: 1.5rem;
2378}
2379
2380.po-block__addtocart .btn {
2381  max-width: fit-content;
2382}
2383
2384.onze-geschiedenis {
2385  max-width: 1200px;
2386  width: 100%;
2387  margin: auto;
2388}
2389
2390.custom-carousel .multicolumn__header-wrapper {
2391  padding: 0;
2392}
2393
2394.onze-merken .AdvancedGrid__header-container {
2395  max-width: 1200px;
2396  width: 100%;
2397  margin: auto;
2398}
2399
2400.schuin-hoek-rechts .cta-paragraph {
2401  margin-bottom: 4rem;
2402  position: relative;
2403  height: unset;
2404}
2405
2406.schuin-hoek-rechts .cta-paragraph:before {
2407  content: "";
2408  height: 2rem;
2409  position: absolute;
2410  bottom: -2rem;
2411  left: 0;
2412  right: 0;
2413  background: rgb(255, 255, 255);
2414  background: linear-gradient(
2415    183deg,
2416    rgba(255, 255, 255, 1) 0%,
2417    rgba(255, 255, 255, 1) 49%,
2418    rgba(255, 255, 255, 0) 51%
2419  );
2420}
2421
2422.visual_transparantCC {
2423  margin-bottom: 4rem;
2424}
2425
2426.visual_transparantCC .multicolumn,
2427.visual_transparantCC .multicolumn__item {
2428  padding: 0 !important;
2429}
2430
2431.multicolumn--13014 {
2432  transform: translateY(175px) !important;
2433}
2434
2435.home-jumbo {
2436  margin-bottom: 4rem;
2437}
2438
2439.fit-content .flickity-viewport {
2440  max-height: 250px !important;
2441}
2442
2443.products-module__product-article-number {
2444  font-size: 10px;
2445  color: #c4c4c4;
2446}
2447
2448.products-module__product-article-number:before {
2449  content: "Art. nr. ";
2450}
2451
2452.products-module.products-module__slider-cell__innerwrapper {
2453  border: none;
2454  background-color: rgba(255, 255, 255);
2455  background-image: linear-gradient(
2456    185deg,
2457    rgba(255, 255, 255, 1) 36%,
2458    rgba(230, 230, 230, 1) 4%
2459  );
2460}
2461
2462span.products-module__product-name--manufacturer {
2463  margin-top: 2rem;
2464  display: block;
2465}
2466
2467.faq__icon {
2468  width: 25px !important;
2469  height: 25px !important;
2470  display: flex !important;
2471  justify-content: center !important;
2472  align-items: center !important;
2473  border: 1px solid white !important;
2474}
2475
2476.faq__icon:before {
2477  content: "\f063" !important;
2478  font-size: 12px;
2479}
2480
2481.ondersteCC .categories__link {
2482  text-decoration: none;
2483}
2484
2485.ondersteCC .AdvancedGrid__container {
2486  gap: 1rem;
2487}
2488
2489.ondersteCC {
2490  margin: auto;
2491  margin-top: 2rem;
2492  justify-content: center;
2493}
2494
2495.ondersteCC > .AdvancedGrid__container {
2496  justify-content: center;
2497}
2498
2499.ondersteCC > .AdvancedGrid__container > .ondersteCC {
2500  margin: 0;
2501  margin-top: 0;
2502}
2503
2504.footer__newsletter-form {
2505  background: transparent;
2506}
2507
2508.footer__newsletter-form form {
2509  display: block;
2510}
2511
2512.footer__newsletter-input {
2513  border: 1px solid white !important;
2514  border-radius: 100px;
2515  min-height: unset;
2516  padding: 0.25rem 1rem !important;
2517  margin-top: 1rem !important;
2518}
2519
2520.footer__newsletter-submit {
2521  background: #f3c300;
2522  border-radius: 0;
2523  margin-top: 1rem;
2524  padding: 0.5rem 1rem;
2525  font-weight: bold;
2526  color: #000;
2527}
2528
2529.wb-cta .AdvancedGrid__container {
2530  gap: 2rem;
2531}
2532
2533.wb-cta .AdvancedGrid__column:last-of-type {
2534  background: black;
2535  position: relative;
2536}
2537
2538.wb-cta .AdvancedGrid__column:last-of-type:before {
2539  content: "";
2540  height: 100%;
2541  width: 2rem;
2542  position: absolute;
2543  top: 0;
2544  bottom: 0;
2545  left: -2rem;
2546  background: rgb(0, 0, 0);
2547  background: linear-gradient(
2548    273deg,
2549    rgba(0, 0, 0, 1) 0%,
2550    rgba(0, 0, 0, 1) 49%,
2551    rgba(255, 255, 255, 0) 51%
2552  );
2553}
2554
2555.wb-cta .AdvancedGrid__column:last-of-type h2.cta-paragraph__header,
2556.wb-cta .AdvancedGrid__column:last-of-type .cta-paragraph__text p {
2557  color: white;
2558}
2559
2560.wb-cta .AdvancedGrid__column h2.cta-paragraph__header {
2561  font-size: 5rem;
2562  text-transform: uppercase;
2563  line-height: 4.0625rem;
2564  font-weight: 900;
2565  font-family: dharma-gothic-e, sans-serif;
2566}
2567
2568.wb-cta {
2569  margin-top: 4rem;
2570  margin-bottom: 4rem;
2571}
2572
2573@media screen and (max-width: 991px) {
2574  .wb-cta {
2575    margin-top: 0rem;
2576  }
2577}
2578
2579.wb-cta .cta-paragraph__content {
2580  padding-bottom: 5rem;
2581  padding-top: 5rem;
2582  padding-left: 3rem;
2583}
2584
2585@media screen and (max-width: 991px) {
2586  .wb-cta .cta-paragraph__content {
2587    padding-bottom: 0rem;
2588    padding-top: 1rem;
2589  }
2590}
2591
2592.btn--5 {
2593  --Color: #ffffff !important;
2594  --BackgroundColor: #4966a0 !important;
2595
2596  --FontSize: 1rem;
2597  --FontStyle: none;
2598  --LineHeight: 1.4rem;
2599  --FontWeight: bold;
2600  --FontFamily: code-saver, sans-serif;
2601  --Position: relative;
2602}
2603
2604.btn--5:hover {
2605  --Color: #ffffff !important;
2606  --BackgroundColor: #4966a0 !important;
2607}
2608
2609.btn--29 {
2610  --Color: #ffffff !important;
2611  --BackgroundColor: #a42047 !important;
2612
2613  --FontSize: 1rem;
2614  --FontStyle: none;
2615  --FontWeight: bold;
2616  --FontFamily: code-saver, sans-serif;
2617  --Position: relative;
2618}
2619
2620.btn--29:hover {
2621  --Color: #ffffff !important;
2622  --BackgroundColor: #a42047 !important;
2623}
2624
2625.btn--11 {
2626  --Color: #1c1c1c !important;
2627  --BackgroundColor: #f3c300 !important;
2628
2629  --FontSize: 1rem;
2630  --FontStyle: none;
2631  --FontWeight: bold;
2632  --FontFamily: code-saver, sans-serif;
2633  --Position: relative;
2634}
2635
2636.btn--11:hover {
2637  --Color: #ffffff !important;
2638  --BackgroundColor: #f3c300 !important;
2639}
2640
2641.shoppingcart__order-btn {
2642  color: #ffffff !important;
2643  background-color: #4966a0 !important;
2644  font-weight: bold;
2645}
2646
2647.btn--2123 {
2648  --BackgroundColor: #59aa2f !important;
2649
2650  --Color: #ffffff;
2651  --FontSize: 1rem;
2652  --FontStyle: none;
2653  --FontWeight: bold;
2654  --FontFamily: code-saver, sans-serif;
2655  --Position: relative;
2656}
2657
2658.btn--2123:hover {
2659  --BackgroundColor: #f3c300 !important;
2660}
2661
2662.shoppingcart__order-btn:hover {
2663  background-color: #4966a0 !important;
2664}
2665
2666.mini-shoppingcart-list__line-discount {
2667  font-size: 1rem;
2668  padding-top: 0rem;
2669  color: #5aa930;
2670}
2671
2672.products-module__ribbon-text {
2673  background-color: #a42047;
2674}
2675
2676.btn__primary,
2677.btn-primary {
2678  color: #1c1c1c !important;
2679  background-color: #f3c300 !important;
2680  font-weight: bold;
2681}
2682
2683.btn__primary:hover,
2684.btn-primary:hover {
2685  color: #ffffff !important;
2686  background-color: #f3c300 !important;
2687}
2688
2689.btn__secondary {
2690  color: #ffffff !important;
2691  background-color: #4966a0 !important;
2692  font-weight: bold;
2693}
2694
2695.btn__secondary:hover {
2696  background-color: #4966a0 !important;
2697}
2698
2699.btn__secondary--outline {
2700  background-color: transparent;
2701  color: #4966a0;
2702  border: solid 1px #4966a0 !important;
2703  font-weight: bold;
2704}
2705
2706.btn__secondary--outline:hover {
2707  color: #000000;
2708  border: #000000 solid 1px !important;
2709  background-color: transparent;
2710}
2711
2712.checkout-stepper__step--completed .checkout-stepper__line,
2713.checkout-stepper__step--completed .checkout-stepper__circle {
2714  background-color: #5aa930;
2715}
2716
2717.checkout-stepper__step--completed .checkout-stepper__circle {
2718  border-color: #5aa930;
2719}
2720
2721.checkout-stepper__step--completed .checkout-stepper__name {
2722  color: #5aa930;
2723}
2724
2725aside.master-sidebar__aside {
2726  background-color: #1c1c1c;
2727  padding: 2rem;
2728  color: #ffffff;
2729}
2730
2731.master-sidebar__main {
2732  padding: 1rem;
2733}
2734
2735.navigation-paragraph__title {
2736  font-family: dharma-gothic-e, sans-serif;
2737  color: #ffffff;
2738  font-size: 3rem;
2739  font-weight: 900;
2740  text-transform: uppercase;
2741  margin-bottom: 1rem;
2742}
2743
2744.module-only-paragraph__header {
2745  font-family: dharma-gothic-e, sans-serif;
2746  color: #1c1c1c;
2747  font-size: 3rem;
2748  line-height: normal;
2749  font-weight: 900;
2750  text-transform: uppercase;
2751  margin-bottom: 1rem;
2752  margin-top: 5px;
2753}
2754
2755a.navigation__link {
2756  color: #ffffff;
2757}
2758
2759.dashboard__column-actions a {
2760  font-size: 0.875rem;
2761  font-weight: bold;
2762}
2763
2764.dashboard__column-actions a:after {
2765  font-family: "Font Awesome 5 Pro";
2766  content: "\f054";
2767  margin-left: 0.5rem;
2768}
2769
2770figure.favorite-list__listfigure {
2771  border: solid 1px black;
2772}
2773
2774.VacatureDetailCC .AdvancedGrid__container {
2775  background-position: bottom;
2776  background-repeat: no-repeat;
2777  background-size: auto;
2778}
2779
2780.AanmeldenCC .AdvancedGrid__container {
2781  background-repeat: no-repeat;
2782  background-size: 100% 580px;
2783}
2784
2785.vacatureHeaderCC section.cta-paragraph__content {
2786  align-items: start;
2787  padding-left: 0px;
2788}
2789
2790.vacatureblok {
2791  max-width: 1200px;
2792  width: 100%;
2793  margin: auto;
2794  margin-top: 1rem;
2795  margin-bottom: 1rem;
2796  background: transparent !important;
2797}
2798
2799.vacatureblok .multicolumn__container {
2800  background: white;
2801  position: relative;
2802}
2803
2804.vacatureblok .cta-paragraph__content-container,
2805.vacatureblok .multicolumn__container {
2806  max-width: unset;
2807}
2808
2809.vacatureblok .cta-paragraph__btn-navigation {
2810  padding: unset !important;
2811  padding-top: 1rem !important;
2812}
2813
2814.multicolumn__header-wrapper .cta-paragraph__header {
2815  font-size: 4.5rem;
2816  font-weight: 900;
2817  text-transform: uppercase;
2818  font-family: "dharma-gothic-e", sans-serif;
2819}
2820
2821.header .AdvancedGrid__row {
2822  --VerticalAlign: center !important;
2823}
2824
2825.FormSollicitatie_content {
2826  margin: 0;
2827  margin-bottom: 2rem;
2828  margin-top: 2rem;
2829}
2830
2831.faq-paragraph .faq__item,
2832.faq-paragraph .faq-paragraph__container {
2833  max-width: unset;
2834}
2835
2836/* .faq-paragraph .faq-paragraph__container {
2837padding: 2rem;
2838} */
2839
2840.footer__newsletter-form form .footer__newsletter-input {
2841  color: #ffffff;
2842}
2843
2844.klantenserviceCC {
2845  margin-bottom: 3rem;
2846}
2847
2848.addedmenu__link {
2849  margin: 0.5rem 0;
2850  line-height: 1;
2851  height: calc(100% - 1rem);
2852}
2853
2854.addedmenu__item:not(:last-of-type) .addedmenu__link {
2855  border-right: 1px solid #fff;
2856}
2857
2858section.relative.searchbox__wrapper {
2859  border: 1px solid #fff;
2860}
2861
2862.search-results {
2863  background-color: #1c1c1c;
2864  color: #ffffff;
2865}
2866
2867a.search-results__link.search-results__link--product,
2868h2.search-results__column-title {
2869  color: white;
2870  font-family: code-saver, sans-serif;
2871}
2872
2873.icon__search i,
2874.search-results,
2875.searchbox__input,
2876.searchbox__form input::placeholder {
2877  color: #fff !important;
2878}
2879
2880.header--75:last-of-type {
2881  display: none;
2882}
2883
2884.FormSollicitatie_content {
2885  width: 100%;
2886  max-width: 100%;
2887}
2888
2889.FormSollicitatie_content .form__input-label {
2890  display: none;
2891}
2892
2893.AanmeldenCC .cta-paragraph__content {
2894  padding-bottom: 25px;
2895}
2896
2897.extra-padding .cta-paragraph__content {
2898  padding: 4rem;
2899  padding-bottom: 1rem;
2900}
2901
2902.center-elements .cta-paragraph__content {
2903  display: flex;
2904  justify-content: center;
2905  align-items: center;
2906  text-align: center;
2907}
2908
2909.ondergrond-faq .faq__item .faq__question {
2910  border-bottom: unset;
2911  padding: 1rem 0.5rem 0;
2912}
2913
2914.ondergrond-faq .faq__item:not(:first-of-type) .faq__question {
2915  border-top: 1px solid #ccc;
2916}
2917
2918.foto .cta-paragraph:before {
2919  content: "";
2920  height: 2rem;
2921  position: absolute;
2922  top: -2rem;
2923  left: 0;
2924  right: 0;
2925  background: rgb(255, 255, 255);
2926  background: linear-gradient(
2927    3deg,
2928    rgba(255, 255, 255, 1) 0%,
2929    rgba(255, 255, 255, 1) 49%,
2930    rgba(0, 0, 0, 0) 51%
2931  );
2932}
2933
2934.foto {
2935  padding-bottom: 2rem !important;
2936  padding-top: 20rem !important;
2937  padding-left: 0.5rem !important;
2938  padding-right: 0.5rem !important;
2939}
2940
2941.foto .cta-paragraph__image-container {
2942  margin-bottom: -4rem;
2943  padding: 0 2rem;
2944  height: 150px !important;
2945  transform: translateY(-5rem);
2946}
2947
2948.foto img.cta-paragraph__image {
2949  object-fit: cover;
2950}
2951
2952.AdvancedGrid__row--4374 {
2953  padding: 2rem;
2954  padding-top: 0;
2955}
2956
2957.error404 .cta-paragraph__content {
2958  align-items: center;
2959}
2960
2961.full-width-content .cta-paragraph__content-container {
2962  max-width: unset;
2963  width: 100%;
2964}
2965
2966.btn__primary .btn__icon {
2967  color: inherit;
2968}
2969
2970.vacatureblok .multicolumn__item:last-of-type .cta-paragraph__content {
2971  /* align-items: flex-end;*/
2972  padding-top: 0;
2973}
2974
2975.searchbox__input {
2976  padding-left: 0;
2977  padding-right: 0;
2978  padding: 0.5rem;
2979}
2980
2981.searchbox__form__submit {
2982  max-width: 40px;
2983}
2984
2985.searchbox__input {
2986  text-align: left;
2987}
2988
2989.products-module__product-article-number {
2990  color: #000;
2991}
2992
2993.multicolumn .carousel-cell {
2994  padding: 0;
2995}
2996
2997@media screen and (max-width: 992px) {
2998  .vacatureHeaderCC {
2999    background-color: #1c1c1c !important;
3000    padding: 2rem !important;
3001  }
3002
3003  .FormSollicitatie_content {
3004    padding: 0 2rem;
3005  }
3006
3007  .jumbo_CC .jumbotron__shoutbox {
3008    padding-top: 1rem !important;
3009    margin: 0;
3010  }
3011
3012  .jumbo_CC .jumbotron__heading {
3013    color: #000;
3014    line-height: 1;
3015    font-size: 2.5rem;
3016  }
3017
3018  .foto h2.cta-paragraph__header {
3019    font-size: 2.5rem;
3020    line-height: 1;
3021  }
3022
3023  /* .headersCC_contenblok .multicolumn__item:first-of-type {
3024display: none;
3025} */
3026}
3027
3028.merken-slider .carousel-cell {
3029  padding: 1rem;
3030}
3031
3032.addedmenu__link--active {
3033  color: #f3c300 !important;
3034}
3035
3036/* .headersCC,
3037.headersCC .AdvancedGrid__container {
3038  background-image: unset !important;
3039}
3040
3041.headersCC_contenblok .multicolumn__item:first-of-type {
3042  background-image: var(--BackgroundImage);
3043  background-size: auto 100%;
3044  background-repeat: no-repeat;
3045  background-position-x: right;
3046  background-position-y: center;
3047}
3048*/
3049.headersCC .multicolumn__container,
3050.headersCC .grid-container {
3051  height: 100%;
3052}
3053
3054.headersCC .cta-paragraph__content-container {
3055  justify-content: center;
3056}
3057
3058.headersCC .AdvancedGrid__column {
3059  margin: 0 auto;
3060}
3061
3062.headersCC .multicolumn .cta-paragraph__content {
3063  flex-grow: 0;
3064}
3065
3066.headersCC .multicolumn .cta-paragraph__text {
3067  display: flex;
3068  width: 100%;
3069  justify-content: center;
3070}
3071
3072.headersCC .multicolumn .cta-paragraph__text p {
3073  text-align: left !important;
3074}
3075
3076.headersCC .multicolumn .cta-paragraph {
3077  justify-content: center;
3078}
3079
3080.intro-slider {
3081  align-items: flex-start;
3082  padding: 0 !important;
3083}
3084
3085@media screen and (min-width: 992px) {
3086  .dealerlocator__map {
3087    width: 600px;
3088    background: lightgray;
3089    margin-left: 50px;
3090  }
3091}
3092
3093.ProductCategoryOverview .ProductOverviewButton {
3094  justify-content: flex-start;
3095}
3096
3097.mainmenu__link .mainmenu__label,
3098.ProductOverviewButton {
3099  font-size: 0.9rem !important;
3100}
3101
3102.footer__newsletter-submit .btn__text {
3103  display: flex;
3104  align-items: center;
3105  gap: 1rem;
3106}
3107
3108.footer__newsletter-submit .btn__text i {
3109  color: #000;
3110}
3111
3112.addedmenu__link:hover,
3113.ProductOverviewButton:hover span {
3114  color: #f3c300 !important;
3115}
3116
3117.badge__count {
3118  color: #000 !important;
3119}
3120
3121.flickity-prev-next-button.next {
3122  right: -40px;
3123}
3124
3125.flickity-prev-next-button.previous {
3126  left: -40px;
3127}
3128
3129.buttononder_titelsCC .cta-paragraph__content {
3130  align-items: center;
3131}
3132
3133.cc-top-sellers .AdvancedGrid__row {
3134  justify-content: center;
3135}
3136
3137.cc-card-slider {
3138  overflow: visible;
3139}
3140.schuineonderkantCC.cc-card-slider button.flickity-button.flickity-prev-next-button{
3141border: 1px solid white;
3142}
3143
3144.schuineonderkantCC.cc-card-slider svg.flickity-button-icon  {
3145    fill: white;
3146}
3147
3148.margin-auto .AdvancedGrid__container {
3149  justify-content: end;
3150}
3151
3152.whatsapp .btn__icon::before {
3153  content: "\f232";
3154  font-family: "Font Awesome 5 Brands";
3155  font-weight: 400;
3156  font-size: 1.5rem;
3157}
3158
3159.whatsapp .btn {
3160  flex-direction: row-reverse;
3161  gap: 1rem;
3162}
3163
3164.AanmeldenCC .cta-paragraph__content {
3165  padding-bottom: 0;
3166}
3167
3168@media screen and (min-width: 992px) {
3169  .headersCC_contenblok .cta-paragraph__content {
3170    padding: 6rem;
3171    margin-top: 4rem;
3172  }
3173}
3174
3175.vacatureHeaderCC header.cta-paragraph__header {
3176  display: flex;
3177  flex-direction: column-reverse;
3178}
3179
3180.faq-paragraph__subheader {
3181  display: none;
3182}
3183
3184.multicolumn--13596 .cta-paragraph__content,
3185.multicolumn--13596 {
3186  padding-bottom: 0 !important;
3187}
3188
3189.config--183 .cta-paragraph__subheader {
3190  font-size: 1.1rem;
3191}
3192
3193.master-sidebar__wrapper .navigation__item a.navigation__link {
3194  color: #fff;
3195}
3196
3197.faq__item .faq__icon::before {
3198  content: "\f067" !important;
3199}
3200
3201.faq__item--opened .faq__icon::before {
3202  content: "\f068" !important;
3203}
3204
3205.cta-paragraph__header {
3206  letter-spacing: 3px;
3207}
3208
3209.tekst_en_sliderCC {
3210  margin-bottom: 2rem;
3211}
3212
3213.custom-carousel .cta-paragraph__image-container {
3214  align-items: unset;
3215}
3216
3217.products-module__title {
3218  font-family: dharma-gothic-e, sans-serif;
3219  color: #1c1c1c;
3220  font-size: 5rem;
3221  font-weight: 900;
3222  text-transform: uppercase;
3223  margin-bottom: 1rem;
3224  line-height: 1;
3225}
3226
3227span.offcanvas__title {
3228  font-family: dharma-gothic-e, sans-serif;
3229  font-size: 2rem;
3230  font-weight: normal;
3231}
3232
3233.products-module.products-module__slider-cell__innerwrapper {
3234  border: none;
3235  background-color: rgba(255, 255, 255);
3236  background-image: linear-gradient(
3237    185deg,
3238    rgba(255, 255, 255, 1) 240px,
3239    rgba(230, 230, 230, 1) 4%
3240  );
3241}
3242
3243.po-block__ribbon-text {
3244  background-color: #db3125;
3245}
3246
3247.vueMenu .Subscreen-link.one {
3248  font-weight: bold;
3249}
3250
3251.vueMenu .Subscreen-link.one:hover {
3252  font-weight: bold;
3253}
3254
3255.checkout-stepper__step--completed .checkout-stepper__circle {
3256  border: 2px solid #5aa930;
3257  color: white;
3258}
3259
3260.checkbox-optionlist input[type="radio"]:checked:before {
3261  border-color: #5aa930;
3262}
3263
3264.checkbox-optionlist input[type="radio"]:after,
3265.default-contact-form
3266  .checkbox__group-options
3267  [type="checkbox"]:checked
3268  + label:after {
3269  background-color: #5aa930;
3270}
3271
3272.checkbox-optionlist__item {
3273  background-color: #f1f1f1;
3274}
3275
3276.checkbox-optionlist__item--active {
3277  background-color: #fff;
3278}
3279
3280.checkout-form__submitbtn--back {
3281  flex-direction: row-reverse;
3282}
3283
3284.checkout-form__submitbtn--back:not(.btn--disabled):hover .btn__text {
3285  transform: translateX(-3px);
3286}
3287
3288.checkout-form__submitbtn--back:hover .btn__icon {
3289  transform: rotate(180deg) translateX(3px) !important;
3290}
3291
3292.checkout-form__submitbtn--back,
3293.checkout-form__submitbtn--forward {
3294  justify-content: space-between;
3295}
3296
3297.final-step {
3298  color: #fff;
3299  background-color: #f3c300;
3300}
3301
3302.final-step:hover {
3303  background-color: #000;
3304}
3305
3306.mainmenu__link--mobile:hover {
3307  color: #fff;
3308}
3309
3310.search-results__viewmore {
3311  border-radius: 0;
3312}
3313
3314h1,
3315h2,
3316h3,
3317h4,
3318h5,
3319h6 {
3320  color: #1c1c1c;
3321}
3322
3323.checkout__shoppingcart-title {
3324  font-size: 2.75rem;
3325}
3326
3327.po-widget-sidebar-trigger__button {
3328  background-color: #f3c300 !important;
3329}
3330
3331.dealerlocator__dealerlistcounter {
3332  font-size: 1.75rem;
3333}
3334
3335header.pdp-header.container {
3336  height: unset;
3337}
3338
3339.pdp-header__manufacturer,
3340.pdp-header__productname {
3341  font-size: 5rem;
3342}
3343
3344.manufacturer__logo {
3345  position: static;
3346  margin-left: auto;
3347}
3348
3349.offcanvas[name="specifications"] {
3350  max-width: 36rem;
3351}
3352
3353.product-specifications__label {
3354  // flex: 3 !important;
3355}
3356
3357.product-specifications__value {
3358  // flex: 1 !important;
3359}
3360
3361.product-specifications__header[aria-controls="VariantVelden"],
3362#VariantVelden {
3363  display: none;
3364}
3365
3366.search-results__link {
3367  color: #fff;
3368}
3369
3370.po-filter__header,
3371.po-filter__list-item,
3372.po-group-slide-navigation__category-back-link,
3373.po-group-slide-navigation__category-list-item {
3374  border-color: #e6e6e6;
3375}
3376
3377.visual_transparantCC .AdvancedGrid__column:nth-of-type(2) {
3378  min-width: 650px;
3379}
3380
3381/* Header Center Diensten */
3382.cc-header-center .AdvancedGrid__container {
3383  justify-content: center;
3384}
3385
3386.cc-header-center .AdvancedGrid__container .vacatureHeaderCC {
3387  padding: 0 0.8rem;
3388}
3389
3390.cc-branch-block .grid-container {
3391  gap: 1em;
3392}
3393
3394.cc-branch-block .cta-paragraph__image-container,
3395.cc-branch-block .cta-paragraph__image-container picture,
3396.cc-branch-block .cta-paragraph__image-container img {
3397  max-height: 650px;
3398  height: 650px;
3399}
3400
3401.cc-branch-block .cta-paragraph__image-container {
3402  position: relative;
3403  padding-bottom: -2rem;
3404  overflow: unset;
3405}
3406
3407.cc-branch-block .cta-paragraph__content:before {
3408  content: "";
3409  height: 2rem;
3410  width: 100%;
3411  position: absolute;
3412  top: calc(-2rem + 1px);
3413  left: 0;
3414  right: 0;
3415  background: rgb(255, 255, 255);
3416  background: linear-gradient(
3417    3deg,
3418    rgb(255, 255, 255) 0%,
3419    rgb(255, 255, 255) 49%,
3420    rgba(255, 255, 255, 0) 51%
3421  );
3422}
3423
3424.cc-branch-block .cta-paragraph__content {
3425  padding: 1rem;
3426  padding-top: 0;
3427  background: white !important;
3428  transform: translateY(calc(100% - 60px));
3429  position: absolute;
3430  bottom: 0;
3431}
3432
3433.cc-branch-block .cta-paragraph__content .cta-paragraph__content-container {
3434  height: 100%;
3435}
3436
3437.cc-branch-block .cta-paragraph:hover .cta-paragraph__content {
3438  transform: translateY(0%);
3439}
3440@media screen and (max-width: 500px) {
3441  .cc-branch-block h2.cta-paragraph__header {
3442    padding-bottom: 30px;
3443    padding-top: 10px;
3444  }
3445}
3446
3447.cc-branch-block h2.cta-paragraph__header {
3448  margin-bottom: 1.5rem;
3449  font-family: "code-saver";
3450  text-transform: initial;
3451  font-size: 24px;
3452}
3453
3454.cc-branch-block .cta-paragraph__subheader {
3455  font-family: "code-saver", sans-serif;
3456  font-weight: normal;
3457  size: 875rem;
3458}
3459
3460.cc-branch-block {
3461  overflow: hidden;
3462  transition: 0.5s;
3463}
3464
3465/*Slider */
3466.custom-carousel .carousel-cell {
3467  padding: 0;
3468}
3469
3470.custom-carousel .carousel-cell .cta-paragraph__image-container,
3471.custom-carousel .carousel-cell .cta-paragraph__image-container picture,
3472.custom-carousel .carousel-cell .cta-paragraph__image-container img {
3473  max-height: 750px;
3474  height: 750px;
3475}
3476
3477.custom-carousel .carousel-cell .cta-paragraph__image-container {
3478  position: relative;
3479  padding-bottom: -2rem;
3480  overflow: unset;
3481}
3482
3483.custom-carousel .carousel-cell .cta-paragraph__content:before {
3484  content: "";
3485  height: 2rem;
3486  width: 100%;
3487  position: absolute;
3488  top: calc(-2rem + 1px);
3489  left: 0;
3490  right: 0;
3491  background: rgb(255, 255, 255);
3492  background: linear-gradient(
3493    3deg,
3494    rgba(255, 255, 255, 1) 0%,
3495    rgba(255, 255, 255, 1) 49%,
3496    rgba(255, 255, 255, 0) 51%
3497  );
3498}
3499
3500.custom-carousel .carousel-cell {
3501  overflow: hidden;
3502  transition: 0.5s;
3503}
3504
3505.custom-carousel .carousel-cell .cta-paragraph__content {
3506  padding: 1rem;
3507  padding-top: 0;
3508  background: white !important;
3509  transform: translateY(calc(100% - 60px));
3510}
3511
3512@media screen and (max-width: 991px) {
3513  .custom-carousel .carousel-cell .cta-paragraph__content {
3514    transform: translateY(calc(100% - 90px));
3515  }
3516
3517  .custom-carousel
3518    .carousel-cell
3519    .cta-paragraph__content
3520    .cta-paragraph__content-container
3521    .cta-paragraph__header {
3522    margin-bottom: 2rem;
3523    text-transform: none;
3524    font-size: 1rem;
3525    line-height: auto;
3526  }
3527}
3528
3529.custom-carousel
3530  .carousel-cell
3531  .cta-paragraph__content
3532  .cta-paragraph__content-container {
3533  height: 100%;
3534}
3535
3536.custom-carousel .carousel-cell:hover .cta-paragraph__content {
3537  transform: translateY(0%);
3538}
3539
3540.custom-carousel .carousel-cell h2.cta-paragraph__header {
3541  margin-bottom: 1.5rem;
3542}
3543
3544.custom-carousel .carousel-cell .cta-paragraph__subheader {
3545  font-family: "code-saver", sans-serif;
3546  font-weight: normal;
3547  size: 0875rem;
3548}
3549
3550.tekst-slider .multicolumn .carousel-cell {
3551  padding: 0;
3552}
3553
3554.visual_transparantCC .grid-container .cta-paragraph__content {
3555  align-items: center;
3556}
3557
3558.faqCC_start.w1200 .AdvancedGrid__container {
3559  gap: 3em;
3560}
3561
3562/*About us timeline slider */
3563.cc-back-in-time-slider .carousel {
3564  min-height: 100%;
3565}
3566
3567.cc-back-in-time-slider .cta-paragraph__subheader {
3568  margin: 0;
3569  line-height: 1.1rem;
3570  font-weight: bold;
3571  font-size: 1.3rem;
3572  text-align: center;
3573}
3574
3575.cc-back-in-time-slider .cta-paragraph__header {
3576  margin: 0;
3577  padding: 0;
3578  line-height: 1.2rem;
3579  font-weight: bold;
3580  min-height: 3rem;
3581  text-transform: unset;
3582  text-align: center;
3583}
3584
3585.cc-back-in-time-slider img.cta-paragraph__image {
3586  height: 50px;
3587  width: auto;
3588}
3589
3590.cc-back-in-time-slider h3 {
3591  font-size: 1rem;
3592  font-weight: bold;
3593  margin-top: 0.4rem;
3594  text-align: center;
3595}
3596
3597.cc-back-in-time-slider p {
3598  text-align: center;
3599}
3600
3601.cc-back-in-time-slider .carousel-cell-wrap::after {
3602  content: "";
3603  position: absolute;
3604  top: 32%;
3605  width: 20px;
3606  height: 30px;
3607  background-color: black;
3608  clip-path: polygon(0 0, 0% 100%, 100% 50%);
3609}
3610
3611.cc-back-in-time-slider .carousel-cell-wrap:nth-child(odd) {
3612  background-color: #f7f6f5;
3613  border-right: solid 1px #1c1c1c;
3614}
3615
3616.cc-back-in-time-slider .carousel-cell-wrap:nth-child(even) {
3617  background-color: #ffffff;
3618  border-right: solid 1px #1c1c1c;
3619}
3620
3621.cc-back-in-time-slider .cta-paragraph.carousel-cell {
3622  align-items: center;
3623  padding: 2rem;
3624}
3625
3626@media screen and (min-width: 992px) {
3627  .productimages__carousel-big img,
3628  .productimages__big img,
3629  .product-image {
3630    max-height: 100%;
3631    max-width: 100%;
3632    object-fit: contain;
3633  }
3634
3635  .productimages__carousel-big,
3636  .productimages__big,
3637  .productimages__item {
3638    height: 500px;
3639  }
3640}
3641
3642.receipt__product-info-list,
3643.mini-shoppingcart-list__line > div,
3644.mini-shoppingcart-list__line-price {
3645  line-height: 1.3;
3646}
3647
3648.mini-shoppingcart-list__line-customfield {
3649  font-size: 0.875rem;
3650  color: #6a6a6a;
3651  line-height: 1.7;
3652}
3653
3654.shoppingcart-list__productmetainfo {
3655  line-height: 1.7;
3656}
3657
3658.shoppingcart-list__productname {
3659  margin-top: 0;
3660  margin-bottom: 0.25rem;
3661}
3662
3663.shoppingcart-sidebar__orderline-customfield {
3664  font-size: 0.875rem;
3665  display: block;
3666  line-height: 1.7;
3667  color: #6a6a6a;
3668}
3669
3670.productdetails__add-to-cart {
3671  flex-grow: 0;
3672  font-weight: bold;
3673  background-color: #4966a0;
3674}
3675
3676.productdetails__add-to-cart:hover {
3677  background-color: #000;
3678}
3679
3680.productdetails__add-to-cart .fa-shopping-cart::after {
3681  content: "\f067";
3682  font-family: "Font Awesome 5 Pro";
3683  font-weight: 400;
3684  right: 12px;
3685  position: absolute;
3686  color: inherit;
3687  font-size: 0.875rem;
3688}
3689
3690.productdetails__add-to-cart .btn__icon {
3691  justify-content: center;
3692  width: 75px;
3693  font-weight: 400;
3694  color: inherit;
3695}
3696
3697.productdetails__add-to-cart .cart-btn--default .btn__icon {
3698  right: -75px;
3699}
3700
3701.pdp-add-to-cart__container .productdetails__add-to-cart {
3702  background-color: #f3c300;
3703  color: #1c1c1c;
3704  padding-right: 75px;
3705  padding-left: 75px;
3706}
3707
3708.pdp-add-to-cart__container .productdetails__add-to-cart:hover {
3709  background-color: #000;
3710  color: white;
3711}
3712
3713.pdp-add-to-cart__container .productdetails__add-to-cart:after {
3714  right: 12px;
3715}
3716
3717.productdetails__add-to-cart .cart-btn {
3718  min-width: 75px;
3719}
3720
3721.po-block__addtocart--notext .productdetails__add-to-cart,
3722.stickymenu__replaceable .productdetails__add-to-cart {
3723  padding: 0 0.5rem;
3724}
3725
3726.stickymenu__replaceable .productdetails__add-to-cart .btn__icon {
3727  font-size: 1.3rem;
3728  left: 0;
3729  position: relative;
3730  right: 0;
3731}
3732
3733.stickymenu__replaceable .productdetails__add-to-cart {
3734  margin-left: 1rem;
3735}
3736
3737.stickymenu__replaceable .productdetails__add-to-cart .btn__text {
3738  display: none;
3739}
3740
3741.pdp-action-buttons {
3742  font-weight: bold;
3743}
3744
3745.po-block__price-box,
3746.po-block__retail-price,
3747.po-block__price-profits {
3748  line-height: 1.7;
3749}
3750
3751.po-block__variant-info,
3752.po-block__retail-price {
3753  color: #6a6a6a;
3754}
3755
3756.shoppingcart-list__productname {
3757  font-family: "source-code-pro", monospace;
3758}
3759
3760.pdp-price__retail-price {
3761  color: #6a6a6a;
3762}
3763
3764.pdp-usplist__infoicon {
3765  color: inherit;
3766  font-size: 0.875rem;
3767  margin-left: 0.5rem;
3768  line-height: 1;
3769}
3770
3771.pdp-usplist__infoicon i {
3772  margin-right: 0;
3773}
3774
3775.addressselector__title,
3776.checkbox-optionlist__header,
3777.summary__title,
3778.receipt__header {
3779  font-size: 2.5rem;
3780  margin-bottom: 0.25rem;
3781  line-height: 1.5;
3782}
3783
3784.summary__subheader,
3785.receipt__subheader {
3786  font-size: 1.5rem;
3787  margin-bottom: 0.25rem;
3788  line-height: 1.5;
3789}
3790
3791.addressselector__list {
3792  background: #fff;
3793}
3794
3795.addressselector__list-item--selected,
3796.addressselector__list-item:hover {
3797  background-color: #fbfbfb;
3798}
3799
3800#ordersubmit.default-contact-form .form__input {
3801  background: #fff;
3802  border: 1px solid #ddd;
3803}
3804
3805.checkbox-optionlist__item {
3806  background-color: #ffffff;
3807}
3808
3809.checkbox-optionlist__item--active,
3810.checkbox-optionlist__item:hover {
3811  background-color: #fbfbfb;
3812}
3813
3814.summary__block--inner,
3815.receipt__block-inner {
3816  background-color: #fff;
3817}
3818
3819.receipt__product-name {
3820  font-weight: bold;
3821}
3822
3823.default-btn {
3824  --BackgroundColor: #f3c300;
3825  --Color: black;
3826}
3827
3828.dashboard__title {
3829  line-height: 1.3;
3830  font-size: 1.75rem;
3831}
3832
3833.favorite-list__footer h3 {
3834  font-size: 1.75rem;
3835  line-height: 1.3;
3836  margin-bottom: 0;
3837}
3838
3839@media screen and (min-width: 992px) {
3840  .dashboard__column {
3841    max-width: unset;
3842    flex-basis: 33%;
3843    flex-grow: 1;
3844  }
3845}
3846
3847.footer__newsletter-input::placeholder {
3848  color: #ffffff;
3849}
3850
3851.po-filter__list-item {
3852  padding-left: 0;
3853}
3854
3855.cta-paragraph__content--center {
3856  margin-right: 45px;
3857}
3858
3859.AdvancedGrid__column--6058 {
3860  max-width: 560px;
3861}
3862
3863.search-results {
3864  text-align: left;
3865}
3866
3867.search-results__product-title {
3868  color: white;
3869}
3870
3871.header__stickyheader-container {
3872  flex-direction: column;
3873}
3874
3875.products-module__product-variant-info {
3876  color: #6a6a6a;
3877  font-size: 0.875rem;
3878}
3879
3880.vacatureblok .multicolumn__item:last-of-type .cta-paragraph__image-container {
3881  justify-content: flex-end;
3882}
3883
3884.vacatureblok .multicolumn__item:last-of-type picture.cta-paragraph__image {
3885  padding-right: 2rem;
3886  padding-top: 2rem;
3887}
3888
3889.dashboard-table__reorder {
3890  white-space: nowrap;
3891}
3892
3893section.modal {
3894  height: 94%;
3895}
3896
3897.bg-news-page .cta-paragraph__content-container {
3898  max-width: unset;
3899}
3900
3901.bg-news-page .cta-paragraph__container {
3902  display: flex;
3903  gap: 1rem;
3904}
3905
3906.bg-news-page .cta-paragraph__content {
3907  padding: 0;
3908}
3909
3910@media screen and (max-width: 991px) {
3911  .stickymenu__replaceable__wrapper {
3912    display: none !important;
3913  }
3914
3915  .socialCC div {
3916    display: flex;
3917    gap: 1rem;
3918    justify-content: center;
3919  }
3920
3921  .footer__social:not(:last-child) {
3922    margin-right: unset !important;
3923  }
3924}
3925
3926.onze-merken {
3927  margin-bottom: 4rem;
3928}
3929
3930.buttononder_titelsCC .cta-paragraph__content {
3931  margin: 0;
3932  padding: 0;
3933  margin-bottom: 2rem;
3934}
3935
3936.ccheader-slider .AdvancedGrid__container {
3937  justify-content: center;
3938  background-size: 100% auto;
3939  background-repeat: no-repeat;
3940}
3941
3942.footer__newsletter-submit {
3943  text-transform: unset;
3944}
3945
3946.btn {
3947  text-transform: unset;
3948}
3949span.scroll-to-top__text {
3950  text-transform: none;
3951}
3952h2.footer__link-header {
3953  text-transform: none;
3954}
3955.vm-breadcrumbs {
3956  font-size: 1rem;
3957  margin: 1.5rem 0;
3958}
3959.tekst_en_sliderCC .AdvancedGrid__column .AdvancedGrid__row {
3960  align-items: center;
3961}
3962.tekst_en_sliderCC .AdvancedGrid__container {
3963  gap: 4rem;
3964}
3965.tekst_en_sliderCC .multicolumn .cta-paragraph__text p {
3966  font-size: 16px;
3967}
3968.cc-top-sellers .products-module__product-name--product {
3969  text-transform: initial;
3970}
3971.foto.schuin-hoek-rechts .cta-paragraph__image {
3972  aspect-ratio: 1/1;
3973}
3974.foto.schuin-hoek-rechts .cta-paragraph__content {
3975  padding-top: 1rem;
3976}
3977.foto.schuin-hoek-rechts .cta-paragraph__image-container {
3978  overflow: unset;
3979}
3980
3981@media screen and (min-width: 992px) {
3982  .foto.schuin-hoek-rechts .cta-paragraph__image {
3983    position: absolute;
3984    width: 85%;
3985    height: auto;
3986    margin: auto;
3987    transform: translate(10px, 10px);
3988  }
3989  .foto.schuin-hoek-rechts img.cta-paragraph__image {
3990    top: -70px;
3991  }
3992}
3993.foto.schuin-hoek-rechts .cta-paragraph__header {
3994  font-size: 22px;
3995  line-height: 1.6rem;
3996  margin-top: 0.5rem;
3997}
3998.vacature_headers .cta-paragraph__subheader {
3999  display: inline-block;
4000  width: fit-content;
4001  float: inline-end;
4002  margin-left: 1.5rem;
4003  font-weight: bold;
4004}
4005
4006.vacature_headers .cta-paragraph__header {
4007  display: inline-block;
4008  width: fit-content;
4009}
4010.nieuwGradientCC_omgekeerd {
4011  background: rgb(255, 255, 255);
4012  background: linear-gradient(
4013    102deg,
4014    rgba(255, 255, 255, 0) 50%,
4015    rgba(255, 255, 255, 1) 50%,
4016    rgba(255, 255, 255, 1) 50%
4017  );
4018}
4019
4020@media only screen and (max-width: 900px) {
4021  .nieuwGradientCC_omgekeerd {
4022    display: none;
4023  }
4024}
4025
4026.nieuwGradientCC_border {
4027  background: rgb(255, 255, 255);
4028  background: linear-gradient(
4029    270deg,
4030    rgba(255, 255, 255, 0) 85%,
4031    rgba(255, 255, 255, 1) 85%,
4032    rgba(255, 255, 255, 1) 85%
4033  );
4034}
4035
4036.nieuwGradientCC {
4037  background: rgb(255, 255, 255);
4038  background: linear-gradient(
4039    104deg,
4040    rgba(255, 255, 255, 1) 0%,
4041    rgba(255, 255, 255, 1) 50%,
4042    rgba(255, 255, 255, 0) 50%
4043  );
4044}
4045
4046@media screen and (min-width: 992px) {
4047  .visual_transparantCC.just-center .AdvancedGrid__container {
4048    justify-content: center;
4049    padding-top: 100px;
4050  }
4051  .visual_transparantCC.just-center
4052    .AdvancedGrid__container
4053    .cta-paragraph__content {
4054    padding-left: 60px;
4055  }
4056  .visual_transparantCC.just-center
4057    .AdvancedGrid__container
4058    .header-wijzijn
4059    .cta-paragraph__container
4060    .cta-paragraph__content {
4061    padding-left: 60px;
4062    padding-right: 0;
4063    padding-top: 0px;
4064    padding-bottom: 60px;
4065  }
4066
4067  .FormSollicitatie_content {
4068    padding-left: 50px;
4069    padding-right: 40px;
4070  }
4071  .rechterkolommetico .AdvancedGrid__row {
4072    padding-bottom: 5rem;
4073  }
4074  .vacatureHeaderCC .cta-paragraph__content-container {
4075    padding-left: 40px;
4076  }
4077  .buttonsonderelkaar .cta-paragraph__btn-navigation {
4078    padding: 0;
4079    flex-direction: column;
4080  }
4081  .buttonsonderelkaar .multicolumn__item:last-child {
4082    width: 200px;
4083  }
4084
4085  .title-vacatures.vacatureDetails .multicolumn__container.container {
4086    padding-left: 1rem;
4087  }
4088  .fullCC .cta-paragraph__content-container.no-image {
4089    max-width: 90%;
4090  }
4091}
4092
4093.onderkast {
4094  text-transform: none !important ;
4095}
4096.icons.onderkast .cta-paragraph__header {
4097  text-transform: none !important ;
4098}
4099.rechterkolommetico .AdvancedGrid__row {
4100  align-items: self-end !important;
4101}
4102
4103.kruimeltje {
4104  justify-content: flex-start !important;
4105}
4106.kruimeltje .navigation-paragraph {
4107  margin-bottom: 0;
4108}
4109.kruimeltje ol.navigation {
4110  list-style-type: none;
4111  padding-left: 2.3rem;
4112  overflow: hidden;
4113}
4114
4115.kruimeltje li.navigation__item {
4116  float: left;
4117  margin-top: 5px;
4118}
4119.kruimeltje .navigation-paragraph {
4120  max-width: 1320px;
4121  margin: auto;
4122  flex-grow: 1;
4123}
4124
4125.kruimeltje .navigation__item a.navigation__link {
4126  color: #929292;
4127  font-style: oblique;
4128}
4129
4130.kruimeltje li.navigation__item a {
4131  display: block;
4132  text-align: center;
4133  padding: 12px 12px;
4134  text-decoration: none;
4135  color: #929292;
4136  font-style: oblique;
4137}
4138.metkruimelpad .cta-paragraph__content {
4139  padding-top: 0px;
4140}
4141
4142.kruimeltje .navigation__item--active .navigation__link,
4143.kruimeltje li.navigation__item a:hover {
4144  border: none;
4145}
4146
4147.vacatureDetails .cta-paragraph__text ol li,
4148.vacatureDetails .cta-paragraph__text ul li {
4149  padding-bottom: 0.3rem;
4150  padding-top: 0;
4151}
4152
4153.custom-carousel h2.cta-paragraph__header {
4154  line-height: 1.2;
4155}
4156
4157.custom-buttons .flickity-button {
4158  background: none;
4159  border-radius: 0;
4160  border: 1px solid #282827;
4161}
4162
4163.custom-buttons-white .flickity-button {
4164  background: none;
4165  border-radius: 0;
4166  border: 1px solid #fff;
4167  color: #fff;
4168}
4169
4170.overflow-shown {
4171  overflow: unset;
4172}
4173
4174.intro-slider .carousel-cell .btn {
4175  color: #4966a0;
4176  background-color: unset;
4177  padding: 0.75rem 0;
4178  min-width: unset;
4179}
4180
4181.intro-slider .carousel-cell .btn i {
4182  position: relative;
4183}
4184
4185.intro-slider .carousel-cell .cta-paragraph__text p {
4186  font-size: 1rem;
4187}
4188
4189.po-block__name {
4190  text-transform: none;
4191}
4192
4193.intro-slider .carousel-cell {
4194  flex-grow: 1 !important;
4195}
4196
4197.intro-slider .carousel-cell .multicolumn__item {
4198  margin-top: 0;
4199  margin-bottom: 0;
4200}
4201
4202@media screen and (min-width: 992px) {
4203  .ccheader-slider .cta-paragraph__image {
4204    margin-left: 30px;
4205  }
4206
4207  .ccheader-slider .ccheader-slider_text .cta-paragraph__content {
4208    align-items: flex-end;
4209    padding: 4rem;
4210    margin-right: 0;
4211  }
4212
4213  .cc-card-slider .multicolumn__item {
4214    width: calc(100% / 3) !important;
4215  }
4216
4217  .lijnendwitteblok .cta-paragraph__content {
4218    padding-left: 0;
4219  }
4220  .visual_transparantCC.just-center
4221    .AdvancedGrid__container
4222    .bg-spacing_icons
4223    .cta-paragraph__content {
4224    padding: 10px;
4225  }
4226}
4227.bg-spacing_icons .cta-paragraph__header {
4228  letter-spacing: 1px;
4229  padding: 0;
4230}
4231
4232@media screen and (max-width: 992px) {
4233  .AdvancedGrid__column {
4234    min-width: unset;
4235    width: 100%;
4236    --Width: 100%;
4237  }
4238}
4239
4240.dealerlocator__dealerlist-item:focus {
4241  background: #4966a0;
4242  color: white;
4243}
4244
4245.AdvancedGrid--1313 .AdvancedGrid__container {
4246  max-width: 1200px;
4247  margin: 0 auto;
4248  gap: 3rem;
4249}
4250
4251.AdvancedGrid--1313 .AdvancedGrid__container .AdvancedGrid__row {
4252  --VerticalAlign: flex-start;
4253  --HorizontalAlign: flex-start;
4254}
4255
4256.pdp-paragraph,
4257.pdp__ProductName {
4258  width: 100%;
4259}
4260
4261.AdvancedGrid--1325 .AdvancedGrid__column--7917 {
4262  flex-grow: 1;
4263  max-width: 1200px;
4264  margin: 0 auto;
4265  margin-top: 5rem;
4266}
4267
4268.advanced-grid-tab .tab-content {
4269  margin-left: 0;
4270  margin-right: 0;
4271  border: 1px solid #ccc;
4272  border-top: 0;
4273}
4274
4275.advanced-grid-tab .tab {
4276  border-radius: 0;
4277}
4278
4279.pdp-sidebar-trigger {
4280  margin-top: 1rem;
4281  margin-bottom: 1rem;
4282}
4283
4284.toggle-of-canvas-menu {
4285  background-color: #a42047;
4286  color: #fff;
4287  font-weight: bold;
4288  padding-right: 1.6rem;
4289  justify-content: center;
4290}
4291
4292.toggle-of-canvas-menu .btn__icon {
4293  display: none !important;
4294}
4295
4296.blue_a_href a:not(.btn) {
4297  display: flex;
4298  align-items: center;
4299  background-color: #4966A0;
4300  padding: 0.5rem 1.5rem;
4301  width: -moz-fit-content;
4302  width: fit-content;
4303  color: white;
4304  text-decoration: none;
4305}
4306
4307.product-specifications__list-item>span {
4308// word-break: unset;
4309}
4310
4311.product-specifications__list-item>span {
4312    overflow-wrap: anywhere;
4313    word-break: break-word;
4314}
4315
4316.product-specifications__category + .product-specifications__category {
4317    margin-top: 0.5rem;
4318}
4319
4320.productimages__wrapper img {
4321max-width: 480px;
4322}
4323
4324@media screen and (min-width: 992px) {
4325    .AdvancedGrid__container--1313 > .AdvancedGrid__column {
4326        max-width: 50%;
4327    }
4328}
4329
4330.maxwidth1200 {
4331max-width: 1200px;
4332width: 100%;
4333}
4334
4335.AdvancedGrid__column:has(.maxwidth1200) {
4336align-items: center;
4337}
4338
4339.maxwidth1200 .cta-paragraph__content-container {
4340max-width: 52rem;
4341}
4342
4343.AdvancedGrid__container--1327 .AdvancedGrid__column--7919 {
4344    --FlexGrow: 1;
4345}
4346
4347.advanced-grid-tab .tab {
4348color: #1c1c1c;
4349font-weight: 400;
4350}
4351
4352.advanced-grid-tab .tab:not(.active):hover {
4353background: #fff;
4354}
4355
4356.pdp-sidebar-trigger,
4357[data-tab-behaviour="specifications"] {
4358    display: none !important;
4359}
4360
4361.shoppingcart-list__stock {
4362    display: none;
4363}
4364
4365.productimages .thumbnails-swiper .swiper-slide img {
4366    max-height: 100px;
4367}
4368
4369/* Vastgoedscan */
4370.vastgoedscan .AdvancedGrid__container{
4371background-size: cover;
4372 background-repeat: no-repeat;
4373}
4374
4375.vastgoedscan .cta-paragraph__content-container {
4376max-width: unset;
4377width: 100%;
4378}
4379
4380.vastgoedscan .cta-paragraph__btn-navigation {
4381justify-content: flex-end;
4382}
4383
4384.vastgoedscan .AdvancedGrid__row:nth-of-type(2) .cta-paragraph__content {
4385padding-bottom: 0;
4386}
4387
4388.vastgoedscan-banner h2 {
4389font-size: 80px;
4390line-height: 78%;
4391text-align: right;
4392}
4393
4394.vastgoedscan-banner .cta-paragraph__content {
4395align-items: flex-end;
4396margin-right: 0;
4397}
4398
4399.vastgoedscan-tekst .AdvancedGrid__column {
4400max-width: 1200px;
4401margin: 0 auto;
4402}
4403
4404.vastgoedscan-tekst .cta-paragraph__content-container {
4405max-width: unset;
4406width: 100%;
4407}
4408
4409.vastgoedscan-usp .cta-paragraph__header,
4410.vastgoedscan-carousel * {
4411color: #fff;
4412}
4413
4414.vastgoedscan-usp .AdvancedGrid__container {
4415padding: 4rem 0;
4416}
4417
4418.vastgoedscan-carousel .AdvancedGrid__container {
4419padding-bottom: 4rem;
4420/* max-width: 1200px; */ 
4421margin: 0 auto;
4422}
4423
4424.vastgoedscan-carousel .AdvancedGrid__column {
4425/* max-width: 1200px; */
4426width: 100%;
4427margin: 0 auto;
4428}
4429
4430.vastgoedscan-carousel .carousel .cta-paragraph__content {
4431background: #fff;
4432}
4433
4434.vastgoedscan-carousel .carousel h2,
4435.vastgoedscan-carousel .carousel .cta-paragraph__text p span {
4436color: #000;
4437}
4438
4439.vastgoedscan-jumbotron {
4440padding-top: 4rem;
4441}
4442
4443.vastgoedscan-usp .cta-paragraph__header {
4444font-weight: 900;
4445font-size: 30px;
4446line-height: 30px;
4447text-align: center;
4448letter-spacing: normal;
4449}
4450
4451.vastgoedscan-banner h2.cta-paragraph__subheader {
4452margin-top: 400px;
4453  font-family: "code-saver", sans-serif;
4454font-size: 24px;
4455line-height: 35px;
4456text-transform: none;
4457}
4458
4459.vastgoedscan-carousel .cta-paragraph__image {
4460aspect-ratio: 1/1;
4461}
4462
4463.vastgoedscan-jumbotron .jumbotron {
4464height: 800px !important;
4465}
4466
4467.vastgoedscan-jumbotron .jumbotron__image {
4468background-image: url('/Files/Images/Contact.jpg');
4469}
4470
4471.vastgoedscan-usp .cta-paragraph__image {
4472max-width: 20px;
4473margin: 0 auto;
4474}
4475
4476.vastgoedscan-usp .cta-paragraph__content-container {
4477align-self: center;
4478}
4479
4480.vastgoedscan-tekst span {
4481  font-family: "code-saver", sans-serif;
4482}
4483
4484.vastgoedscan-carousel {
4485background: #282827;
4486}
4487
4488@media screen and (min-width: 992px) {
4489.vastgoedscan-carousel .multicolumn {
4490/* width: 150%; */
4491overflow: visible; 
4492}
4493}
4494
4495.vastgoedscan-carousel .flickity-slider .multicolumn__item {
4496margin-right: 1rem;
4497}
4498.vastgoedscan_hero .cta-paragraph__text h2  {
4499    color: white;}
4500
4501
4502
4503
4504@media screen and (min-width: 1200px) {
4505.vastgoedscan_hero .cta-paragraph__text h2  {
4506    font-size: 48px;
4507}
4508.vastgoedscan .cta-paragraph__content{
4509padding-top:0px;
4510}
4511
4512.vastgoedscan .vastgoedscan_hero .cta-paragraph__content-container{
4513}
4514.AdvancedGrid__row.vastgoed_nav_bc {
4515    max-height: fit-content;
4516}
4517.vastgoedscan .AdvancedGrid__container{
4518padding-top:170px;}
4519}
4520
4521@media screen and (max-width: 992px) {
4522.vastgoedscan .AdvancedGrid__container {
4523background-position: center;
4524}
4525
4526.vastgoedscan-banner h2 {
4527font-size: clamp(1rem, 80px, 100%);
4528}
4529
4530.jumbotron__carousel-mob, .jumbotron__no-carousel-mob {
4531background-color: unset;
4532}
4533
4534.vastgoed_nav_bc {
4535max-height: max-content;
4536}
4537
4538.vastgoedscan_hero .cta-paragraph__text h2 {
4539font-size: 4rem;
4540}
4541}
4542
4543@media screen and (min-width: 992px) {
4544.vastgoedscan-carousel .flickity-prev-next-button.next {
4545    top: 22px;
4546    left: -50px;
4547right: 0;
4548}
4549
4550.vastgoedscan-carousel .flickity-prev-next-button.previous {
4551    top: 22px;
4552    left: -100px;
4553right: 0;
4554}
4555
4556.vastgoedscan-carousel .flickity-prev-next-button {
4557border-radius: 0;
4558background: transparent;
4559border: 1px solid white;
4560}
4561
4562.vastgoedscan-carousel .flickity-prev-next-button:hover {
4563background: unset;
4564}
4565}
4566
4567.vastgoed_nav_bc {
4568    padding: 100px 0 0 0;
4569}
4570
4571.vastgoedscan-usp .cta-paragraph__header {
4572    font-size: 37px;
4573    line-height: 37px;
4574    letter-spacing: 1px;
4575}
4576
4577.cta-paragraph__content--16540 {
4578padding: 0 0 0 50px;
4579}
4580
4581.vastgoedscan-carousel .AdvancedGrid__row > .cta-paragraph .cta-paragraph__text > p span {
4582color: white !important;
4583}
4584
4585@media screen and (max-width: 992px) {
4586.AdvancedGrid__column {
4587min-width: unset !important;
4588width: 100% !important;
4589}
4590
4591.kruimeltje {
4592background-color: #1b1c1c;
4593}
4594
4595.transparanteheader .AdvancedGrid__container {
4596background-color: #1b1b1b;
4597background-image: unset !important;
4598}
4599
4600.transparanteheader, .transparanteheader .AdvancedGrid__container {
4601min-height: unset !important;
4602}
4603
4604.transparanteheader .cta-paragraph__content {
4605padding: 2rem !important;
4606}
4607}
4608		/* CssManagerObj */ 
4609		
4610	</style>
4611
4612</head>
4613
4614<body class="MasterConfig_BaseSolution">
4615	<style> {
4616
4617}
4618 </style>
4619	<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 4619-4620
4619
4620<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
4620GTM-5RD8BJHM
vendor: 83 bytes, lines 4620-4621
4620"
4621height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
4622<!-- End Google Tag Manager (noscript) -->
4623
4624
4625	
4626
4627
4628
4629
4630
4631
4632
4633<script>
4634
4635	function setImagesSizes(Classname) {
4636		var Images = document.querySelectorAll(Classname);
4637		for (var index = 0; index < Images.length; index++) {
4638			if (!Images[index].hasAttribute("height")) {
4639				Images[index].setAttribute("height", Images[index].offsetHeight);
4640			}
4641			if (!Images[index].hasAttribute("width")) {
4642				Images[index].setAttribute("width", Images[index].offsetWidth);
4643			}
4644		}
4645	}
4646
4647	window.addEventListener('load', function () {
4648		setImagesSizes("img");
4649		setImagesSizes(".mc-header__logo-image");
4650	});
4651
4652</script>
4652
4653
4654
4655	<header>
4656
4657			    <section class='header header--53'>
4658				    <div class='header__container'></div>
4659				    <div class='header__stickyheader-container'></div>
4660			    </section>
4661
4662		    
4663
4664			    <section class='header header--41'>
4665				    <div class='header__container'><section class="AdvancedGrid AdvancedGrid--255 top-headerCC"><article class="AdvancedGrid__container"><section class="AdvancedGrid__column AdvancedGrid__column--2846 "><div class="AdvancedGrid__row AdvancedGrid__row--2341 ">
4666
4667
4668
4669
4670<ul class="usp__list">
4671	
4672			<li class="usp__item usp__item--92">
4673				<i class="fal fa-check usp__icon"></i>
4674				<span>24-uurs levering</span>
4675			</li>
4676	
4677			<li class="usp__item usp__item--92">
4678				<i class="fal fa-check usp__icon"></i>
4679				<span>Deskundig advies</span>
4680			</li>
4681	
4682	
4683	
4684</ul>
4685
4686<style>
4687	.usp__item--92 {
4688		color: ;
4689	}
4690
4691	.usp__item--92 svg,
4692	.usp__item--92 i{
4693		color: #59AA2F;
4694	}
4695</style>
4696
4697
4698
4699
4700</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2847 "><div class="AdvancedGrid__row AdvancedGrid__row--2342 ">
4701
4702
4703
4704<ul class="addedmenu">
4705        <li class="addedmenu__item">
4706                <a href="/consumenten" class="addedmenu__link ">Consumenten</a>
4707        </li>
4708        <li class="addedmenu__item">
4709                <a href="/trainingen" class="addedmenu__link ">Trainingen</a>
4710        </li>
4711        <li class="addedmenu__item">
4712                <a href="/klantenservice/bestellen" class="addedmenu__link ">Klantenservice</a>
4713        </li>
4714        <li class="addedmenu__item">
4715                <a href="/vacatures" class="addedmenu__link ">Werken bij</a>
4716        </li>
4717        <li class="addedmenu__item">
4718                <a href="/over-ons" class="addedmenu__link ">Over ons</a>
4719        </li>
4720</ul>
4721</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2848 "><div class="AdvancedGrid__row AdvancedGrid__row--2343 ">
4722
4723
4724<div><a href="https://www.facebook.com/colourscoatings/" target="_blank" title="facebook" class="footer__social topdesk" rel="noreferrer"><i class="fab fa-facebook-square"></i></a>
4725
4726<a href="https://nl.linkedin.com/company/coloursencoatings" target="_blank" title="LinkedIn" class="footer__social" rel="noreferrer"><i class="fab fa-linkedin"></i></a>
4727</div>
4728</div></section></article></section><section class="AdvancedGrid AdvancedGrid--257 headerDefaultCC"><article class="AdvancedGrid__container"><section class="AdvancedGrid__column AdvancedGrid__column--5119 "><div class="AdvancedGrid__row AdvancedGrid__row--5389 "></div></section><section class="AdvancedGrid__column AdvancedGrid__column--2853 logoCC"><div class="AdvancedGrid__row AdvancedGrid__row--2348 ">
4729
4730
4731<nav class="mainmenu mainmenu--144">
4732
4733
4734	<header-menu id="header-menu"
4735		data-enable-quickorder="True"
4736		data-enable-login="True"
4737		data-enable-shopping-cart="False"
4738		data-user-logged-in="False"
4739		data-main-menu-hover="False">
4740
4741		
4742<div class="mainmenu__list-container">
4743    <ul class="mainmenu__list h-full">
4744
4745            <li class="mainmenu__item">
4746                <a href="/home" class="mainmenu__link mainmenu__link--active">
4747                    <span data-text="Home" class="mainmenu__label">Home</span>
4748                </a>
4749            </li>
4750            <li class="mainmenu__item">
4751                <a href="/assortiment" class="mainmenu__link ">
4752                    <span data-text="Assortiment" class="mainmenu__label">Assortiment</span>
4753                </a>
4754            </li>
4755            <li class="mainmenu__item">
4756                <a href="/support-centers" class="mainmenu__link ">
4757                    <span data-text="Support centers" class="mainmenu__label">Support centers</span>
4758                </a>
4759            </li>
4760            <li class="mainmenu__item">
4761                <a href="/contact" class="mainmenu__link ">
4762                    <span data-text="Contact" class="mainmenu__label">Contact</span>
4763                </a>
4764            </li>
4765            <li class="mainmenu__item">
4766                <a href="/nieuws" class="mainmenu__link ">
4767                    <span data-text="Nieuws" class="mainmenu__label">Nieuws</span>
4768                </a>
4769            </li>
4770            <li class="mainmenu__item">
4771                <a href="/vastgoedscan" class="mainmenu__link ">
4772                    <span data-text="Vastgoedscan" class="mainmenu__label">Vastgoedscan</span>
4773                </a>
4774            </li>
4775
4776    </ul>
4777</div>
4778
4779
4780	</header-menu>
4781
4782</nav>
4783
4784<style>
4785	.mainmenu--144{
4786width: 100%;
4787		box-shadow: none;
4788		height: 100%;
4789		background-color: transparent;
4790
4791	}
4792
4793	.mainmenu--144 .mainmenu__list-container {
4794		height: 100%;
4795	}
4796
4797	.mainmenu--144 .mainmenu__link {
4798		background-color: transparent !important;
4799		text-transform: uppercase;
4800	}
4801
4802	.mainmenu--144 .mainmenu__link .mainmenu__label {
4803		color:  !important;
4804		font-family: code-saver, sans-serif;
4805		font-size: 1rem;
4806		line-height: ;
4807	}
4808
4809	.mainmenu--144 .mainmenu__link:hover {
4810		background-color: transparent !important;
4811	}
4812
4813	.mainmenu--144 .mainmenu__link:hover .mainmenu__label{
4814		color: #F3C300 !important;
4815	}
4816
4817	.mainmenu--144 .mainmenu__link--active{
4818		background-color: transparent !important;
4819	}
4820
4821	.mainmenu--144 .mainmenu__link--active .mainmenu__label{
4822		color: #F3C300 !important;
4823	}
4824
4825	.mc-header__main-menu {
4826		width: auto;
4827	}
4828
4829	@media screen and (min-width: 992px) {
4830
4831		.mainmenu--144 .mainmenu .mainmenu__link {
4832			background-color: transparent !important;
4833			text-transform: uppercase;
4834		}
4835
4836		.mainmenu--144 .mainmenu .mainmenu__link .mainmenu__label {
4837			color:  !important;
4838		}
4839
4840		.mainmenu--144 .mainmenu .mainmenu__link:hover {
4841			background-color: transparent !important;
4842		}
4843
4844		.mainmenu--144 .mainmenu .mainmenu__link:hover .mainmenu__label {
4845			color: #F3C300 !important;
4846		}
4847
4848		.mainmenu--144 .mainmenu .mainmenu__link--active {
4849			background-color: transparent !important;
4850		}
4851
4852		.mainmenu--144 .mainmenu .mainmenu__link--active .mainmenu__label {
4853			color: #F3C300 !important;
4854		}
4855
4856	}
4857
4858	.mainmenu--144 .mainmenu__item:first-child {
4859		display: none;
4860	}
4861
4862	/*** Header ***/
4863	/*** Header Structure ***/
4864	/*** Mainmenu ***/
4865
4866	.mainmenu--144 .mainmenu__label {
4867		font-family: code-saver, sans-serif;
4868		font-size: 1rem;
4869		font-weight: bold;
4870		text-transform: none;
4871	}
4872</style>
4873</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2854 zoekCC"><div class="AdvancedGrid__row AdvancedGrid__row--2349 ">
4874
4875
4876
4877		<figure class="Header__logo Header__logo--140">
4878			<a href="/home" aria-label="Logo">
4879				<img src="/Files/Images/Structure/colorscoatings_logoDiaPos.png" alt="" />
4880			</a>
4881		</figure>
4882		<style>
4883
4884			.Header__logo--140 {
4885				--Top: 10px;
4886				--Left: 50px;
4887				--Width: auto;
4888			}
4889
4890			.Header__logo--140 {
4891				--Height: 100%;
4892				--Width: 150px;
4893			}
4894
4895			.Header__logo--140 img {
4896				--Height: auto;
4897				--Width: 150px;
4898			}
4899
4900		</style>
4901</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2855 favCC"><div class="AdvancedGrid__row AdvancedGrid__row--2350 ">
4902
4903
4904<section class="widget-73 searchbox__container">
4905	<div id="advanced-search" 
4906		data-show-prices="false" 
4907		data-show-zero-prices="false" 
4908		data-show-add-to-cart="false" 
4909		data-show-add-to-cart-zero-prices="false" 
4910		data-show-add-to-cart-out-of-stock="true"
4911		data-show-product-number="True"
4912		data-show-product-manufacturer="True"
4913	></div>
4914</section>
4915
4916<style>
4917
4918	.widget-73 {
4919--ShowProduct : flex;
4920--ShowPages : flex;
4921--ShowPrices : none;
4922--SearchBoxFullheight : 40px;
4923--MaxWidth : 326px;
4924}
4925.widget-73 .searchbox__input {
4926--Color: #FFFFFF;
4927--FontStyle: none;
4928--Position: relative;
4929
4930}
4931.widget-73 .icon__search {
4932--Color: #FFFFFF;
4933--FontStyle: none;
4934--Position: relative;
4935
4936}
4937.widget-73 .search-results__column-title {
4938--Color: #FFFFFF;
4939--FontStyle: none;
4940--FontWeight: normal;
4941--FontFamily: code-saver, sans-serif;
4942--Position: relative;
4943
4944}
4945.widget-73 .search-results {
4946--Color: #FFFFFF;
4947--FontStyle: none;
4948--Position: relative;
4949
4950--Left : unset;
4951--Right : 0;
4952--Transform : none;
4953}
4954
4955
4956	.widget-73 {
4957		--ShowAddToCart:	none;
4958	}
4959
4960</style>
4961</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2856 accountCC"><div class="AdvancedGrid__row AdvancedGrid__row--2351 "></div></section><section class="AdvancedGrid__column AdvancedGrid__column--2857 cartCC"><div class="AdvancedGrid__row AdvancedGrid__row--2352 ">
4962
4963
4964
4965<div class="usermenu widget-container-70">
4966	<a href="/login?Redirect=%2F" class="widget-70 " aria-label="Login">
4967		<i class="fal fa-user"></i>
4968	</a>
4969</div>
4970
4971<style>
4972	.widget-70 {
4973		display: flex;
4974		height: 100%;
4975		color: white;
4976		flex-direction: column;
4977		justify-content: center;
4978		align-items: center;
4979	}
4980</style>
4981</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2858 "><div class="AdvancedGrid__row AdvancedGrid__row--2353 ">
4982
4983
4984</div></section></article></section></div>
4985				    <div class='header__stickyheader-container'><section class="AdvancedGrid AdvancedGrid--253 top-headerCC"><article class="AdvancedGrid__container"><section class="AdvancedGrid__column AdvancedGrid__column--2839 "><div class="AdvancedGrid__row AdvancedGrid__row--2334 ">
4986
4987
4988
4989
4990<ul class="usp__list">
4991	
4992			<li class="usp__item usp__item--90">
4993				<i class="fal fa-check usp__icon"></i>
4994				<span>24-uurs levering</span>
4995			</li>
4996	
4997			<li class="usp__item usp__item--90">
4998				<i class="fal fa-check usp__icon"></i>
4999				<span>Deskundig advies</span>
5000			</li>
5001	
5002	
5003	
5004</ul>
5005
5006<style>
5007	.usp__item--90 {
5008		color: ;
5009	}
5010
5011	.usp__item--90 svg,
5012	.usp__item--90 i{
5013		color: #59AA2F;
5014	}
5015</style>
5016
5017
5018
5019
5020</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2840 "><div class="AdvancedGrid__row AdvancedGrid__row--2335 ">
5021
5022
5023
5024<ul class="addedmenu">
5025        <li class="addedmenu__item">
5026                <a href="/consumenten" class="addedmenu__link ">Consumenten</a>
5027        </li>
5028        <li class="addedmenu__item">
5029                <a href="/trainingen" class="addedmenu__link ">Trainingen</a>
5030        </li>
5031        <li class="addedmenu__item">
5032                <a href="/klantenservice/bestellen" class="addedmenu__link ">Klantenservice</a>
5033        </li>
5034        <li class="addedmenu__item">
5035                <a href="/vacatures" class="addedmenu__link ">Werken bij</a>
5036        </li>
5037        <li class="addedmenu__item">
5038                <a href="/over-ons" class="addedmenu__link ">Over ons</a>
5039        </li>
5040</ul>
5041</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2841 "><div class="AdvancedGrid__row AdvancedGrid__row--2336 ">
5042
5043
5044<div><a href="https://www.facebook.com/colourscoatings/" target="_blank" title="facebook" class="footer__social topdesk" rel="noreferrer"><i class="fab fa-facebook-square"></i></a>
5045
5046<a href="https://nl.linkedin.com/company/coloursencoatings" target="_blank" title="LinkedIn" class="footer__social" rel="noreferrer"><i class="fab fa-linkedin"></i></a>
5047</div>
5048</div></section></article></section><section class="AdvancedGrid AdvancedGrid--249 headerDefaultCC"><article class="AdvancedGrid__container"><section class="AdvancedGrid__column AdvancedGrid__column--5134 "><div class="AdvancedGrid__row AdvancedGrid__row--5404 "></div></section><section class="AdvancedGrid__column AdvancedGrid__column--2812 logoCC"><div class="AdvancedGrid__row AdvancedGrid__row--2307 ">
5049
5050
5051<nav class="mainmenu mainmenu--142">
5052
5053
5054	<header-menu id="header-menu"
5055		data-enable-quickorder="True"
5056		data-enable-login="True"
5057		data-enable-shopping-cart="False"
5058		data-user-logged-in="False"
5059		data-main-menu-hover="False">
5060
5061		
5062<div class="mainmenu__list-container">
5063    <ul class="mainmenu__list h-full">
5064
5065            <li class="mainmenu__item">
5066                <a href="/home" class="mainmenu__link mainmenu__link--active">
5067                    <span data-text="Home" class="mainmenu__label">Home</span>
5068                </a>
5069            </li>
5070            <li class="mainmenu__item">
5071                <a href="/assortiment" class="mainmenu__link ">
5072                    <span data-text="Assortiment" class="mainmenu__label">Assortiment</span>
5073                </a>
5074            </li>
5075            <li class="mainmenu__item">
5076                <a href="/support-centers" class="mainmenu__link ">
5077                    <span data-text="Support centers" class="mainmenu__label">Support centers</span>
5078                </a>
5079            </li>
5080            <li class="mainmenu__item">
5081                <a href="/contact" class="mainmenu__link ">
5082                    <span data-text="Contact" class="mainmenu__label">Contact</span>
5083                </a>
5084            </li>
5085            <li class="mainmenu__item">
5086                <a href="/nieuws" class="mainmenu__link ">
5087                    <span data-text="Nieuws" class="mainmenu__label">Nieuws</span>
5088                </a>
5089            </li>
5090            <li class="mainmenu__item">
5091                <a href="/vastgoedscan" class="mainmenu__link ">
5092                    <span data-text="Vastgoedscan" class="mainmenu__label">Vastgoedscan</span>
5093                </a>
5094            </li>
5095
5096    </ul>
5097</div>
5098
5099
5100	</header-menu>
5101
5102</nav>
5103
5104<style>
5105	.mainmenu--142{
5106width: 100%;
5107		box-shadow: none;
5108		height: 100%;
5109		background-color: transparent;
5110
5111	}
5112
5113	.mainmenu--142 .mainmenu__list-container {
5114		height: 100%;
5115	}
5116
5117	.mainmenu--142 .mainmenu__link {
5118		background-color: transparent !important;
5119		text-transform: uppercase;
5120	}
5121
5122	.mainmenu--142 .mainmenu__link .mainmenu__label {
5123		color:  !important;
5124		font-family: code-saver, sans-serif;
5125		font-size: 1rem;
5126		line-height: ;
5127	}
5128
5129	.mainmenu--142 .mainmenu__link:hover {
5130		background-color: transparent !important;
5131	}
5132
5133	.mainmenu--142 .mainmenu__link:hover .mainmenu__label{
5134		color: #F3C300 !important;
5135	}
5136
5137	.mainmenu--142 .mainmenu__link--active{
5138		background-color: transparent !important;
5139	}
5140
5141	.mainmenu--142 .mainmenu__link--active .mainmenu__label{
5142		color: #F3C300 !important;
5143	}
5144
5145	.mc-header__main-menu {
5146		width: auto;
5147	}
5148
5149	@media screen and (min-width: 992px) {
5150
5151		.mainmenu--142 .mainmenu .mainmenu__link {
5152			background-color: transparent !important;
5153			text-transform: uppercase;
5154		}
5155
5156		.mainmenu--142 .mainmenu .mainmenu__link .mainmenu__label {
5157			color:  !important;
5158		}
5159
5160		.mainmenu--142 .mainmenu .mainmenu__link:hover {
5161			background-color: transparent !important;
5162		}
5163
5164		.mainmenu--142 .mainmenu .mainmenu__link:hover .mainmenu__label {
5165			color: #F3C300 !important;
5166		}
5167
5168		.mainmenu--142 .mainmenu .mainmenu__link--active {
5169			background-color: transparent !important;
5170		}
5171
5172		.mainmenu--142 .mainmenu .mainmenu__link--active .mainmenu__label {
5173			color: #F3C300 !important;
5174		}
5175
5176	}
5177
5178	.mainmenu--142 .mainmenu__item:first-child {
5179		display: none;
5180	}
5181
5182	/*** Header ***/
5183	/*** Header Structure ***/
5184	/*** Mainmenu ***/
5185
5186	.mainmenu--142 .mainmenu__label {
5187		font-family: code-saver, sans-serif;
5188		font-size: 1rem;
5189		font-weight: bold;
5190		text-transform: none;
5191	}
5192</style>
5193</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2813 zoekCC"><div class="AdvancedGrid__row AdvancedGrid__row--2308 ">
5194
5195
5196
5197		<figure class="Header__logo Header__logo--138">
5198			<a href="/home" aria-label="Logo">
5199				<img src="/Files/Images/Structure/colorscoatings_logoDiaPos.png" alt="" />
5200			</a>
5201		</figure>
5202		<style>
5203
5204			.Header__logo--138 {
5205				--Top: 10px;
5206				--Left: 50px;
5207				--Width: auto;
5208			}
5209
5210			.Header__logo--138 {
5211				--Height: 100%;
5212				--Width: 150px;
5213			}
5214
5215			.Header__logo--138 img {
5216				--Height: auto;
5217				--Width: 150px;
5218			}
5219
5220		</style>
5221</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2814 favCC"><div class="AdvancedGrid__row AdvancedGrid__row--2309 ">
5222
5223
5224<section class="widget-71 searchbox__container">
5225	<div id="advanced-search" 
5226		data-show-prices="false" 
5227		data-show-zero-prices="false" 
5228		data-show-add-to-cart="false" 
5229		data-show-add-to-cart-zero-prices="false" 
5230		data-show-add-to-cart-out-of-stock="true"
5231		data-show-product-number="True"
5232		data-show-product-manufacturer="True"
5233	></div>
5234</section>
5235
5236<style>
5237
5238	.widget-71 {
5239--ShowProduct : flex;
5240--ShowPages : flex;
5241--ShowPrices : none;
5242--SearchBoxFullheight : 40px;
5243--MaxWidth : 326px;
5244}
5245.widget-71 .searchbox__input {
5246--Color: #FFFFFF;
5247--FontStyle: none;
5248--Position: relative;
5249
5250}
5251.widget-71 .icon__search {
5252--Color: #FFFFFF;
5253--FontStyle: none;
5254--Position: relative;
5255
5256}
5257.widget-71 .search-results__column-title {
5258--Color: #FFFFFF;
5259--FontStyle: none;
5260--FontWeight: normal;
5261--FontFamily: code-saver, sans-serif;
5262--Position: relative;
5263
5264}
5265.widget-71 .search-results {
5266--Color: #FFFFFF;
5267--FontStyle: none;
5268--Position: relative;
5269
5270--Left : unset;
5271--Right : 0;
5272--Transform : none;
5273}
5274
5275
5276	.widget-71 {
5277		--ShowAddToCart:	none;
5278	}
5279
5280</style>
5281</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2815 accountCC"><div class="AdvancedGrid__row AdvancedGrid__row--2310 "></div></section><section class="AdvancedGrid__column AdvancedGrid__column--2816 cartCC"><div class="AdvancedGrid__row AdvancedGrid__row--2311 ">
5282
5283
5284
5285<div class="usermenu widget-container-68">
5286	<a href="/login?Redirect=%2F" class="widget-68 " aria-label="Login">
5287		<i class="fal fa-user"></i>
5288	</a>
5289</div>
5290
5291<style>
5292	.widget-68 {
5293		display: flex;
5294		height: 100%;
5295		color: white;
5296		flex-direction: column;
5297		justify-content: center;
5298		align-items: center;
5299	}
5300</style>
5301</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2817 "><div class="AdvancedGrid__row AdvancedGrid__row--2312 ">
5302
5303
5304</div></section></article></section><section class="AdvancedGrid AdvancedGrid--251 onderkanttopCC"><article class="AdvancedGrid__container"><section class="AdvancedGrid__column AdvancedGrid__column--2827 "><div class="AdvancedGrid__row AdvancedGrid__row--2322 ">
5305
5306
5307<div></div>
5308</div></section></article></section></div>
5309			    </section>
5310
5311		    </header>
5312	<!-- DO NOT REMOVE -->
5313	<div id="quick-order"></div>
5314	<div id="backdrop-megamenu"></div>
5315	<mega-menu id="mega-menu"></mega-menu>
5316	<!-- DO NOT REMOVE -->
5317
5318
5319<style>
5320			    
5321
5322		        @media screen   and (max-width: 995px){
5323			        .header--53 {
5324
5325				        /*--HeaderHeaderContainerSize: @*@HeaderContainerSize*@;*/
5326				        
5327                        /*--- Position ---*/
5328                        --HeaderPosition: absolute;
5329
5330				        --HeaderContainerDisplay: block !important;
5331                        --HeaderStickyheaderContainerDisplay: none;
5332				        --StickyHeaderContainerDisplay: none;
5333			        }
5334		        }
5335
5336	        
5337			    
5338			    
5339		    
5340			    
5341
5342		        @media screen  and (min-width: 992px) {
5343			        .header--41 {
5344
5345				        /*--HeaderHeaderContainerSize: @*@HeaderContainerSize*@;*/
5346				        
5347                        /*--- Position ---*/
5348                        --HeaderPosition: absolute;
5349
5350				        --HeaderContainerDisplay: block !important;
5351                        --HeaderStickyheaderContainerDisplay: none;
5352				        --StickyHeaderContainerDisplay: none;
5353			        }
5354		        }
5355
5356	        
5357			    
5358			    
5359                .AdvancedGrid--255{
5360
5361				    --Height: 40px;
5362				    --BackgroundColor: #363636;
5363
5364			    }
5365
5366                
5367				
5368				.AdvancedGrid__column--2846{
5369
5370                    min-width: auto;
5371--BackgroundColor: transparent;
5372--FlexGrow: 1;
5373--FlexBasis: 0;
5374--FlexSchrink: 1;
5375--Padding: ;
5376
5377
5378				}
5379
5380                
5381                .AdvancedGrid__row--2341{
5382				    max-height:40px;
5383				    --BackgroundColor: transparent;
5384			    }
5385            
5386
5387			
5388				
5389				.AdvancedGrid__column--2847{
5390
5391                    max-width: 522px;
5392--BackgroundColor: transparent;
5393--FlexGrow: 1;
5394--FlexBasis: 0;
5395--FlexSchrink: 0;
5396--Padding: ;
5397
5398
5399				}
5400
5401                
5402                .AdvancedGrid__row--2342{
5403				    max-height:40px;
5404				    --BackgroundColor: transparent;
5405			    }
5406            
5407
5408			
5409				
5410				.AdvancedGrid__column--2848{
5411
5412                    max-width: 120px;
5413--BackgroundColor: transparent;
5414--FlexGrow: 1;
5415--FlexBasis: 0;
5416--FlexSchrink: 1;
5417--Padding: ;
5418
5419
5420				}
5421
5422                
5423                .AdvancedGrid__row--2343{
5424				    max-height:40px;
5425				    --BackgroundColor: transparent;
5426			    }
5427            
5428
5429			
5430            
5431			    
5432                .AdvancedGrid--257{
5433
5434				    --Height: 60px;
5435				    --BackgroundColor: transparent;
5436
5437			    }
5438
5439                
5440				
5441				.AdvancedGrid__column--5119{
5442
5443                    max-width: auto;
5444--BackgroundColor: transparent;
5445--FlexGrow: 0;
5446--FlexBasis: 0;
5447--FlexSchrink: 0;
5448--Padding: ;
5449
5450
5451				}
5452
5453                
5454                .AdvancedGrid__row--5389{
5455				    min-height:60px;
5456				    --BackgroundColor: transparent;
5457			    }
5458            
5459
5460			
5461				
5462				.AdvancedGrid__column--2853{
5463
5464                    max-width: 480px;
5465--BackgroundColor: transparent;
5466--FlexGrow: 1;
5467--FlexBasis: 0;
5468--FlexSchrink: 1;
5469--Padding: ;
5470
5471
5472				}
5473
5474                
5475                .AdvancedGrid__row--2348{
5476				    min-height:70px;
5477				    --BackgroundColor: transparent;
5478			    }
5479            
5480
5481			
5482				
5483				.AdvancedGrid__column--2854{
5484
5485                    max-width: 300px;
5486--BackgroundColor: transparent;
5487--FlexGrow: 1;
5488--FlexBasis: 0;
5489--FlexSchrink: 1;
5490--Padding: ;
5491
5492
5493				}
5494
5495                
5496                .AdvancedGrid__row--2349{
5497				    max-height:60px;
5498				    --BackgroundColor: transparent;
5499			    }
5500            
5501
5502			
5503				
5504				.AdvancedGrid__column--2855{
5505
5506                    max-width: 250px;
5507--BackgroundColor: transparent;
5508--FlexGrow: 1;
5509--FlexBasis: 0;
5510--FlexSchrink: 1;
5511--Padding: ;
5512
5513
5514				}
5515
5516                
5517                .AdvancedGrid__row--2350{
5518				    min-height:60px;
5519				    --BackgroundColor: transparent;
5520			    }
5521            
5522
5523			
5524				
5525				.AdvancedGrid__column--2856{
5526
5527                    max-width: 60px;
5528--BackgroundColor: transparent;
5529--FlexGrow: 1;
5530--FlexBasis: 0;
5531--FlexSchrink: 1;
5532--Padding: ;
5533
5534
5535				}
5536
5537                
5538                .AdvancedGrid__row--2351{
5539				    min-height:60px;
5540				    --BackgroundColor: transparent;
5541			    }
5542            
5543
5544			
5545				
5546				.AdvancedGrid__column--2857{
5547
5548                    max-width: 60px;
5549--BackgroundColor: transparent;
5550--FlexGrow: 1;
5551--FlexBasis: 0;
5552--FlexSchrink: 1;
5553--Padding: ;
5554
5555
5556				}
5557
5558                
5559                .AdvancedGrid__row--2352{
5560				    min-height:60px;
5561				    --BackgroundColor: transparent;
5562			    }
5563            
5564
5565			
5566				
5567				.AdvancedGrid__column--2858{
5568
5569                    max-width: 60px;
5570--BackgroundColor: transparent;
5571--FlexGrow: 1;
5572--FlexBasis: 0;
5573--FlexSchrink: 1;
5574--Padding: ;
5575
5576
5577				}
5578
5579                
5580                .AdvancedGrid__row--2353{
5581				    min-height:60px;
5582				    --BackgroundColor: transparent;
5583			    }
5584            
5585
5586			
5587            
5588			    
5589			    
5590                .AdvancedGrid--253{
5591
5592				    --Height: 40px;
5593				    --BackgroundColor: #363636;
5594
5595			    }
5596
5597                
5598				
5599				.AdvancedGrid__column--2839{
5600
5601                    min-width: auto;
5602--BackgroundColor: transparent;
5603--FlexGrow: 1;
5604--FlexBasis: 0;
5605--FlexSchrink: 1;
5606--Padding: ;
5607
5608
5609				}
5610
5611                
5612                .AdvancedGrid__row--2334{
5613				    max-height:40px;
5614				    --BackgroundColor: transparent;
5615			    }
5616            
5617
5618			
5619				
5620				.AdvancedGrid__column--2840{
5621
5622                    max-width: 522px;
5623--BackgroundColor: transparent;
5624--FlexGrow: 1;
5625--FlexBasis: 0;
5626--FlexSchrink: 0;
5627--Padding: ;
5628
5629
5630				}
5631
5632                
5633                .AdvancedGrid__row--2335{
5634				    max-height:40px;
5635				    --BackgroundColor: transparent;
5636			    }
5637            
5638
5639			
5640				
5641				.AdvancedGrid__column--2841{
5642
5643                    max-width: 120px;
5644--BackgroundColor: transparent;
5645--FlexGrow: 1;
5646--FlexBasis: 0;
5647--FlexSchrink: 1;
5648--Padding: ;
5649
5650
5651				}
5652
5653                
5654                .AdvancedGrid__row--2336{
5655				    max-height:40px;
5656				    --BackgroundColor: transparent;
5657			    }
5658            
5659
5660			
5661            
5662			    
5663                .AdvancedGrid--249{
5664
5665				    --Height: 60px;
5666				    --BackgroundColor: #1C1C1C;
5667
5668			    }
5669
5670                
5671				
5672				.AdvancedGrid__column--5134{
5673
5674                    max-width: auto;
5675--BackgroundColor: transparent;
5676--FlexGrow: 0;
5677--FlexBasis: 0;
5678--FlexSchrink: 0;
5679--Padding: ;
5680
5681
5682				}
5683
5684                
5685                .AdvancedGrid__row--5404{
5686				    min-height:60px;
5687				    --BackgroundColor: transparent;
5688			    }
5689            
5690
5691			
5692				
5693				.AdvancedGrid__column--2812{
5694
5695                    max-width: 480px;
5696--BackgroundColor: transparent;
5697--FlexGrow: 1;
5698--FlexBasis: 0;
5699--FlexSchrink: 1;
5700--Padding: ;
5701
5702
5703				}
5704
5705                
5706                .AdvancedGrid__row--2307{
5707				    min-height:70px;
5708				    --BackgroundColor: transparent;
5709			    }
5710            
5711
5712			
5713				
5714				.AdvancedGrid__column--2813{
5715
5716                    max-width: 300px;
5717--BackgroundColor: transparent;
5718--FlexGrow: 1;
5719--FlexBasis: 0;
5720--FlexSchrink: 1;
5721--Padding: ;
5722
5723
5724				}
5725
5726                
5727                .AdvancedGrid__row--2308{
5728				    max-height:60px;
5729				    --BackgroundColor: transparent;
5730			    }
5731            
5732
5733			
5734				
5735				.AdvancedGrid__column--2814{
5736
5737                    max-width: 250px;
5738--BackgroundColor: transparent;
5739--FlexGrow: 1;
5740--FlexBasis: 0;
5741--FlexSchrink: 1;
5742--Padding: ;
5743
5744
5745				}
5746
5747                
5748                .AdvancedGrid__row--2309{
5749				    min-height:60px;
5750				    --BackgroundColor: transparent;
5751			    }
5752            
5753
5754			
5755				
5756				.AdvancedGrid__column--2815{
5757
5758                    max-width: 60px;
5759--BackgroundColor: transparent;
5760--FlexGrow: 1;
5761--FlexBasis: 0;
5762--FlexSchrink: 1;
5763--Padding: ;
5764
5765
5766				}
5767
5768                
5769                .AdvancedGrid__row--2310{
5770				    min-height:60px;
5771				    --BackgroundColor: transparent;
5772			    }
5773            
5774
5775			
5776				
5777				.AdvancedGrid__column--2816{
5778
5779                    max-width: 60px;
5780--BackgroundColor: #1C1C1C;
5781--FlexGrow: 1;
5782--FlexBasis: 0;
5783--FlexSchrink: 1;
5784--Padding: ;
5785
5786
5787				}
5788
5789                
5790                .AdvancedGrid__row--2311{
5791				    min-height:60px;
5792				    --BackgroundColor: transparent;
5793			    }
5794            
5795
5796			
5797				
5798				.AdvancedGrid__column--2817{
5799
5800                    max-width: 60px;
5801--BackgroundColor: transparent;
5802--FlexGrow: 1;
5803--FlexBasis: 0;
5804--FlexSchrink: 1;
5805--Padding: ;
5806
5807
5808				}
5809
5810                
5811                .AdvancedGrid__row--2312{
5812				    min-height:60px;
5813				    --BackgroundColor: transparent;
5814			    }
5815            
5816
5817			
5818            
5819			    
5820                .AdvancedGrid--251{
5821
5822				    --Height: 60px;
5823				    --BackgroundColor: transparent;
5824
5825			    }
5826
5827                
5828				
5829				.AdvancedGrid__column--2827{
5830
5831                    min-width: auto;
5832--BackgroundColor: transparent;
5833--FlexGrow: 1;
5834--FlexBasis: 0;
5835--FlexSchrink: 0;
5836--Padding: ;
5837
5838
5839				}
5840
5841                
5842                .AdvancedGrid__row--2322{
5843				    min-height:60px;
5844				    --BackgroundColor: transparent;
5845			    }
5846            
5847
5848			
5849            
5850		    
5851			    
5852
5853		        @media screen   and (max-width: 995px){
5854			        .footer--7 {
5855
5856				        /*--FooterHeaderContainerSize: @*@HeaderContainerSize*@;*/
5857				        
5858                        /*--- Position ---*/
5859                        --FooterPosition: absolute;
5860
5861				        --FooterContainerDisplay: block !important;
5862                        --FooterStickyheaderContainerDisplay: none;
5863				        --StickyFooterContainerDisplay: none;
5864			        }
5865		        }
5866
5867	        
5868			    
5869			    
5870                .AdvancedGrid--843{
5871
5872				    --Height: 20px;
5873				    --BackgroundColor: transparent;
5874
5875			    }
5876
5877                
5878				
5879				.AdvancedGrid__column--5853{
5880
5881                    min-width: auto;
5882--BackgroundColor: transparent;
5883--FlexGrow: 1;
5884--FlexBasis: 0;
5885--FlexSchrink: 1;
5886--Padding: ;
5887
5888
5889				}
5890
5891                
5892                .AdvancedGrid__row--6279{
5893				    auto;
5894				    --BackgroundColor: transparent;
5895			    }
5896            
5897
5898			
5899            
5900			    
5901                .AdvancedGrid--845{
5902
5903				    --Height: auto;
5904				    --BackgroundColor: transparent;
5905
5906			    }
5907
5908                
5909				
5910				.AdvancedGrid__column--6347{
5911
5912                    min-width: auto;
5913--BackgroundColor: transparent;
5914--FlexGrow: 1;
5915--FlexBasis: 0;
5916--FlexSchrink: 1;
5917--Padding: ;
5918
5919
5920				}
5921
5922                
5923                .AdvancedGrid__row--6958{
5924				    min-height:60px;
5925				    --BackgroundColor: transparent;
5926			    }
5927            
5928                .AdvancedGrid__row--6961{
5929				    min-height:60px;
5930				    --BackgroundColor: transparent;
5931			    }
5932            
5933
5934			
5935            
5936			    
5937                .AdvancedGrid--921{
5938
5939				    --Height: 60px;
5940				    --BackgroundColor: transparent;
5941
5942			    }
5943
5944                
5945				
5946				.AdvancedGrid__column--6324{
5947
5948                    min-width: auto;
5949--BackgroundColor: transparent;
5950--FlexGrow: 1;
5951--FlexBasis: 0;
5952--FlexSchrink: 1;
5953--Padding: ;
5954
5955
5956				}
5957
5958                
5959                .AdvancedGrid__row--6920{
5960				    min-height:60px;
5961				    --BackgroundColor: transparent;
5962			    }
5963            
5964
5965			
5966            
5967			    
5968                .AdvancedGrid--925{
5969
5970				    --Height: auto;
5971				    --BackgroundColor: transparent;
5972
5973			    }
5974
5975                
5976				
5977				.AdvancedGrid__column--6351{
5978
5979                    min-width: auto;
5980--BackgroundColor: transparent;
5981--FlexGrow: 1;
5982--FlexBasis: 0;
5983--FlexSchrink: 1;
5984--Padding: ;
5985
5986
5987				}
5988
5989                
5990                .AdvancedGrid__row--6964{
5991				    min-height:60px;
5992				    --BackgroundColor: transparent;
5993			    }
5994            
5995                .AdvancedGrid__row--6969{
5996				    min-height:60px;
5997				    --BackgroundColor: transparent;
5998			    }
5999            
6000                .AdvancedGrid__row--6970{
6001				    min-height:60px;
6002				    --BackgroundColor: transparent;
6003			    }
6004            
6005                .AdvancedGrid__row--6974{
6006				    min-height:60px;
6007				    --BackgroundColor: transparent;
6008			    }
6009            
6010
6011			
6012            
6013			    
6014		    
6015			    
6016
6017		        @media screen  and (min-width: 992px) {
6018			        .footer--3 {
6019
6020				        /*--FooterHeaderContainerSize: @*@HeaderContainerSize*@;*/
6021				        
6022                        /*--- Position ---*/
6023                        --FooterPosition: absolute;
6024
6025				        --FooterContainerDisplay: block !important;
6026                        --FooterStickyheaderContainerDisplay: none;
6027				        --StickyFooterContainerDisplay: none;
6028			        }
6029		        }
6030
6031	        
6032			    
6033			    
6034                .AdvancedGrid--215{
6035
6036				    --Height: 150px;
6037				    --BackgroundColor: transparent;
6038
6039			    }
6040
6041                
6042				
6043				.AdvancedGrid__column--1914{
6044
6045                    min-width: auto;
6046--BackgroundColor: transparent;
6047--FlexGrow: 1;
6048--FlexBasis: 0;
6049--FlexSchrink: 1;
6050--Padding: ;
6051
6052
6053				}
6054
6055                
6056                .AdvancedGrid__row--1403{
6057				    auto;
6058				    --BackgroundColor: transparent;
6059			    }
6060            
6061
6062			
6063            
6064			    
6065                .AdvancedGrid--209{
6066
6067				    --Height: auto;
6068				    --BackgroundColor: transparent;
6069
6070			    }
6071
6072                
6073				
6074				.AdvancedGrid__column--1804{
6075
6076                    min-width: auto;
6077--BackgroundColor: transparent;
6078--FlexGrow: 1;
6079--FlexBasis: 0;
6080--FlexSchrink: 1;
6081--Padding: ;
6082
6083
6084				}
6085
6086                
6087                .AdvancedGrid__row--1290{
6088				    min-height:60px;
6089				    --BackgroundColor: transparent;
6090			    }
6091            
6092
6093			
6094				
6095				.AdvancedGrid__column--1805{
6096
6097                    min-width: auto;
6098--BackgroundColor: transparent;
6099--FlexGrow: 1;
6100--FlexBasis: 0;
6101--FlexSchrink: 1;
6102--Padding: ;
6103
6104
6105				}
6106
6107                
6108                .AdvancedGrid__row--1291{
6109				    min-height:60px;
6110				    --BackgroundColor: transparent;
6111			    }
6112            
6113                .AdvancedGrid__row--1409{
6114				    min-height:60px;
6115				    --BackgroundColor: transparent;
6116			    }
6117            
6118
6119			
6120				
6121				.AdvancedGrid__column--1806{
6122
6123                    min-width: 60px;
6124--BackgroundColor: transparent;
6125--FlexGrow: 1;
6126--FlexBasis: 0;
6127--FlexSchrink: 1;
6128--Padding: ;
6129
6130
6131				}
6132
6133                
6134                .AdvancedGrid__row--1292{
6135				    min-height:60px;
6136				    --BackgroundColor: transparent;
6137			    }
6138            
6139
6140			
6141				
6142				.AdvancedGrid__column--1842{
6143
6144                    min-width: 60px;
6145--BackgroundColor: transparent;
6146--FlexGrow: 1;
6147--FlexBasis: 0;
6148--FlexSchrink: 1;
6149--Padding: ;
6150
6151
6152				}
6153
6154                
6155                .AdvancedGrid__row--1328{
6156				    min-height:60px;
6157				    --BackgroundColor: transparent;
6158			    }
6159            
6160                .AdvancedGrid__row--5336{
6161				    min-height:60px;
6162				    --BackgroundColor: transparent;
6163			    }
6164            
6165
6166			
6167            
6168			    
6169                .AdvancedGrid--213{
6170
6171				    --Height: auto;
6172				    --BackgroundColor: transparent;
6173
6174			    }
6175
6176                
6177				
6178				.AdvancedGrid__column--1825{
6179
6180                    max-width: 200px;
6181--BackgroundColor: transparent;
6182--FlexGrow: 1;
6183--FlexBasis: 0;
6184--FlexSchrink: 1;
6185--Padding: ;
6186
6187
6188				}
6189
6190                
6191                .AdvancedGrid__row--1311{
6192				    max-height:40px;
6193				    --BackgroundColor: transparent;
6194			    }
6195            
6196
6197			
6198				
6199				.AdvancedGrid__column--1827{
6200
6201                    min-width: auto;
6202--BackgroundColor: transparent;
6203--FlexGrow: 1;
6204--FlexBasis: 0;
6205--FlexSchrink: 1;
6206--Padding: ;
6207
6208
6209				}
6210
6211                
6212                .AdvancedGrid__row--1313{
6213				    max-height:35px;
6214				    --BackgroundColor: transparent;
6215			    }
6216            
6217
6218			
6219				
6220				.AdvancedGrid__column--1828{
6221
6222                    min-width: auto;
6223--BackgroundColor: transparent;
6224--FlexGrow: 1;
6225--FlexBasis: 0;
6226--FlexSchrink: 1;
6227--Padding: ;
6228
6229
6230				}
6231
6232                
6233                .AdvancedGrid__row--1314{
6234				    max-height:35px;
6235				    --BackgroundColor: transparent;
6236			    }
6237            
6238
6239			
6240            
6241			    
6242		    </style>
6243
6244<style>
6245
6246
6247	.visual-editor__navigation {
6248		position: absolute;
6249		top: 10px;
6250		left: 10px;
6251		display: flex;
6252		flex-direction: row;
6253		z-index: 100000000;
6254	}
6255
6256	.visual-editor__button {
6257		height: 50px;
6258		min-width: 150px;
6259		right: auto;
6260		left: auto;
6261		background-color: white;
6262		box-shadow: -10px 10px 10px rgb(28 28 84 / 25%);
6263		display: flex;
6264		justify-content: center;
6265		align-items: center;
6266		padding: 25px;
6267		margin-right: 25px;
6268	}
6269
6270	.visual-editor__button-icon {
6271		margin-right: 25px;
6272	}
6273
6274	.header {
6275		--HeaderContainerDisplay: none;
6276	}
6277
6278	.header__container {
6279		padding: 0;
6280	}
6281
6282	.header__container, .header__stickyheader-container {
6283		max-width: none;
6284	}
6285
6286	.header .AdvancedGrid__container {
6287		max-width: 1200px;
6288		margin: 0 auto;
6289	}
6290
6291	.header .AdvancedGrid__column {
6292		background-color: var(--BackgroundColor);
6293		flex-grow: var(--FlexGrow);
6294	}
6295
6296	.AdvancedGrid__row {
6297		align-items: center;
6298	}
6299</style>
6300
6301
6302
6303
6304
6305	<main>
6306
6307		
6308
6309
6310
6311
6312
6313
6314
6315
6316
6317  <section class="AdvancedGrid AdvancedGrid--1333 ccheader-slider transparanteheader" style="--Height: 700px;">
6318
6319          <article class='AdvancedGrid__container AdvancedGrid__container--1333'>
6320<section class='AdvancedGrid__column AdvancedGrid__column--7934 ' style='padding: var(--Padding);'>
6321<div class='AdvancedGrid__row AdvancedGrid__row--9454 '>
6322
6323<!-- FIX NEEDED: behaviour when all the items are full height images (for instance logo slider)?? -->
6324
6325
6326
6327
6328
6329
6330
6331
6332
6333
6334
6335
6336
6337
6338
6339
6340
6341
6342
6343
6344<style>
6345
6346	@media screen and (min-width: 991px) {
6347		.multicolumn--16452 {
6348			background-color: ;
6349		}
6350
6351		.multicolumn--16452 .cta-paragraph {
6352			background-color: ;
6353			border: 0px  solid;
6354		}
6355	}
6356
6357	.flickity-viewport{
6358		width: 100%;
6359	}
6360
6361	.header__cta{
6362		display: flex;
6363		align-items: center;
6364	}
6365
6366</style>
6367
6368	<div class="multicolumn overflow-hidden multicolumn--16452  w-full  " data-paragraphid="16452" id="16452" style="">
6369		<div class="w-full">
6370			<section class="carousel multicolumn"
6371				data-columns="1"
6372				data-dots="False"
6373				data-loop="True"
6374				data-autoplay="True"
6375				data-controls="False"
6376				data-duration="4000"
6377				style="height: auto;">
6378					<div class= "multicolumn__item carousel-cell-wrap" style = "display: flex; min-height:100%; height:auto; width: 100%; " >
6379						<section class= "cta-paragraph carousel-cell" style = "min-height: auto; height:auto;" >
6380							
6381				<figure class="cta-paragraph__image-container  center right" style="height: 100%;" data-aos="" data-aos-duration="300">
6382					<picture class="cta-paragraph__image bg-contain ">
6383						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/visuals/visual_geel.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=400">
6384						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/visuals/visual_geel.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=994">
6385						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/visuals/visual_geel.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=2000" loading="lazy" alt="" class="cta-paragraph__image bg-contain " width="1980" height="500">
6386					</picture>
6387				</figure>
6388							
6389						
6390						</section>
6391					</div>
6392					<div class= "multicolumn__item carousel-cell-wrap" style = "display: flex; min-height:100%; height:auto; width: 100%; " >
6393						<section class= "cta-paragraph carousel-cell" style = "min-height: auto; height:auto;" >
6394							
6395				<figure class="cta-paragraph__image-container  center right" style="height: 100%;" data-aos="" data-aos-duration="300">
6396					<picture class="cta-paragraph__image bg-contain ">
6397						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/visuals/visual_blauw.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=400">
6398						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/visuals/visual_blauw.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=994">
6399						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/visuals/visual_blauw.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=2000" loading="lazy" alt="" class="cta-paragraph__image bg-contain " width="1980" height="500">
6400					</picture>
6401				</figure>
6402							
6403						
6404						</section>
6405					</div>
6406					<div class= "multicolumn__item carousel-cell-wrap" style = "display: flex; min-height:100%; height:auto; width: 100%; " >
6407						<section class= "cta-paragraph carousel-cell" style = "min-height: auto; height:auto;" >
6408							
6409				<figure class="cta-paragraph__image-container  center right" style="height: 100%;" data-aos="" data-aos-duration="300">
6410					<picture class="cta-paragraph__image bg-contain ">
6411						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/visuals/visual_rood.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=400">
6412						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/visuals/visual_rood.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=994">
6413						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/visuals/visual_rood.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=2000" loading="lazy" alt="" class="cta-paragraph__image bg-contain " width="1980" height="500">
6414					</picture>
6415				</figure>
6416							
6417						
6418						</section>
6419					</div>
6420			</section></div>
6421	</div>
6422
6423
6424</div>
6425</section>
6426<section class='AdvancedGrid__column AdvancedGrid__column--7935 ccheader-slider_text' style='padding: var(--Padding);'>
6427<div class='AdvancedGrid__row AdvancedGrid__row--9455 hallo'>
6428
6429
6430
6431
6432
6433
6434
6435
6436
6437
6438
6439
6440
6441
6442
6443
6444
6445
6446
6447
6448
6449
6450<style>
6451		.config--187{
6452}
6453.config--187  .cta-paragraph__text p,
6454.config--187  .cta-paragraph__text li{
6455--Color: #FFFFFF;
6456--FontSize: 1,125rem;
6457--FontStyle: none;
6458--LineHeight: 1,875rem;
6459--FontWeight: normal;
6460--FontFamily: code-saver, sans-serif;
6461--Position: relative;
6462
6463--Color: #FFFFFF;
6464}
6465.config--187 .cta-paragraph__header{
6466--Color: #FFFFFF;
6467--FontSize: 7rem;
6468--FontStyle: uppercase;
6469--LineHeight: 7.25rem;
6470--FontWeight: 900;
6471--FontFamily: 'dharma-gothic-e', sans-serif;
6472--Position: relative;
6473
6474--Color: #FFFFFF;
6475}
6476.config--187 .cta-paragraph__subheader{
6477--Color: #FFFFFF;
6478--FontSize: 1rem;
6479--FontStyle: uppercase;
6480--LineHeight: 1rem;
6481--FontWeight: unset;
6482--FontFamily: 'dharma-gothic-e', sans-serif;
6483--Position: relative;
6484
6485--Color: #FFFFFF;
6486}
6487.config--187 .cta-paragraph__content-container{
6488--ContentElementAlignmentAlignItems : flex-start;
6489--ContentElementAlignmentTextAlign : left;
6490
6491}
6492
6493</style>
6494
6495<style>
6496
6497	@media screen and (max-width: 991px) {
6498		.multicolumn--16450 .multicolumn__item {
6499			height: auto !important;
6500		}
6501	}
6502
6503	@media screen and (min-width: 991px) {
6504		.multicolumn--16450 .multicolumn__item {
6505			height: auto !important;
6506		}
6507	}
6508
6509	.multicolumn--16450 {
6510		background-color: ;
6511	}
6512
6513	.multicolumn--16450 .cta-paragraph {
6514		background-color: ;
6515		border: 0px  solid;
6516	}
6517
6518	.multicolumn--16450 .cta-paragraph__content-container
6519	{
6520		
6521				align-items: flex-start;
6522				text-align: left;
6523	}
6524
6525	.multicolumn--16450 .cta-paragraph__content {
6526	}
6527
6528	.multicolumn--16450 .cta-paragraph__image-container {
6529	}
6530
6531	.cta-paragraph--16450 .cta-paragraph__btn-navigation {
6532	}
6533
6534	.multicolumn--16450 .cta-paragraph {
6535	}
6536
6537</style>
6538
6539	<div class="multicolumn multicolumn--16450  no-repeat top-left bg-contain no-gutter no-padding " data-paragraphid="16450" id="16450" style="background-color: transparent; " data-aos="" data-aos-duration="0">
6540		<div class="multicolumn__container container">
6541
6542			
6543			<div class="grid-container nowrap">
6544				<div class="multicolumn__item grid-auto md-grid-auto lg-grid-auto" data-aos="" data-aos-duration="0" data-aos-delay="0">
6545					<section class="cta-paragraph config--187  ">
6546
6547						
6548						
6549						
6550						
6551			<section class="cta-paragraph__content cta-paragraph__content--16450 cta-paragraph__content--center no-image" data-aos="" data-aos-duration="300">
6552				<article class="cta-paragraph__content-container no-image"><header class="cta-paragraph__header "><h2 class="cta-paragraph__header">Supporter<br>van jouw<br> project</h2> </header>
6553					<div class="cta-paragraph__text "><p style="text-align: right;">In de afbouw, industrie<br />
6554en autoschadeherstel</p>
6555
6556<p style="text-align: right;">&nbsp;</p>
6557</div>
6558					<nav class="cta-paragraph__btn-navigation " >
6559						<a href='/aanmelden-klant' class='btn default-btn btn--5 btn__cta-blauw AdvancedGridButton' target='_self' >
6560<span class='btn__text cta-paragraph__btn cta-paragraph__btn-label'>Klant worden</span>
6561<i class='btn__icon fa-chevron-right cta-paragraph__btn-icon check'></i>
6562</a>
6563
6564						<a href='/assortiment' class='btn default-btn btn--11 btn__primar AdvancedGridButton' target='_self' >
6565<span class='btn__text cta-paragraph__btn cta-paragraph__btn-label'>Assortiment</span>
6566<i class='btn__icon fa-chevron-right cta-paragraph__btn-icon check'></i>
6567</a>
6568
6569					</nav>
6570				</article>
6571			</section>
6572					</section>
6573				</div>
6574			</div>
6575		</div>
6576	</div>
6577
6578
6579
6580
6581</div>
6582</section>
6583</article>
6584
6585          <!--// Generate Buttons //-->
6586
6587
6588	<style>
6589
6590      	.AdvancedGrid__container--1333{
6591--BackgroundColor: #1C1C1C;
6592--BackgroundImage: url('/Files/Images/structure/grind.jpg');
6593}
6594.AdvancedGrid__column--7934{
6595--BackgroundColor: transparent;
6596--FlexGrow: 0;
6597--FlexBasis: 0;
6598--FlexSchrink: 1;
6599--Width: 600px;;
6600--Padding: ;
6601min-width : 600px;
6602}
6603.AdvancedGrid__row--9454{
6604--BackgroundColor: transparent;
6605min-height : 60px;
6606}
6607.AdvancedGrid__column--7935{
6608--BackgroundColor: transparent;
6609--FlexGrow: 0;
6610--FlexBasis: 0;
6611--FlexSchrink: 1;
6612--Width: 700px;;
6613--Padding: ;
6614min-width : 700px;
6615}
6616.AdvancedGrid__row--9455{
6617--BackgroundColor: transparent;
6618
6619}
6620
6621
6622		.AdvancedGrid--1333 .AdvancedGrid__row {
6623
6624			--VerticalAlign: center;
6625			--HorinzontalAlign: center;
6626
6627			align-items: var(--VerticalAlign);
6628			justify-content: var(--HorinzontalAlign);
6629
6630		}
6631	
6632		.AdvancedGrid__container--1333{
6633			--BackgroundImage: url('/Files/Images/structure/grind.jpg');
6634			--BackgroundColor: #1C1C1C;
6635		}
6636
6637		.AdvancedGrid__column {
6638			background-color: var(--BackgroundColor);
6639
6640			flex-grow: var(--FlexGrow);
6641			flex-basis: var(--FlexBasis);
6642			flex-shrink: var(--FlexSchrink);
6643
6644			width: var(--Width);
6645			padding: var(--Padding);
6646		}
6647	
6648		.AdvancedGrid__container--{
6649			background-color: transparent;
6650			background-image: none;
6651		}
6652
6653	</style>
6654
6655  </section>
6656
6657
6658
6659
6660
6661
6662
6663
6664
6665
6666
6667  <section class="AdvancedGrid AdvancedGrid--1163 schuineonderkantCC cc-card-slider" style="--Height: 450px;">
6668
6669          <article class='AdvancedGrid__container AdvancedGrid__container--1163'>
6670<section class='AdvancedGrid__column AdvancedGrid__column--7387  hpsliderCC' style='padding: var(--Padding);'>
6671<div class='AdvancedGrid__row AdvancedGrid__row--8562 '>
6672
6673<!-- FIX NEEDED: behaviour when all the items are full height images (for instance logo slider)?? -->
6674
6675
6676
6677
6678
6679
6680
6681
6682
6683
6684
6685
6686
6687
6688
6689
6690
6691
6692
6693
6694<style>
6695
6696	@media screen and (min-width: 991px) {
6697		.multicolumn--15688 {
6698			background-color: ;
6699		}
6700
6701		.multicolumn--15688 .cta-paragraph {
6702			background-color: #FFFFFF;
6703			border: 0px  solid;
6704		}
6705	}
6706
6707	.flickity-viewport{
6708		width: 100%;
6709	}
6710
6711	.header__cta{
6712		display: flex;
6713		align-items: center;
6714	}
6715
6716</style>
6717
6718	<div class="multicolumn overflow-hidden multicolumn--15688  w-full custom-buttons custom-buttons-left tekst-slider fit-content intro-slider custom-buttons-white no-repeat top-left bg-contain gutter-small padding-small" data-paragraphid="15688" id="15688" style="background-color: transparent; ">
6719		<div class="container">
6720			<section class="carousel multicolumn"
6721				data-columns="1"
6722				data-dots="False"
6723				data-loop="False"
6724				data-autoplay="False"
6725				data-controls="True"
6726				data-duration="0"
6727				style="height: auto;">
6728					<div class= "multicolumn__item carousel-cell-wrap" style = "display: flex; min-height:100%; height:auto; width: 33%; " >
6729						<section class= "cta-paragraph carousel-cell" style = "min-height: auto; height:auto;" >
6730							
6731							
6732			<section class="cta-paragraph__content cta-paragraph__content--15688 cta-paragraph__content--center no-image" data-aos="" data-aos-duration="300">
6733				<article class="cta-paragraph__content-container no-image"><header class="cta-paragraph__header "><h2 class="cta-paragraph__header">Global</h2> </header>
6734					<div class="cta-paragraph__text "><p>Wist je dat... Er bij onze leverancier Global Paint Products iets in de lucht hangt.&nbsp;</p>
6735</div>
6736					<nav class="cta-paragraph__btn-navigation " >
6737						<a href='/nieuws/global-paint-products' class='btn default-btn btn--2905  AdvancedGridButton' target='_self' >
6738<span class='btn__text cta-paragraph__btn cta-paragraph__btn-label'>Lees meer</span>
6739<i class='btn__icon fa-chevron-right  cta-paragraph__btn-icon check'></i>
6740</a>
6741
6742						
6743					</nav>
6744				</article>
6745			</section>
6746						
6747						</section>
6748					</div>
6749					<div class= "multicolumn__item carousel-cell-wrap" style = "display: flex; min-height:100%; height:auto; width: 33%; " >
6750						<section class= "cta-paragraph carousel-cell" style = "min-height: auto; height:auto;" >
6751							
6752							
6753			<section class="cta-paragraph__content cta-paragraph__content--15688 cta-paragraph__content--center no-image" data-aos="" data-aos-duration="300">
6754				<article class="cta-paragraph__content-container no-image"><header class="cta-paragraph__header "><h2 class="cta-paragraph__header">Supporter van duurzaam</h2> </header>
6755					<div class="cta-paragraph__text "><p>Colours &amp; Coatings is ook supporter van duurzaamheid!</p>
6756</div>
6757					<nav class="cta-paragraph__btn-navigation " >
6758						<a href='/nieuws/duurzaamheid' class='btn default-btn btn--2905  AdvancedGridButton' target='_self' >
6759<span class='btn__text cta-paragraph__btn cta-paragraph__btn-label'>Lees meer</span>
6760<i class='btn__icon fa-chevron-right  cta-paragraph__btn-icon check'></i>
6761</a>
6762
6763						
6764					</nav>
6765				</article>
6766			</section>
6767						
6768						</section>
6769					</div>
6770					<div class= "multicolumn__item carousel-cell-wrap" style = "display: flex; min-height:100%; height:auto; width: 33%; " >
6771						<section class= "cta-paragraph carousel-cell" style = "min-height: auto; height:auto;" >
6772							
6773							
6774			<section class="cta-paragraph__content cta-paragraph__content--15688 cta-paragraph__content--center no-image" data-aos="" data-aos-duration="300">
6775				<article class="cta-paragraph__content-container no-image"><header class="cta-paragraph__header "><h2 class="cta-paragraph__header">Nieuwe supporter!</h2> </header>
6776					<div class="cta-paragraph__text "><p>Welkom nieuwe supporter Mark Kloppenburg!</p></div>
6777					<nav class="cta-paragraph__btn-navigation " >
6778						<a href='/nieuws/nieuwe-supporter' class='btn default-btn btn--2905  AdvancedGridButton' target='_self' >
6779<span class='btn__text cta-paragraph__btn cta-paragraph__btn-label'>Lees meer</span>
6780<i class='btn__icon fa-chevron-right  cta-paragraph__btn-icon check'></i>
6781</a>
6782
6783						
6784					</nav>
6785				</article>
6786			</section>
6787						
6788						</section>
6789					</div>
6790					<div class= "multicolumn__item carousel-cell-wrap" style = "display: flex; min-height:100%; height:auto; width: 33%; " >
6791						<section class= "cta-paragraph carousel-cell" style = "min-height: auto; height:auto;" >
6792							
6793							
6794			<section class="cta-paragraph__content cta-paragraph__content--15688 cta-paragraph__content--center no-image" data-aos="" data-aos-duration="300">
6795				<article class="cta-paragraph__content-container no-image"><header class="cta-paragraph__header "><h2 class="cta-paragraph__header">Aangepaste openingstijden</h2> </header>
6796					<div class="cta-paragraph__text "><p>De komende periode hebben sommige support centers aangepaste openingstijden.</p></div>
6797					<nav class="cta-paragraph__btn-navigation " >
6798						<a href='/nieuws/aangepaste-openingstijden' class='btn default-btn btn--2905  AdvancedGridButton' target='_self' >
6799<span class='btn__text cta-paragraph__btn cta-paragraph__btn-label'>Lees meer</span>
6800<i class='btn__icon fa-chevron-right  cta-paragraph__btn-icon check'></i>
6801</a>
6802
6803						
6804					</nav>
6805				</article>
6806			</section>
6807						
6808						</section>
6809					</div>
6810			</section></div>
6811	</div>
6812
6813
6814</div>
6815</section>
6816</article>
6817
6818          <!--// Generate Buttons //-->
6819
6820
6821	<style>
6822
6823      	.AdvancedGrid__container--1163{
6824--BackgroundColor: ;
6825--BackgroundImage: url('/Files/Images/structure/bg/bg_Grind_new.jpg');
6826}
6827.AdvancedGrid__column--7387{
6828--BackgroundColor: transparent;
6829--FlexGrow: 1;
6830--FlexBasis: 0;
6831--FlexSchrink: 1;
6832--Width: none;
6833--Padding: ;
6834
6835}
6836.AdvancedGrid__row--8562{
6837--BackgroundColor: transparent;
6838
6839}
6840
6841
6842		.AdvancedGrid--1163 .AdvancedGrid__row {
6843
6844			--VerticalAlign: flex-start;
6845			--HorinzontalAlign: center;
6846
6847			align-items: var(--VerticalAlign);
6848			justify-content: var(--HorinzontalAlign);
6849
6850		}
6851	
6852		.AdvancedGrid__container--1163{
6853			--BackgroundImage: url('/Files/Images/structure/bg/bg_Grind_new.jpg');
6854			--BackgroundColor: ;
6855		}
6856
6857		.AdvancedGrid__column {
6858			background-color: var(--BackgroundColor);
6859
6860			flex-grow: var(--FlexGrow);
6861			flex-basis: var(--FlexBasis);
6862			flex-shrink: var(--FlexSchrink);
6863
6864			width: var(--Width);
6865			padding: var(--Padding);
6866		}
6867	
6868		.AdvancedGrid__container--{
6869			background-color: transparent;
6870			background-image: none;
6871		}
6872
6873	</style>
6874
6875  </section>
6876
6877
6878
6879
6880
6881
6882
6883
6884
6885
6886
6887  <section class="AdvancedGrid AdvancedGrid--285 w1200 cc-top-sellers" style="--Height: 60px;">
6888
6889          <article class='AdvancedGrid__container AdvancedGrid__container--285'>
6890<section class='AdvancedGrid__column AdvancedGrid__column--3160 ' style='padding: var(--Padding);'>
6891<div class='AdvancedGrid__row AdvancedGrid__row--2888 '>
6892
6893<style>
6894	.module-only-paragraph--13096 .module-only-paragraph__subheader{ color:  !important; }
6895	.module-only-paragraph--13096 .module-only-paragraph__header{ color:  !important; }
6896</style>
6897
6898</div>
6899</section>
6900</article>
6901
6902          <!--// Generate Buttons //-->
6903
6904
6905	<style>
6906
6907      	.AdvancedGrid__container--285{
6908--BackgroundColor: ;
6909}
6910.AdvancedGrid__column--3160{
6911--BackgroundColor: transparent;
6912--FlexGrow: 1;
6913--FlexBasis: 0;
6914--FlexSchrink: 0;
6915--Width: none;
6916--Padding: ;
6917
6918}
6919.AdvancedGrid__row--2888{
6920--BackgroundColor: transparent;
6921
6922}
6923
6924
6925		.AdvancedGrid--285 .AdvancedGrid__row {
6926
6927			--VerticalAlign: center;
6928			--HorinzontalAlign: center;
6929
6930			align-items: var(--VerticalAlign);
6931			justify-content: var(--HorinzontalAlign);
6932
6933		}
6934	
6935		.AdvancedGrid__container--285{
6936			--BackgroundImage: url('');
6937			--BackgroundColor: ;
6938		}
6939
6940		.AdvancedGrid__column {
6941			background-color: var(--BackgroundColor);
6942
6943			flex-grow: var(--FlexGrow);
6944			flex-basis: var(--FlexBasis);
6945			flex-shrink: var(--FlexSchrink);
6946
6947			width: var(--Width);
6948			padding: var(--Padding);
6949		}
6950	
6951		.AdvancedGrid__container--{
6952			background-color: transparent;
6953			background-image: none;
6954		}
6955
6956	</style>
6957
6958  </section>
6959
6960
6961
6962
6963
6964
6965
6966
6967
6968
6969
6970
6971
6972
6973
6974
6975
6976
6977
6978
6979
6980
6981	<style>
6982
6983	@media screen and (min-width: 991px) {
6984		.cta-paragraph__container--13098 {
6985			height: auto !important;
6986		}
6987	}
6988
6989	</style>
6990
6991		<section class="cta-paragraph cta-paragraph--13098 config--  buttononder_titelsCC CC-space-below   "  style="" data-paragraphid="13098" id="13098" data-aos="" data-aos-duration="0">
6992
6993			<div class="cta-paragraph__container cta-paragraph__container--13098 container  image-left ">
6994
6995				<style>
6996
6997				.cta-paragraph--13098 .cta-paragraph__content {
6998				}
6999
7000				.cta-paragraph--13098 .cta-paragraph__image-container {
7001				}
7002
7003				</style>
7004
7005				
7006				
7007			<section class="cta-paragraph__content cta-paragraph__content--13098 cta-paragraph__content--center no-image" data-aos="" data-aos-duration="0">
7008				<article class="cta-paragraph__content-container no-image">
7009					<nav class="cta-paragraph__btn-navigation text-center" >
7010						<a href='/assortiment' class='btn default-btn btn--11 btn__primar AdvancedGridButton' target='_self' >
7011<span class='btn__text cta-paragraph__btn cta-paragraph__btn-label'>Volledige assortiment</span>
7012<i class='btn__icon fa-chevron-right cta-paragraph__btn-icon check'></i>
7013</a>
7014
7015						
7016					</nav>
7017				</article>
7018			</section>
7019
7020
7021			</div>
7022
7023		</section>
7024
7025
7026
7027
7028
7029
7030
7031
7032
7033
7034
7035  <section class="AdvancedGrid AdvancedGrid--989 " style="--Height: 60px;">
7036
7037          <article class='AdvancedGrid__container AdvancedGrid__container--989'>
7038<section class='AdvancedGrid__column AdvancedGrid__column--6574 ' style='padding: var(--Padding);'>
7039<div class='AdvancedGrid__row AdvancedGrid__row--7233 '></div>
7040</section>
7041</article>
7042
7043          <!--// Generate Buttons //-->
7044
7045
7046	<style>
7047
7048      	.AdvancedGrid__container--989{
7049--BackgroundColor: ;
7050}
7051.AdvancedGrid__column--6574{
7052--BackgroundColor: transparent;
7053--FlexGrow: 1;
7054--FlexBasis: 0;
7055--FlexSchrink: 1;
7056--Width: none;
7057--Padding: ;
7058
7059}
7060.AdvancedGrid__row--7233{
7061--BackgroundColor: transparent;
7062min-height : 60px;
7063}
7064
7065
7066		.AdvancedGrid--989 .AdvancedGrid__row {
7067
7068			--VerticalAlign: center;
7069			--HorinzontalAlign: center;
7070
7071			align-items: var(--VerticalAlign);
7072			justify-content: var(--HorinzontalAlign);
7073
7074		}
7075	
7076		.AdvancedGrid__container--989{
7077			--BackgroundImage: url('');
7078			--BackgroundColor: ;
7079		}
7080
7081		.AdvancedGrid__column {
7082			background-color: var(--BackgroundColor);
7083
7084			flex-grow: var(--FlexGrow);
7085			flex-basis: var(--FlexBasis);
7086			flex-shrink: var(--FlexSchrink);
7087
7088			width: var(--Width);
7089			padding: var(--Padding);
7090		}
7091	
7092		.AdvancedGrid__container--{
7093			background-color: transparent;
7094			background-image: none;
7095		}
7096
7097	</style>
7098
7099  </section>
7100
7101
7102
7103
7104
7105
7106
7107
7108
7109
7110
7111  <section class="AdvancedGrid AdvancedGrid--1003 onze-merken" style="--Height: 60px;">
7112
7113          <article class='AdvancedGrid__container AdvancedGrid__container--1003'>
7114<section class='AdvancedGrid__column AdvancedGrid__column--6588 ' style='padding: var(--Padding);'>
7115<div class='AdvancedGrid__row AdvancedGrid__row--7247 '>
7116
7117<!-- FIX NEEDED: behaviour when all the items are full height images (for instance logo slider)?? -->
7118
7119
7120
7121
7122
7123
7124
7125
7126
7127
7128
7129
7130
7131
7132
7133
7134
7135
7136
7137
7138<style>
7139
7140	@media screen and (min-width: 991px) {
7141		.multicolumn--15180 {
7142			background-color: ;
7143		}
7144
7145		.multicolumn--15180 .cta-paragraph {
7146			background-color: ;
7147			border: 0px  solid;
7148		}
7149	}
7150
7151	.flickity-viewport{
7152		width: 100%;
7153	}
7154
7155	.header__cta{
7156		display: flex;
7157		align-items: center;
7158	}
7159
7160</style>
7161
7162	<div class="multicolumn overflow-hidden multicolumn--15180  w-full  " data-paragraphid="15180" id="15180" style="">
7163		<div class="w-full">
7164			<section class="carousel multicolumn"
7165				data-columns="1"
7166				data-dots="False"
7167				data-loop="True"
7168				data-autoplay="True"
7169				data-controls="False"
7170				data-duration="0"
7171				style="height: 50px;">
7172					<div class= "multicolumn__item carousel-cell-wrap" style = "display: flex; min-height:100%; height:50px; width: 12%; " >
7173						<section class= "cta-paragraph carousel-cell" style = "min-height: 50px; height:50px;" >
7174							
7175				<figure class="cta-paragraph__image-container  center center" style="height: 100%;" data-aos="" data-aos-duration="300">
7176					<picture class="cta-paragraph__image bg-contain ">
7177						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Rubson.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=400">
7178						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Rubson.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=994">
7179						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Rubson.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=250" loading="lazy" alt="" class="cta-paragraph__image bg-contain " width="1980" height="500">
7180					</picture>
7181				</figure>
7182							
7183						
7184						</section>
7185					</div>
7186					<div class= "multicolumn__item carousel-cell-wrap" style = "display: flex; min-height:100%; height:50px; width: 12%; " >
7187						<section class= "cta-paragraph carousel-cell" style = "min-height: 50px; height:50px;" >
7188							
7189				<figure class="cta-paragraph__image-container  center center" style="height: 100%;" data-aos="" data-aos-duration="300">
7190					<picture class="cta-paragraph__image bg-contain ">
7191						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Rupes.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=400">
7192						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Rupes.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=994">
7193						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Rupes.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=250" loading="lazy" alt="" class="cta-paragraph__image bg-contain " width="1980" height="500">
7194					</picture>
7195				</figure>
7196							
7197						
7198						</section>
7199					</div>
7200					<div class= "multicolumn__item carousel-cell-wrap" style = "display: flex; min-height:100%; height:50px; width: 12%; " >
7201						<section class= "cta-paragraph carousel-cell" style = "min-height: 50px; height:50px;" >
7202							
7203				<figure class="cta-paragraph__image-container  center center" style="height: 100%;" data-aos="" data-aos-duration="300">
7204					<picture class="cta-paragraph__image bg-contain ">
7205						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Sata.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=400">
7206						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Sata.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=994">
7207						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Sata.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=250" loading="lazy" alt="" class="cta-paragraph__image bg-contain " width="1980" height="500">
7208					</picture>
7209				</figure>
7210							
7211						
7212						</section>
7213					</div>
7214					<div class= "multicolumn__item carousel-cell-wrap" style = "display: flex; min-height:100%; height:50px; width: 12%; " >
7215						<section class= "cta-paragraph carousel-cell" style = "min-height: 50px; height:50px;" >
7216							
7217				<figure class="cta-paragraph__image-container  center center" style="height: 100%;" data-aos="" data-aos-duration="300">
7218					<picture class="cta-paragraph__image bg-contain ">
7219						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Selemix.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=400">
7220						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Selemix.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=994">
7221						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Selemix.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=250" loading="lazy" alt="" class="cta-paragraph__image bg-contain " width="1980" height="500">
7222					</picture>
7223				</figure>
7224							
7225						
7226						</section>
7227					</div>
7228					<div class= "multicolumn__item carousel-cell-wrap" style = "display: flex; min-height:100%; height:50px; width: 12%; " >
7229						<section class= "cta-paragraph carousel-cell" style = "min-height: 50px; height:50px;" >
7230							
7231				<figure class="cta-paragraph__image-container  center center" style="height: 100%;" data-aos="" data-aos-duration="300">
7232					<picture class="cta-paragraph__image bg-contain ">
7233						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Sigma.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=400">
7234						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Sigma.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=994">
7235						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Sigma.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=250" loading="lazy" alt="" class="cta-paragraph__image bg-contain " width="1980" height="500">
7236					</picture>
7237				</figure>
7238							
7239						
7240						</section>
7241					</div>
7242					<div class= "multicolumn__item carousel-cell-wrap" style = "display: flex; min-height:100%; height:50px; width: 12%; " >
7243						<section class= "cta-paragraph carousel-cell" style = "min-height: 50px; height:50px;" >
7244							
7245				<figure class="cta-paragraph__image-container  center center" style="height: 100%;" data-aos="" data-aos-duration="300">
7246					<picture class="cta-paragraph__image bg-contain ">
7247						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/3M.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=400">
7248						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/3M.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=994">
7249						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/3M.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=250" loading="lazy" alt="" class="cta-paragraph__image bg-contain " width="1980" height="500">
7250					</picture>
7251				</figure>
7252							
7253						
7254						</section>
7255					</div>
7256					<div class= "multicolumn__item carousel-cell-wrap" style = "display: flex; min-height:100%; height:50px; width: 12%; " >
7257						<section class= "cta-paragraph carousel-cell" style = "min-height: 50px; height:50px;" >
7258							
7259				<figure class="cta-paragraph__image-container  center center" style="height: 100%;" data-aos="" data-aos-duration="300">
7260					<picture class="cta-paragraph__image bg-contain ">
7261						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/Alabastine.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=400">
7262						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/Alabastine.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=994">
7263						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/Alabastine.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=250" loading="lazy" alt="" class="cta-paragraph__image bg-contain " width="1980" height="500">
7264					</picture>
7265				</figure>
7266							
7267						
7268						</section>
7269					</div>
7270					<div class= "multicolumn__item carousel-cell-wrap" style = "display: flex; min-height:100%; height:50px; width: 12%; " >
7271						<section class= "cta-paragraph carousel-cell" style = "min-height: 50px; height:50px;" >
7272							
7273				<figure class="cta-paragraph__image-container  center center" style="height: 100%;" data-aos="" data-aos-duration="300">
7274					<picture class="cta-paragraph__image bg-contain ">
7275						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/avis.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=400">
7276						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/avis.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=994">
7277						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/avis.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=250" loading="lazy" alt="" class="cta-paragraph__image bg-contain " width="1980" height="500">
7278					</picture>
7279				</figure>
7280							
7281						
7282						</section>
7283					</div>
7284					<div class= "multicolumn__item carousel-cell-wrap" style = "display: flex; min-height:100%; height:50px; width: 12%; " >
7285						<section class= "cta-paragraph carousel-cell" style = "min-height: 50px; height:50px;" >
7286							
7287				<figure class="cta-paragraph__image-container  center center" style="height: 100%;" data-aos="" data-aos-duration="300">
7288					<picture class="cta-paragraph__image bg-contain ">
7289						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Bison.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=400">
7290						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Bison.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=994">
7291						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Bison.png&Crop=7&Format=webp&Quality=90&Compression=80&Width=250" loading="lazy" alt="" class="cta-paragraph__image bg-contain " width="1980" height="500">
7292					</picture>
7293				</figure>
7294							
7295						
7296						</section>
7297					</div>
7298			</section></div>
7299	</div>
7300
7301
7302</div>
7303</section>
7304</article>
7305
7306          <!--// Generate Buttons //-->
7307
7308
7309	<style>
7310
7311      	.AdvancedGrid__container--1003{
7312--BackgroundColor: ;
7313}
7314.AdvancedGrid__column--6588{
7315--BackgroundColor: transparent;
7316--FlexGrow: 1;
7317--FlexBasis: 0;
7318--FlexSchrink: 1;
7319--Width: none;
7320--Padding: ;
7321
7322}
7323.AdvancedGrid__row--7247{
7324--BackgroundColor: transparent;
7325
7326}
7327
7328
7329		.AdvancedGrid--1003 .AdvancedGrid__row {
7330
7331			--VerticalAlign: center;
7332			--HorinzontalAlign: center;
7333
7334			align-items: var(--VerticalAlign);
7335			justify-content: var(--HorinzontalAlign);
7336
7337		}
7338	
7339		.AdvancedGrid__container--1003{
7340			--BackgroundImage: url('');
7341			--BackgroundColor: ;
7342		}
7343
7344		.AdvancedGrid__column {
7345			background-color: var(--BackgroundColor);
7346
7347			flex-grow: var(--FlexGrow);
7348			flex-basis: var(--FlexBasis);
7349			flex-shrink: var(--FlexSchrink);
7350
7351			width: var(--Width);
7352			padding: var(--Padding);
7353		}
7354	
7355		.AdvancedGrid__container--{
7356			background-color: transparent;
7357			background-image: none;
7358		}
7359
7360	</style>
7361
7362  </section>
7363
7364
7365
7366
7367
7368
7369
7370
7371
7372
7373
7374  <section class="AdvancedGrid AdvancedGrid--991 " style="--Height: 60px;">
7375
7376          <article class='AdvancedGrid__container AdvancedGrid__container--991'>
7377<section class='AdvancedGrid__column AdvancedGrid__column--6576 ' style='padding: var(--Padding);'>
7378<div class='AdvancedGrid__row AdvancedGrid__row--7235 '></div>
7379</section>
7380</article>
7381
7382          <!--// Generate Buttons //-->
7383
7384
7385	<style>
7386
7387      	.AdvancedGrid__container--991{
7388--BackgroundColor: ;
7389}
7390.AdvancedGrid__column--6576{
7391--BackgroundColor: transparent;
7392--FlexGrow: 1;
7393--FlexBasis: 0;
7394--FlexSchrink: 1;
7395--Width: none;
7396--Padding: ;
7397
7398}
7399.AdvancedGrid__row--7235{
7400--BackgroundColor: transparent;
7401min-height : 60px;
7402}
7403
7404
7405		.AdvancedGrid--991 .AdvancedGrid__row {
7406
7407			--VerticalAlign: center;
7408			--HorinzontalAlign: center;
7409
7410			align-items: var(--VerticalAlign);
7411			justify-content: var(--HorinzontalAlign);
7412
7413		}
7414	
7415		.AdvancedGrid__container--991{
7416			--BackgroundImage: url('');
7417			--BackgroundColor: ;
7418		}
7419
7420		.AdvancedGrid__column {
7421			background-color: var(--BackgroundColor);
7422
7423			flex-grow: var(--FlexGrow);
7424			flex-basis: var(--FlexBasis);
7425			flex-shrink: var(--FlexSchrink);
7426
7427			width: var(--Width);
7428			padding: var(--Padding);
7429		}
7430	
7431		.AdvancedGrid__container--{
7432			background-color: transparent;
7433			background-image: none;
7434		}
7435
7436	</style>
7437
7438  </section>
7439
7440
7441
7442
7443
7444
7445
7446
7447
7448
7449
7450  <section class="AdvancedGrid AdvancedGrid--289 visual_bigCC cc-visual_big-mobile cc-right " style="--Height: 780px;">
7451
7452          <article class='AdvancedGrid__container AdvancedGrid__container--289'>
7453<section class='AdvancedGrid__column AdvancedGrid__column--3168 ' style='padding: var(--Padding);'>
7454<div class='AdvancedGrid__row AdvancedGrid__row--2896 '>
7455
7456
7457
7458
7459
7460
7461
7462
7463
7464
7465
7466
7467
7468
7469
7470
7471
7472
7473
7474
7475
7476
7477<style>
7478		.config--187{
7479}
7480.config--187  .cta-paragraph__text p,
7481.config--187  .cta-paragraph__text li{
7482--Color: #FFFFFF;
7483--FontSize: 1,125rem;
7484--FontStyle: none;
7485--LineHeight: 1,875rem;
7486--FontWeight: normal;
7487--FontFamily: code-saver, sans-serif;
7488--Position: relative;
7489
7490--Color: #FFFFFF;
7491}
7492.config--187 .cta-paragraph__header{
7493--Color: #FFFFFF;
7494--FontSize: 7rem;
7495--FontStyle: uppercase;
7496--LineHeight: 7.25rem;
7497--FontWeight: 900;
7498--FontFamily: 'dharma-gothic-e', sans-serif;
7499--Position: relative;
7500
7501--Color: #FFFFFF;
7502}
7503.config--187 .cta-paragraph__subheader{
7504--Color: #FFFFFF;
7505--FontSize: 1rem;
7506--FontStyle: uppercase;
7507--LineHeight: 1rem;
7508--FontWeight: unset;
7509--FontFamily: 'dharma-gothic-e', sans-serif;
7510--Position: relative;
7511
7512--Color: #FFFFFF;
7513}
7514.config--187 .cta-paragraph__content-container{
7515--ContentElementAlignmentAlignItems : flex-start;
7516--ContentElementAlignmentTextAlign : left;
7517
7518}
7519
7520</style>
7521
7522<style>
7523
7524	@media screen and (max-width: 991px) {
7525		.multicolumn--13102 .multicolumn__item {
7526			height: auto !important;
7527		}
7528	}
7529
7530	@media screen and (min-width: 991px) {
7531		.multicolumn--13102 .multicolumn__item {
7532			height: auto !important;
7533		}
7534	}
7535
7536	.multicolumn--13102 {
7537		background-color: ;
7538	}
7539
7540	.multicolumn--13102 .cta-paragraph {
7541		background-color: ;
7542		border: 0px  solid;
7543	}
7544
7545	.multicolumn--13102 .cta-paragraph__content-container
7546	{
7547		
7548				align-items: flex-start;
7549				text-align: left;
7550	}
7551
7552	.multicolumn--13102 .cta-paragraph__content {
7553	}
7554
7555	.multicolumn--13102 .cta-paragraph__image-container {
7556	}
7557
7558	.cta-paragraph--13102 .cta-paragraph__btn-navigation {
7559	}
7560
7561	.multicolumn--13102 .cta-paragraph {
7562	}
7563
7564</style>
7565
7566	<div class="multicolumn multicolumn--13102  no-repeat top-left bg-contain no-gutter no-padding w1200 " data-paragraphid="13102" id="13102" style="background-color: transparent; " data-aos="" data-aos-duration="0">
7567		<div class="multicolumn__container container">
7568
7569			
7570			<div class="grid-container nowrap">
7571				<div class="multicolumn__item grid-auto md-grid-auto lg-grid-50p" data-aos="" data-aos-duration="0" data-aos-delay="0">
7572					<section class="cta-paragraph config--187  ">
7573
7574						
7575						
7576						
7577						
7578					</section>
7579				</div>
7580				<div class="multicolumn__item grid-auto md-grid-auto lg-grid-50p" data-aos="" data-aos-duration="0" data-aos-delay="0">
7581					<section class="cta-paragraph config--187  ">
7582
7583						
7584						
7585						
7586						
7587			<section class="cta-paragraph__content cta-paragraph__content--13102 cta-paragraph__content--center no-image" data-aos="" data-aos-duration="300">
7588				<article class="cta-paragraph__content-container no-image"><header class="cta-paragraph__header "><h2 class="cta-paragraph__header">WIJ ZIJN COLOURS & COATINGS</h2> </header>
7589					<nav class="cta-paragraph__btn-navigation " >
7590						<a href='/over-ons' class='btn default-btn btn--5 btn__cta-blauw AdvancedGridButton' target='_self' >
7591<span class='btn__text cta-paragraph__btn cta-paragraph__btn-label'>Meer over ons</span>
7592<i class='btn__icon fa-chevron-right cta-paragraph__btn-icon check'></i>
7593</a>
7594
7595						
7596					</nav>
7597				</article>
7598			</section>
7599					</section>
7600				</div>
7601			</div>
7602		</div>
7603	</div>
7604
7605
7606
7607
7608</div>
7609</section>
7610</article>
7611
7612          <!--// Generate Buttons //-->
7613
7614
7615	<style>
7616
7617      	.AdvancedGrid__container--289{
7618--BackgroundColor: ;
7619--BackgroundImage: url('/Files/Images/structure/visual_groot2.jpg');
7620}
7621.AdvancedGrid__column--3168{
7622--BackgroundColor: transparent;
7623--FlexGrow: 0;
7624--FlexBasis: 0;
7625--FlexSchrink: 1;
7626--Width: 1920px;;
7627--Padding: ;
7628max-width : 1920px;
7629}
7630.AdvancedGrid__row--2896{
7631--BackgroundColor: transparent;
7632
7633}
7634
7635
7636		.AdvancedGrid--289 .AdvancedGrid__row {
7637
7638			--VerticalAlign: center;
7639			--HorinzontalAlign: center;
7640
7641			align-items: var(--VerticalAlign);
7642			justify-content: var(--HorinzontalAlign);
7643
7644		}
7645	
7646		.AdvancedGrid__container--289{
7647			--BackgroundImage: url('/Files/Images/structure/visual_groot2.jpg');
7648			--BackgroundColor: ;
7649		}
7650
7651		.AdvancedGrid__column {
7652			background-color: var(--BackgroundColor);
7653
7654			flex-grow: var(--FlexGrow);
7655			flex-basis: var(--FlexBasis);
7656			flex-shrink: var(--FlexSchrink);
7657
7658			width: var(--Width);
7659			padding: var(--Padding);
7660		}
7661	
7662		.AdvancedGrid__container--{
7663			background-color: transparent;
7664			background-image: none;
7665		}
7666
7667	</style>
7668
7669  </section>
7670
7671
7672
7673
7674
7675
7676
7677
7678
7679
7680
7681  <section class="AdvancedGrid AdvancedGrid--867 tekst_en_sliderCC margin-auto" style="--Height: 0px;">
7682
7683          <article class='AdvancedGrid__container AdvancedGrid__container--867'>
7684<section class='AdvancedGrid__column AdvancedGrid__column--6058 ' style='padding: var(--Padding);'>
7685<div class='AdvancedGrid__row AdvancedGrid__row--6603 '>
7686
7687
7688
7689
7690
7691
7692
7693
7694
7695
7696
7697
7698
7699
7700
7701
7702
7703
7704
7705
7706	<style>
7707
7708	@media screen and (min-width: 991px) {
7709		.cta-paragraph__container--14804 {
7710			height: auto !important;
7711		}
7712	}
7713
7714	</style>
7715
7716		<section class="cta-paragraph cta-paragraph--14804 config--132   no-repeat top-left bg-contain padding-small "  style="background-color: transparent; " data-paragraphid="14804" id="14804" data-aos="" data-aos-duration="0">
7717
7718			<div class="cta-paragraph__container cta-paragraph__container--14804 container  image-left ">
7719
7720				<style>
7721
7722				.cta-paragraph--14804 .cta-paragraph__content {
7723				}
7724
7725				.cta-paragraph--14804 .cta-paragraph__image-container {
7726				}
7727
7728				</style>
7729
7730				
7731				
7732			<section class="cta-paragraph__content cta-paragraph__content--14804 cta-paragraph__content--center no-image" data-aos="" data-aos-duration="0">
7733				<article class="cta-paragraph__content-container no-image"><header class="cta-paragraph__header "><h2 class="cta-paragraph__header">Welke ondergrond <br>wil jij met verf</br> beschermen?</h2> </header>
7734					<div class="cta-paragraph__text "><p><span style="color: var(--Color);">Een brede kennis over verf is onze kracht. Van afbouw tot schadeherstel en van industrie tot doe-het-zelf... we richten ons niet op één tak van sport, maar kunnen het allemaal. En juist omdat we ons in zo’n breed werkveld begeven, weten we precies welke oplossing waar en wanneer het beste is. </span></p><p></p></div>
7735					<nav class="cta-paragraph__btn-navigation " >
7736						<a href='/consumenten' class='btn default-btn btn--11 btn__primar AdvancedGridButton' target='_self' >
7737<span class='btn__text cta-paragraph__btn cta-paragraph__btn-label'>Info voor consumenten</span>
7738<i class='btn__icon fa-chevron-right cta-paragraph__btn-icon check'></i>
7739</a>
7740
7741						
7742					</nav>
7743				</article>
7744			</section>
7745
7746
7747			</div>
7748
7749		</section>
7750</div>
7751</section>
7752<section class='AdvancedGrid__column AdvancedGrid__column--6059 ' style='padding: var(--Padding);'>
7753<div class='AdvancedGrid__row AdvancedGrid__row--6604 '>
7754
7755
7756
7757
7758
7759
7760
7761
7762
7763
7764
7765
7766
7767
7768
7769
7770
7771
7772
7773
7774
7775
7776<style>
7777		
7778</style>
7779
7780<style>
7781
7782	@media screen and (max-width: 991px) {
7783		.multicolumn--14808 .multicolumn__item {
7784			height: auto !important;
7785		}
7786	}
7787
7788	@media screen and (min-width: 991px) {
7789		.multicolumn--14808 .multicolumn__item {
7790			height: auto !important;
7791		}
7792	}
7793
7794	.multicolumn--14808 {
7795		background-color: ;
7796	}
7797
7798	.multicolumn--14808 .cta-paragraph {
7799		background-color: ;
7800		border: 0px  solid;
7801	}
7802
7803	.multicolumn--14808 .cta-paragraph__content-container
7804	{
7805		
7806	}
7807
7808	.multicolumn--14808 .cta-paragraph__content {
7809	}
7810
7811	.multicolumn--14808 .cta-paragraph__image-container {
7812	}
7813
7814	.cta-paragraph--14808 .cta-paragraph__btn-navigation {
7815	}
7816
7817	.multicolumn--14808 .cta-paragraph {
7818	}
7819
7820</style>
7821
7822	<div class="multicolumn multicolumn--14808    cc-branch-block w-full custom-buttons custom-buttons-left custom-buttons-black custom-carousel cc-card-slider" data-paragraphid="14808" id="14808" style="" data-aos="" data-aos-duration="0">
7823		<div class="multicolumn__container container">
7824
7825			
7826			<div class="grid-container nowrap">
7827				<div class="multicolumn__item grid-auto md-grid-auto lg-grid-auto" data-aos="" data-aos-duration="0" data-aos-delay="0">
7828					<section class="cta-paragraph config--  ">
7829
7830						
7831				<figure class="cta-paragraph__image-container  center center" style="height: auto;" data-aos="" data-aos-duration="300">
7832					<picture class="cta-paragraph__image bg-cover ">
7833						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Slider Afbouw.jpg&Crop=7&Format=webp&Quality=90&Compression=80&Width=400">
7834						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Slider Afbouw.jpg&Crop=7&Format=webp&Quality=90&Compression=80&Width=994">
7835						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Slider Afbouw.jpg&Crop=7&Format=webp&Quality=90&Compression=80&Width=1200" loading="lazy" alt="" class="cta-paragraph__image bg-cover " width="1980" height="500">
7836					</picture>
7837				</figure>
7838						
7839						
7840						
7841			<section class="cta-paragraph__content cta-paragraph__content--14808  " data-aos="" data-aos-duration="300">
7842				<article class="cta-paragraph__content-container "><header class="cta-paragraph__header "><h2 class="cta-paragraph__header">Afbouw</h2> </header>
7843					<div class="cta-paragraph__text "><p>Als schilder of stukadoor, met de kwast of de roller, buiten of binnen… bij Colours &amp; Coatings hebben we een compleet assortiment aan hoogwaardige producten voor iedere professional.</p>
7844</div>
7845					<nav class="cta-paragraph__btn-navigation " >
7846						<a href='/afbouw' class='btn default-btn btn--5 btn__cta-blauw AdvancedGridButton' target='_self' >
7847<span class='btn__text cta-paragraph__btn cta-paragraph__btn-label'>Lees meer</span>
7848<i class='btn__icon fa-chevron-right cta-paragraph__btn-icon check'></i>
7849</a>
7850
7851						
7852					</nav>
7853				</article>
7854			</section>
7855					</section>
7856				</div>
7857				<div class="multicolumn__item grid-auto md-grid-auto lg-grid-auto" data-aos="" data-aos-duration="0" data-aos-delay="0">
7858					<section class="cta-paragraph config--  ">
7859
7860						
7861				<figure class="cta-paragraph__image-container  center center" style="height: auto;" data-aos="" data-aos-duration="300">
7862					<picture class="cta-paragraph__image bg-cover ">
7863						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Slider Schadeherstel.jpg&Crop=7&Format=webp&Quality=90&Compression=80&Width=400">
7864						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Slider Schadeherstel.jpg&Crop=7&Format=webp&Quality=90&Compression=80&Width=994">
7865						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/Slider Schadeherstel.jpg&Crop=7&Format=webp&Quality=90&Compression=80&Width=1200" loading="lazy" alt="" class="cta-paragraph__image bg-cover " width="1980" height="500">
7866					</picture>
7867				</figure>
7868						
7869						
7870						
7871			<section class="cta-paragraph__content cta-paragraph__content--14808  " data-aos="" data-aos-duration="300">
7872				<article class="cta-paragraph__content-container "><header class="cta-paragraph__header "><h2 class="cta-paragraph__header">Schadeherstel</h2> </header>
7873					<div class="cta-paragraph__text "><p>Een snelle service is&nbsp;noodzaketijk als het gaat&nbsp;om autoschadeherstel. Dat&nbsp;snappen we bij Colours &amp; Coatings. Bij ons kun je&nbsp;rekenen op een 24-uurs&nbsp;levering.</p>
7874</div>
7875					<nav class="cta-paragraph__btn-navigation " >
7876						<a href='/schadeherstel' class='btn default-btn btn--5 btn__cta-blauw AdvancedGridButton' target='_self' >
7877<span class='btn__text cta-paragraph__btn cta-paragraph__btn-label'>Lees meer</span>
7878<i class='btn__icon fa-chevron-right cta-paragraph__btn-icon check'></i>
7879</a>
7880
7881						
7882					</nav>
7883				</article>
7884			</section>
7885					</section>
7886				</div>
7887				<div class="multicolumn__item grid-auto md-grid-auto lg-grid-auto" data-aos="" data-aos-duration="0" data-aos-delay="0">
7888					<section class="cta-paragraph config--  ">
7889
7890						
7891				<figure class="cta-paragraph__image-container  center center" style="height: auto;" data-aos="" data-aos-duration="300">
7892					<picture class="cta-paragraph__image bg-cover ">
7893						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/electrostaat (PPG).JPG&Crop=7&Format=webp&Quality=90&Compression=80&Width=400">
7894						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/electrostaat (PPG).JPG&Crop=7&Format=webp&Quality=90&Compression=80&Width=994">
7895						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/structure/electrostaat (PPG).JPG&Crop=7&Format=webp&Quality=90&Compression=80&Width=1200" loading="lazy" alt="" class="cta-paragraph__image bg-cover " width="1980" height="500">
7896					</picture>
7897				</figure>
7898						
7899						
7900						
7901			<section class="cta-paragraph__content cta-paragraph__content--14808  " data-aos="" data-aos-duration="300">
7902				<article class="cta-paragraph__content-container "><header class="cta-paragraph__header "><h2 class="cta-paragraph__header">Industrie</h2> </header>
7903					<div class="cta-paragraph__text "><p>De juiste oplossing begint bij het juiste materiaal. En dat is bij elke opdracht verschillend. Omdat we bij Colours &amp; Coatings werkzaam zijn in allerlei branches, weten we precies welk product waar het beste werkt.&nbsp;</p>
7904</div>
7905					<nav class="cta-paragraph__btn-navigation " >
7906						<a href='/industrie' class='btn default-btn btn--5 btn__cta-blauw AdvancedGridButton' target='_self' >
7907<span class='btn__text cta-paragraph__btn cta-paragraph__btn-label'>Lees meer</span>
7908<i class='btn__icon fa-chevron-right cta-paragraph__btn-icon check'></i>
7909</a>
7910
7911						
7912					</nav>
7913				</article>
7914			</section>
7915					</section>
7916				</div>
7917			</div>
7918		</div>
7919	</div>
7920
7921
7922
7923
7924</div>
7925</section>
7926</article>
7927
7928          <!--// Generate Buttons //-->
7929
7930
7931	<style>
7932
7933      	.AdvancedGrid__container--867{
7934--BackgroundColor: ;
7935}
7936.AdvancedGrid__column--6058{
7937--BackgroundColor: transparent;
7938--FlexGrow: 1;
7939--FlexBasis: 0;
7940--FlexSchrink: 0;
7941--Width: 600px;;
7942--Padding: 20;
7943max-width : 600px;
7944}
7945.AdvancedGrid__row--6603{
7946--BackgroundColor: transparent;
7947
7948}
7949.AdvancedGrid__column--6059{
7950--BackgroundColor: transparent;
7951--FlexGrow: 1;
7952--FlexBasis: 0;
7953--FlexSchrink: 1;
7954--Width: 1000px;;
7955--Padding: ;
7956max-width : 1000px;
7957}
7958.AdvancedGrid__row--6604{
7959--BackgroundColor: transparent;
7960min-height : 60px;
7961}
7962
7963
7964		.AdvancedGrid--867 .AdvancedGrid__row {
7965
7966			--VerticalAlign: flex-start;
7967			--HorinzontalAlign: flex-end;
7968
7969			align-items: var(--VerticalAlign);
7970			justify-content: var(--HorinzontalAlign);
7971
7972		}
7973	
7974		.AdvancedGrid__container--867{
7975			--BackgroundImage: url('');
7976			--BackgroundColor: ;
7977		}
7978
7979		.AdvancedGrid__column {
7980			background-color: var(--BackgroundColor);
7981
7982			flex-grow: var(--FlexGrow);
7983			flex-basis: var(--FlexBasis);
7984			flex-shrink: var(--FlexSchrink);
7985
7986			width: var(--Width);
7987			padding: var(--Padding);
7988		}
7989	
7990		.AdvancedGrid__container--{
7991			background-color: transparent;
7992			background-image: none;
7993		}
7994
7995	</style>
7996
7997  </section>
7998
7999
8000
8001
8002
8003
8004
8005
8006
8007
8008
8009
8010<!--
8011	*****************************
8012	**** BEGIN DESKTOP SETUP ****
8013	*****************************
8014-->
8015
8016<section class="jumbotron__playground jumbotron-mask jumbotron__playground-16522 jumbotron--desktop jumboConfig--1 home-jumbo cc-contact__card bg-jumboCC">
8017
8018	<section class="jumbotron__no-carousel"
8019		data-dots="False"
8020		data-loop="False"
8021		data-autoplay="False"
8022		data-controls="False"
8023		data-duration="0"
8024	>
8025
8026			<div class="jumbotron jumbo_CC blue_a_href" id="216">
8027
8028				<style>
8029
8030				@media screen and (min-width: 994px) {
8031					.jumbotron__image_background_16522_216 {
8032							background-image: url('/Admin/Public/GetImage.ashx?Image=/Files/Images/BeeldbankArtica/DSC01667.jpg&Crop=7&Format=webp&Width=1200&height=600&Quality=90&Compression=100');
8033					}
8034				}
8035
8036				@media screen and (min-width: 1200px) {
8037					.jumbotron__image_background_16522_216 {
8038						background-image: url('/Admin/Public/GetImage.ashx?Image=/Files/Images/BeeldbankArtica/DSC01667.jpg&Crop=7&Format=webp&Width=2000&height=600&Quality=90&Compression=100');
8039					}
8040				}
8041
8042				</style>
8043
8044				<figure class="jumbotron__image rellaxOff center middle jumbotron__image_background_16522_216"></figure>
8045
8046				
8047		<section class="jumbotron__container container left bottom ">
8048				<div class="jumbotron__shoutbox transparent ">
8049					<section class="jumbotron__shoutbox-header">
8050
8051						 <h2 class="jumbotron__heading">Neem contact op</h2>
8052							<div class="jumbotron__shoutbox-intro"><p>Heb je een vraag over een bepaald product? Of behoefte aan deskundig advies? Neem dan contact met ons. Onze supporters helpen je graag verder.</p><p> </p><p><strong style="background-color: rgb(73, 102, 160); color: white;"><a href="tel:0031534789009">Bel 053 47 89 009</a></strong></p></div>
8053						<a href='http://#' class='btn default-btn btn--11 btn__primar AdvancedGridButton' target='_self' >
8054<span class='btn__text cta-paragraph__btn cta-paragraph__btn-label'>Vind een center in de buurt</span>
8055<i class='btn__icon fa-chevron-right cta-paragraph__btn-icon check'></i>
8056</a>
8057
8058					</section>
8059				</div>
8060		</section>
8061			</div>
8062
8063	</section>
8064
8065	<!-- BEGIN QUICKMENU -->
8066
8067	
8068
8069	<!-- END QUICKMENU -->
8070
8071	<div class="jumbotron__shaper-container"><!--//
8072	<svg width="100%" height="500" viewBox="0 0 1600 600" preserveAspectRatio="none">
8073		<defs>
8074			<style>
8075				.cls-1 {
8076					fill: #cccccb;
8077				}
8078
8079				.cls-2 {
8080					fill: #fff;
8081					opacity: 0.2;
8082				}
8083
8084			</style>
8085		</defs>
8086		<title></title>
8087		<path class="jumbotron__shaper-homepage" d="M2.59,495,237,553l122-48,132,54,360,16,262-48,176-90,154,120,112,12,206-102,159.79,65v71H1.56S1.31,493.72,2.59,495Z" />
8088		<polygon class="cls-2" points="359 505 317 599 491 559 359 505" />
8089		<polygon class="cls-2" points="1289 437 1443 557 1177 601 1289 437" />
8090		<polygon class="cls-2" points="1761 467 1696.44 604.28 1920.8 603 1920.8 532.03 1761 467" />
8091	</svg>
8092	<svg width="100%" height="600" viewBox="0 0 2000 600" preserveAspectRatio="none">
8093		<clipPath id="myClip">
8094			<path class="cls-1" d="M1999.57,425c-123.24,53.94-329.82,96.6-581.35,119.35q33.6-6.59,65.7-14.19c104.82-24.86,197.33-58,276-98.78,21.37-11.08,49.25-53.51,49.25-53.51C1609,504.41,1328.64,545.78,1128.7,558.21c-31.7,2-62.42,3.29-91.8,4.12q-18.23.13-36.6.13c-81.34,0-160.65-1.95-237.08-5.65-16.15-1.19-25.6-1.31-25.6-1.31C416.39,538.15,148.8,489.67,1,425H.3V600h2000V425Z"></path>
8095		</clipPath>
8096	</svg>
8097//-->
8098
8099<!--//
8100	<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="0" width="0" viewBox="0 0 2000 600" preserveAspectRatio="">
8101		<clipPath id="myClip">
8102			<path class="st0" d="M0,0v325h0.2C37.1,389.7,104,438.2,184.3,455.5c0,0,2.4,0.1,6.4,1.3c19.1,3.7,38.9,5.7,59.3,5.7
8103			c3.1,0,6.1,0,9.2-0.1c7.3-0.8,15-2.1,23-4.1c50-12.4,120.1-53.8,170.1-180.3c0,0-7,42.4-12.3,53.5c-19.7,40.8-42.8,73.9-69,98.8
8104			c-5.4,5.1-10.8,9.8-16.4,14.2C417.4,421.6,469,378.9,499.8,325h0.2V0H0z" />
8105		</clipPath>
8106	</svg>
8107//-->
8108
8109<!--<img src="https://images.unsplash.com/photo-1592006256125-1e7622ead3b0?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ" alt="Photographer in a market." height="1000" width="1000" />
8110<svg width="0" height="0">
8111	<clipPath id="svgClip" clipPathUnits="objectBoundingBox">
8112		<path d="M0.75815095, 0.0579477769 C0.879893708, 0.187288937 0.902165272, 0.677587654 0.799370955, 0.785996249 C0.627963035, 0.966765889 0.26163708, 0.91434951 0.111342491,0.755791573 C-0.0332137967,0.603287436 -0.035795248,0.382887577 0.0965066612,0.173955315 C0.200239457,0.0101396315 0.648923894,-0.0580965318 0.75815095,0.0579477769 Z"></path>
8113	</clipPath>
8114</svg>
8115<style>
8116	.jumbotron-mask {
8117		clip-path: url(#svgClip);
8118		width: 18em;
8119		height: 18em;
8120		object-fit: cover;
8121		display: block;
8122		margin-right: auto;
8123		margin-left: auto;
8124	}
8125</style>-->
8126</div>
8127
8128</section>
8129
8130<!--
8131	***************************
8132	**** END DESKTOP SETUP ****
8133	***************************
8134-->
8135
8136<style>
8137	}
8138.jumboConfig--1  .jumbotron__shoutbox-intro p,
8139.jumboConfig--1  .jumbotron__shoutbox-intro li{
8140--Color : #FFFFFF;
8141--Color: #1C1C1C;
8142--FontSize: 1.125rem;
8143--FontStyle: none;
8144--LineHeight: 1.875rem;
8145--FontWeight: normal;
8146--FontFamily: code-saver, sans-serif;
8147--Position: relative;
8148
8149}
8150.jumboConfig--1 .jumbotron__heading{
8151--Color : #FFFFFF;
8152--Color: #1C1C1C;
8153--FontSize: 4rem;
8154--FontStyle: uppercase;
8155--LineHeight: 3.5rem;
8156--FontWeight: 900;
8157--FontFamily: 'dharma-gothic-e', sans-serif;
8158--Position: relative;
8159
8160}
8161.jumboConfig--1 .jumbotron__subheading{
8162--Color : #FFFFFF;
8163--Color: #1C1C1C;
8164--FontSize: 1.2rem;
8165--FontStyle: uppercase;
8166--LineHeight: 1.4rem;
8167--FontWeight: 100;
8168--FontFamily: 'dharma-gothic-e', sans-serif;
8169--Position: relative;
8170
8171}
8172
8173</style>
8174
8175<!--
8176	****************************
8177	**** BEGIN MOBILE SETUP ****
8178	****************************
8179-->
8180
8181<section class="jumbotron__playground jumbotron__playground-16522 jumbotron--mobile home-jumbo cc-contact__card">
8182
8183	<section class="jumbotron__no-carousel-mob"
8184		data-dots="False"
8185		data-loop="False"
8186		data-autoplay="False"
8187		data-controls="False"
8188		data-duration="0"
8189	>
8190			<div class="jumbotron jumbo_CC blue_a_href">
8191
8192				<!-- BEGIN IMAGE -->
8193
8194				<figure class="jumbotron__image-container">
8195					<picture class="jumbotron__image w-full h-full">
8196						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/BeeldbankArtica/DSC01667.jpg&Crop=7&Format=webp&Quality=90&Width=400&Compression=90">
8197						<source media="(max-width: 500px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/BeeldbankArtica/DSC01667.jpg&Crop=7&Format=webp&Quality=90&Width=500&Compression=90">
8198						<source media="(max-width: 600px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/BeeldbankArtica/DSC01667.jpg&Crop=7&Format=webp&Quality=90&Width=600&Compression=90">
8199						<source media="(max-width: 700px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/BeeldbankArtica/DSC01667.jpg&Crop=7&Format=webp&Quality=90&Width=700&Compression=90">
8200						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/BeeldbankArtica/DSC01667.jpg&Crop=7&Format=webp&Quality=90&Width=994&Compression=90">
8201						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/BeeldbankArtica/DSC01667.jpg&Crop=7&Format=webp&Width=400&Quality=90&Compression=90" width="1980" height="500" alt=""  />
8202					</picture>
8203				</figure>
8204
8205				<!-- END IMAGE -->
8206				<!-- BEGIN SHOUTBOX -->
8207
8208				
8209		<section class="jumbotron__container container left bottom ">
8210				<div class="jumbotron__shoutbox transparent ">
8211					<section class="jumbotron__shoutbox-header">
8212
8213						 <h2 class="jumbotron__heading">Neem contact op</h2>
8214							<div class="jumbotron__shoutbox-intro"><p>Heb je een vraag over een bepaald product? Of behoefte aan deskundig advies? Neem dan contact met ons. Onze supporters helpen je graag verder.</p><p> </p><p><strong style="background-color: rgb(73, 102, 160); color: white;"><a href="tel:0031534789009">Bel 053 47 89 009</a></strong></p></div>
8215						<a href='http://#' class='btn default-btn btn--11 btn__primar AdvancedGridButton' target='_self' >
8216<span class='btn__text cta-paragraph__btn cta-paragraph__btn-label'>Vind een center in de buurt</span>
8217<i class='btn__icon fa-chevron-right cta-paragraph__btn-icon check'></i>
8218</a>
8219
8220					</section>
8221				</div>
8222		</section>
8223
8224				<!-- END SHOUTBOX -->
8225			</div>
8226
8227	</section>
8228
8229	<!-- BEGIN QUICKMENU -->
8230
8231	
8232
8233	<!-- END QUICKMENU -->
8234
8235</section>
8236
8237<!--
8238	************************
8239	*** END MOBILE SETUP ***
8240	************************
8241-->
8242
8243<style>
8244	.jumbotron__playground,
8245	.jumbotron {
8246		height: auto;
8247	}
8248
8249	@media screen and (min-width: 991px){
8250		.jumbotron__playground-16522 .jumbotron__carousel,
8251		.jumbotron__playground-16522 .jumbotron {
8252			height: 600px;
8253			overflow: hidden;
8254		}
8255
8256		.jumbotron__playground-16522 .jumbotron__container {
8257			width: 100%;
8258		}
8259
8260		.jumbotron__playground-16522 .quickmenu {
8261			width: 0px;
8262		}
8263
8264		.jumbotron__playground-16522 .jumbotron__no-carousel,
8265		.jumbotron__playground-16522 .jumbotron__carousel {
8266			width: calc(100% - 0px);
8267		}
8268
8269		.jumbotron__playground-16522 .jumbotron__shoutbox {
8270			background-color: ;
8271
8272					background-image: url('/Files/Images/structure/bg_jumbo.png');
8273						}
8274
8275		.jumbotron__playground-16522 .quickmenu {
8276		}
8277	}
8278</style>
8279
8280
8281
8282
8283
8284
8285
8286
8287
8288
8289
8290
8291
8292
8293
8294<!--
8295	*****************************
8296	**** BEGIN DESKTOP SETUP ****
8297	*****************************
8298-->
8299
8300<section class="jumbotron__playground jumbotron-mask jumbotron__playground-13108 jumbotron--desktop jumboConfig--1 home-jumbo home-jumbo cc-contact__card bg-jumboCC">
8301
8302	<section class="jumbotron__no-carousel"
8303		data-dots="False"
8304		data-loop="False"
8305		data-autoplay="False"
8306		data-controls="False"
8307		data-duration="0"
8308	>
8309
8310			<div class="jumbotron jumbo_CC" id="48">
8311
8312				<style>
8313
8314				@media screen and (min-width: 994px) {
8315					.jumbotron__image_background_13108_48 {
8316							background-image: url('/Admin/Public/GetImage.ashx?Image=/Files/Images/BeeldbankArtica/DSC01903.jpg&Crop=7&Format=webp&Width=1200&height=650&Quality=90&Compression=100');
8317					}
8318				}
8319
8320				@media screen and (min-width: 1200px) {
8321					.jumbotron__image_background_13108_48 {
8322						background-image: url('/Admin/Public/GetImage.ashx?Image=/Files/Images/BeeldbankArtica/DSC01903.jpg&Crop=7&Format=webp&Width=2000&height=650&Quality=90&Compression=100');
8323					}
8324				}
8325
8326				</style>
8327
8328				<figure class="jumbotron__image rellaxOff center middle jumbotron__image_background_13108_48"></figure>
8329
8330				
8331		<section class="jumbotron__container container right bottom ">
8332				<div class="jumbotron__shoutbox transparent ">
8333					<section class="jumbotron__shoutbox-header">
8334
8335						 <h2 class="jumbotron__heading">Bezoek Onze supportcenters</h2>
8336							<div class="jumbotron__shoutbox-intro"><p>Met onze 7 support centers en ons profpunt zijn we in de omgeving van Twente en de Achterhoek altijd dichtbij. Al deze locaties zijn een afhaalpunt voor onze schilders. Elke vestiging kent echter een eigen specialisatie. Natuurlijk helpen we je waar dan ook graag verder en staan we je in elke vestiging te woord.</p></div>
8337						<a href='/support-centers' class='btn default-btn btn--11 btn__primar AdvancedGridButton' target='_self' >
8338<span class='btn__text cta-paragraph__btn cta-paragraph__btn-label'>Vind een center in de buurt</span>
8339<i class='btn__icon fa-chevron-right cta-paragraph__btn-icon check'></i>
8340</a>
8341
8342					</section>
8343				</div>
8344		</section>
8345			</div>
8346
8347	</section>
8348
8349	<!-- BEGIN QUICKMENU -->
8350
8351	
8352
8353	<!-- END QUICKMENU -->
8354
8355	<div class="jumbotron__shaper-container"><!--//
8356	<svg width="100%" height="500" viewBox="0 0 1600 600" preserveAspectRatio="none">
8357		<defs>
8358			<style>
8359				.cls-1 {
8360					fill: #cccccb;
8361				}
8362
8363				.cls-2 {
8364					fill: #fff;
8365					opacity: 0.2;
8366				}
8367
8368			</style>
8369		</defs>
8370		<title></title>
8371		<path class="jumbotron__shaper-homepage" d="M2.59,495,237,553l122-48,132,54,360,16,262-48,176-90,154,120,112,12,206-102,159.79,65v71H1.56S1.31,493.72,2.59,495Z" />
8372		<polygon class="cls-2" points="359 505 317 599 491 559 359 505" />
8373		<polygon class="cls-2" points="1289 437 1443 557 1177 601 1289 437" />
8374		<polygon class="cls-2" points="1761 467 1696.44 604.28 1920.8 603 1920.8 532.03 1761 467" />
8375	</svg>
8376	<svg width="100%" height="600" viewBox="0 0 2000 600" preserveAspectRatio="none">
8377		<clipPath id="myClip">
8378			<path class="cls-1" d="M1999.57,425c-123.24,53.94-329.82,96.6-581.35,119.35q33.6-6.59,65.7-14.19c104.82-24.86,197.33-58,276-98.78,21.37-11.08,49.25-53.51,49.25-53.51C1609,504.41,1328.64,545.78,1128.7,558.21c-31.7,2-62.42,3.29-91.8,4.12q-18.23.13-36.6.13c-81.34,0-160.65-1.95-237.08-5.65-16.15-1.19-25.6-1.31-25.6-1.31C416.39,538.15,148.8,489.67,1,425H.3V600h2000V425Z"></path>
8379		</clipPath>
8380	</svg>
8381//-->
8382
8383<!--//
8384	<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="0" width="0" viewBox="0 0 2000 600" preserveAspectRatio="">
8385		<clipPath id="myClip">
8386			<path class="st0" d="M0,0v325h0.2C37.1,389.7,104,438.2,184.3,455.5c0,0,2.4,0.1,6.4,1.3c19.1,3.7,38.9,5.7,59.3,5.7
8387			c3.1,0,6.1,0,9.2-0.1c7.3-0.8,15-2.1,23-4.1c50-12.4,120.1-53.8,170.1-180.3c0,0-7,42.4-12.3,53.5c-19.7,40.8-42.8,73.9-69,98.8
8388			c-5.4,5.1-10.8,9.8-16.4,14.2C417.4,421.6,469,378.9,499.8,325h0.2V0H0z" />
8389		</clipPath>
8390	</svg>
8391//-->
8392
8393<!--<img src="https://images.unsplash.com/photo-1592006256125-1e7622ead3b0?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ" alt="Photographer in a market." height="1000" width="1000" />
8394<svg width="0" height="0">
8395	<clipPath id="svgClip" clipPathUnits="objectBoundingBox">
8396		<path d="M0.75815095, 0.0579477769 C0.879893708, 0.187288937 0.902165272, 0.677587654 0.799370955, 0.785996249 C0.627963035, 0.966765889 0.26163708, 0.91434951 0.111342491,0.755791573 C-0.0332137967,0.603287436 -0.035795248,0.382887577 0.0965066612,0.173955315 C0.200239457,0.0101396315 0.648923894,-0.0580965318 0.75815095,0.0579477769 Z"></path>
8397	</clipPath>
8398</svg>
8399<style>
8400	.jumbotron-mask {
8401		clip-path: url(#svgClip);
8402		width: 18em;
8403		height: 18em;
8404		object-fit: cover;
8405		display: block;
8406		margin-right: auto;
8407		margin-left: auto;
8408	}
8409</style>-->
8410</div>
8411
8412</section>
8413
8414<!--
8415	***************************
8416	**** END DESKTOP SETUP ****
8417	***************************
8418-->
8419
8420<style>
8421	}
8422.jumboConfig--1  .jumbotron__shoutbox-intro p,
8423.jumboConfig--1  .jumbotron__shoutbox-intro li{
8424--Color : #FFFFFF;
8425--Color: #1C1C1C;
8426--FontSize: 1.125rem;
8427--FontStyle: none;
8428--LineHeight: 1.875rem;
8429--FontWeight: normal;
8430--FontFamily: code-saver, sans-serif;
8431--Position: relative;
8432
8433}
8434.jumboConfig--1 .jumbotron__heading{
8435--Color : #FFFFFF;
8436--Color: #1C1C1C;
8437--FontSize: 4rem;
8438--FontStyle: uppercase;
8439--LineHeight: 3.5rem;
8440--FontWeight: 900;
8441--FontFamily: 'dharma-gothic-e', sans-serif;
8442--Position: relative;
8443
8444}
8445.jumboConfig--1 .jumbotron__subheading{
8446--Color : #FFFFFF;
8447--Color: #1C1C1C;
8448--FontSize: 1.2rem;
8449--FontStyle: uppercase;
8450--LineHeight: 1.4rem;
8451--FontWeight: 100;
8452--FontFamily: 'dharma-gothic-e', sans-serif;
8453--Position: relative;
8454
8455}
8456
8457</style>
8458
8459<!--
8460	****************************
8461	**** BEGIN MOBILE SETUP ****
8462	****************************
8463-->
8464
8465<section class="jumbotron__playground jumbotron__playground-13108 jumbotron--mobile home-jumbo home-jumbo cc-contact__card">
8466
8467	<section class="jumbotron__no-carousel-mob"
8468		data-dots="False"
8469		data-loop="False"
8470		data-autoplay="False"
8471		data-controls="False"
8472		data-duration="0"
8473	>
8474			<div class="jumbotron jumbo_CC">
8475
8476				<!-- BEGIN IMAGE -->
8477
8478				<figure class="jumbotron__image-container">
8479					<picture class="jumbotron__image w-full h-full">
8480						<source media="(max-width: 400px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/BeeldbankArtica/DSC01903.jpg&Crop=7&Format=webp&Quality=90&Width=400&Compression=90">
8481						<source media="(max-width: 500px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/BeeldbankArtica/DSC01903.jpg&Crop=7&Format=webp&Quality=90&Width=500&Compression=90">
8482						<source media="(max-width: 600px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/BeeldbankArtica/DSC01903.jpg&Crop=7&Format=webp&Quality=90&Width=600&Compression=90">
8483						<source media="(max-width: 700px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/BeeldbankArtica/DSC01903.jpg&Crop=7&Format=webp&Quality=90&Width=700&Compression=90">
8484						<source media="(max-width: 994px)" srcset="/Admin/Public/GetImage.ashx?Image=/Files/Images/BeeldbankArtica/DSC01903.jpg&Crop=7&Format=webp&Quality=90&Width=994&Compression=90">
8485						<img src="/Admin/Public/GetImage.ashx?Image=/Files/Images/BeeldbankArtica/DSC01903.jpg&Crop=7&Format=webp&Width=400&Quality=90&Compression=90" width="1980" height="500" alt=""  />
8486					</picture>
8487				</figure>
8488
8489				<!-- END IMAGE -->
8490				<!-- BEGIN SHOUTBOX -->
8491
8492				
8493		<section class="jumbotron__container container right bottom ">
8494				<div class="jumbotron__shoutbox transparent ">
8495					<section class="jumbotron__shoutbox-header">
8496
8497						 <h2 class="jumbotron__heading">Bezoek Onze supportcenters</h2>
8498							<div class="jumbotron__shoutbox-intro"><p>Met onze 7 support centers en ons profpunt zijn we in de omgeving van Twente en de Achterhoek altijd dichtbij. Al deze locaties zijn een afhaalpunt voor onze schilders. Elke vestiging kent echter een eigen specialisatie. Natuurlijk helpen we je waar dan ook graag verder en staan we je in elke vestiging te woord.</p></div>
8499						<a href='/support-centers' class='btn default-btn btn--11 btn__primar AdvancedGridButton' target='_self' >
8500<span class='btn__text cta-paragraph__btn cta-paragraph__btn-label'>Vind een center in de buurt</span>
8501<i class='btn__icon fa-chevron-right cta-paragraph__btn-icon check'></i>
8502</a>
8503
8504					</section>
8505				</div>
8506		</section>
8507
8508				<!-- END SHOUTBOX -->
8509			</div>
8510
8511	</section>
8512
8513	<!-- BEGIN QUICKMENU -->
8514
8515	
8516
8517	<!-- END QUICKMENU -->
8518
8519</section>
8520
8521<!--
8522	************************
8523	*** END MOBILE SETUP ***
8524	************************
8525-->
8526
8527<style>
8528	.jumbotron__playground,
8529	.jumbotron {
8530		height: auto;
8531	}
8532
8533	@media screen and (min-width: 991px){
8534		.jumbotron__playground-13108 .jumbotron__carousel,
8535		.jumbotron__playground-13108 .jumbotron {
8536			height: 650px;
8537			overflow: hidden;
8538		}
8539
8540		.jumbotron__playground-13108 .jumbotron__container {
8541			width: 100%;
8542		}
8543
8544		.jumbotron__playground-13108 .quickmenu {
8545			width: 0px;
8546		}
8547
8548		.jumbotron__playground-13108 .jumbotron__no-carousel,
8549		.jumbotron__playground-13108 .jumbotron__carousel {
8550			width: calc(100% - 0px);
8551		}
8552
8553		.jumbotron__playground-13108 .jumbotron__shoutbox {
8554			background-color: ;
8555
8556					background-image: url('/Files/Images/structure/bg_jumbo.png');
8557						}
8558
8559		.jumbotron__playground-13108 .quickmenu {
8560		}
8561	}
8562</style>
8563
8564
8565
8566
8567
8568
8569
8570		
8571
8572	</main>
8573
8574
8575
8576<div id="scroll-to-top" class="scroll-to-top" aria-label="Naar boven">
8577	<span class="scroll-to-top__text">
8578		Naar boven
8579	</span>
8580	<i class="fal fa-arrow-to-top scroll-to-top__icon"></i>
8581</div>
8582
8583
8584
8585
8586	<footer>
8587
8588			    <section class='footer footer--7'>
8589				    <div class='footer__container'><section class="AdvancedGrid AdvancedGrid--843 container"><article class="AdvancedGrid__container"><section class="AdvancedGrid__column AdvancedGrid__column--5853 "><div class="AdvancedGrid__row AdvancedGrid__row--6279 ">
8590
8591
8592
8593
8594
8595
8596            <div class="spacerCC"></div> 
8597
8598            
8598<script>
8599                
8600            </script>
8600
8601
8602            <style>
8603                
8604            </style>
8605            
8606
8607</div></section></article></section><section class="AdvancedGrid AdvancedGrid--845 container footernavCC"><article class="AdvancedGrid__container"><section class="AdvancedGrid__column AdvancedGrid__column--6347 "><div class="AdvancedGrid__row AdvancedGrid__row--6958 ">
8608
8609
8610
8611
8612
8613
8614            <div class="news-header">
8615<h2>Inschrijven nieuwsbrief?</h2>
8616<p>Meld u aan voor onze online nieuwsbrief en blijf op de hoogte van de laatste ontwikkelingen, demo's en speciale aanbiedingen!</p>
8617</div> 
8618
8619            
8619<script>
8620                
8621            </script>
8621
8622
8623            <style>
8624                .news-header {
8625flex-direction: column;
8626color: #fff;
8627}
8628
8629.news-header h2 {
8630color: #fff;
8631font-size: 16px;
8632font-family: "source-code-pro", monospace;
8633}
8634
8635.news-header p {
8636color: #fff;
8637font-size: 14px;
8638font-family: "source-code-pro", monospace;
8639}
8640
8641.footer-newsletter-sign-up__header {
8642display: none;
8643}
8644            </style>
8645            
8646
8647</div><div class="AdvancedGrid__row AdvancedGrid__row--6961 ">
8648
8649
8650
8651<section class="footer-newsletter-sign-up ">
8652	<div class="footer-newsletter-sign-up__container">
8653		<label class="footer-newsletter-sign-up__header">
8654			Inschrijven nieuwsbrief?
8655		</label>
8656		
8657
8658<section class="footer__newsletter-form">
8659	<form name="UserManagementEditForm" action="/Admin/Public/404.aspx" method="post" enctype="multipart/form-data" onsubmit="s=function(e){e.elements['FormCH1_h'].value='7d208f0cf2fa43a9cbe4b095a48cf19b';e.elements['_sys_to_email'].value='';e.setAttribute('action', 'https://coloursencoatings.nl/');return true};return s(this);"><input type="hidden" name="UserManagementForm" value="1" />
8660<input type="hidden" id="UserManagementForm.DeleteImage" name="UserManagementForm.DeleteImage" />
8661<input type="hidden" name="_sys_to_email" value="[email protected]" autocomplete="off" />
8662<input type="hidden" name="FormCH1_h" value="" autocomplete="off" />
8663<input type="hidden" name="FormCH1_f" value="6c249e775af617353fb1c963e2859346" autocomplete="off" />
8664<input type="hidden" name="FormCH1_s" value="58ac0a6137915c67b63a42214fb75658" autocomplete="off" />
8665<input type="hidden" name="FormCH1_i" value="54d6b319618430d0bf399ed4c91278a2" autocomplete="off" />
8666<input type="hidden" name="7d208f0cf2fa43a9cbe4b095a48cf19bts" value="x6kNvTF6jFacokZ7aHpKLPQKwLT4nvHd" style="display:none!important" autocomplete="off" />
8667<input type="text" name="7d208f0cf2fa43a9cbe4b095a48cf19bdescription" value="" style="display:none!important" autocomplete="off" />
8668<input type="text" name="7d208f0cf2fa43a9cbe4b095a48cf19bemail" value="[email protected]" style="display:none!important" autocomplete="off" />
8669
8670	<input type="hidden" id="UserManagement_Form_EmailAllowed_ApplyValue" name="UserManagement_Form_EmailAllowed_ApplyValue" value="EmailAllowed" />
8671	<input type="hidden" name="UserManagement_Form_EmailAllowed" id="UserManagement_Form_EmailAllowed" value="True" />
8672	<input type="hidden" name="PID" value="14710" />
8673	<input type="email" id="UserManagement_Form_Email" name="UserManagement_Form_Email" required="required" class="form__input footer__newsletter-input" placeholder="E-mail">
8674	<button class="footer__newsletter-submit" type="submit" id="submitter">
8675		<span class="btn__text">Aanmelden</span>
8676	</button>
8677	</form>
8678</section>
8679
8680
8681	</div>
8682</section>
8683</div></section></article></section><section class="AdvancedGrid AdvancedGrid--921 "><article class="AdvancedGrid__container"><section class="AdvancedGrid__column AdvancedGrid__column--6324 "><div class="AdvancedGrid__row AdvancedGrid__row--6920 ">
8684
8685
8686<section class="faq-paragraph faq-paragraph--14932   no-padding " data-paragraphid="14932" id="14932" style="background-color:;">
8687	<div class="faq-paragraph__container container">
8688		<div class="faq-paragraph__list" itemscope itemtype="https://schema.org/FAQPage">
8689			<header class="faq-paragraph__header-wrapper">
8690				
8691				
8692			</header>	
8693				<div class="faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
8694					<button aria-controls="faq-14932" aria-expanded="false" class="faq__question">
8695						<span class="faq__title" itemprop="name" style="color: #FFFFFF">Vestigingen</span>
8696						<i class="fal fa-chevron-down faq__icon"></i>
8697					</button>
8698					<div aria-hidden="true" id="faq-14932" class="faq__content" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
8699						<div class="faq__innercontent" itemprop="text" style="color: #FFFFFF">
8700							<ul><li><a href="/support-centers">Support center Aalten</a></li><li><a href="/support-centers">Support center Almelo</a></li><li><a href="/support-centers">Support center Enschede</a></li><li><a href="/support-centers">Support center Hardenberg</a></li><li><a href="/support-centers">Support center Hengelo</a></li><li><a href="/support-centers">Support center Oldenzaal</a></li><li><a href="/support-centers">Support center Zutphen</a></li></ul><p></p>
8701						</div>
8702					</div>
8703				</div>
8704				<div class="faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
8705					<button aria-controls="faq-14932" aria-expanded="false" class="faq__question">
8706						<span class="faq__title" itemprop="name" style="color: #FFFFFF">Over ons</span>
8707						<i class="fal fa-chevron-down faq__icon"></i>
8708					</button>
8709					<div aria-hidden="true" id="faq-14932" class="faq__content" itemscope itemprop="acceptedA
8709nswer" itemtype="https://schema.org/Answer">
8710						<div class="faq__innercontent" itemprop="text" style="color: #FFFFFF">
8711							<ul class="footer__link-list">
8712	<li class="categories__item"><a class="categories__link" data-text="Assortiment" href="/assortiment">Assortiment</a></li>
8713	<li class="categories__item"><a class="categories__link" data-text="Diensten" href="/diensten-1">Diensten</a></li>
8714	<li class="categories__item"><a class="categories__link" data-text="Branches" href="/branches-1">Branches</a></li>
8715	<li class="categories__item"><a class="categories__link" data-text="Trainingen" href="/trainingen">Trainingen</a></li>
8716	<li class="categories__item"><a class="categories__link" data-text="Werken bij" href="/vacatures">Werken bij</a></li>
8717</ul>
8718
8719						</div>
8720					</div>
8721				</div>
8722				<div class="faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
8723					<button aria-controls="faq-14932" aria-expanded="false" class="faq__question">
8724						<span class="faq__title" itemprop="name" style="color: #FFFFFF">Klantenservice</span>
8725						<i class="fal fa-chevron-down faq__icon"></i>
8726					</button>
8727					<div aria-hidden="true" id="faq-14932" class="faq__content" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
8728						<div class="faq__innercontent" itemprop="text" style="color: #FFFFFF">
8729							<ul class="footer__link-list">
8730	<li class="categories__item"><a class="categories__link" data-text="Bestellen" href="/klantenservice/bestellen">Bestellen</a></li>
8731	<li class="categories__item"><a class="categories__link" data-text="Bezorgen" href="/klantenservice/bezorgen">Bezorgen</a></li>
8732	<li class="categories__item"><a class="categories__link" data-text="Retourneren" href="/klantenservice/retourneren">Retourneren</a></li>
8733	<li class="categories__item"><a class="categories__link" data-text="Assortiment" href="/klantenservice/assortiment">Assortiment</a></li>
8734	<li class="categories__item"><a class="categories__link" data-text="Apparatuur" href="/klantenservice/apparatuur">Apparatuur</a></li>
8735	<li class="categories__item"><a class="categories__link" data-text="Klachten" href="/klantenservice/klachten">Klachten</a></li>
8736</ul>
8737
8738						</div>
8739					</div>
8740				</div>
8741		</div>
8742	</div>
8743</section>
8744</div></section></article></section><section class="AdvancedGrid AdvancedGrid--925 container footernavCC CC-mobile-bottom__footer"><article class="AdvancedGrid__container"><section class="AdvancedGrid__column AdvancedGrid__column--6351 "><div class="AdvancedGrid__row AdvancedGrid__row--6964 ">
8745
8746
8747
8748
8749<figure class="Footer__logo Footer__logo--7 ">
8750	<a href="/home" aria-label="Logo">
8751		<img src="/Files/Images/Structure/colorscoatings_logoDiaPos.png" alt="" />
8752	</a>
8753</figure>
8754
8755<style>
8756
8757	.Footer__logo {
8758		top: var(--Top);
8759		left: var(--Left);
8760	}
8761
8762	.Footer__logo,
8763	.Footer__logo img {
8764		width: var(--Width);
8765		height: var(--Height);
8766	}
8767
8768	.Footer__logo--7 {
8769		--Top: 0px;
8770		--Left: 0px;
8771		--Width: 180px;
8772	}
8773
8774	.Footer__logo--7 {
8775		--Height: 100%;
8776		--Width: 180px;
8777	}
8778
8779	.Footer__logo--7 img {
8780		--Height: auto;
8781		--Width: 180px;
8782	}
8783
8784</style>
8785</div><div class="AdvancedGrid__row AdvancedGrid__row--6969 ">
8786
8787
8788
8789
8790
8791
8792	<section class="socialCC">
8793
8794		<span>Volg ons op:</span>
8795
8796		<div>
8797				<a href="https://www.facebook.com/colourscoatings/" target="_blank" title="Facebook" class="footer__social" rel="noreferrer">
8798							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></svg>
8799				</a>
8800				<a href="https://nl.linkedin.com/company/coloursencoatings" target="_blank" title="LinkedIn" class="footer__social" rel="noreferrer">
8801							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>
8802				</a>
8803		</div>
8804
8805	</section>
8806
8807<style>
8808	.footer__social i,
8809	.footer__social svg {
8810		color: #000000;
8811	}
8812	.footer__social svg {
8813		fill: #000000;
8814		height: 25px;
8815	}
8816	.footer__social {
8817		margin: 0;
8818		margin-top: 1rem;
8819    	margin-bottom: 1rem;
8820		overflow: visible;
8821	}
8822	.footer__social:not(:last-child) {
8823		margin-right: 1rem;
8824	}
8825</style>
8826</div><div class="AdvancedGrid__row AdvancedGrid__row--6970 ">
8827
8828
8829
8830
8831
8832
8833            <div class="footertxtCC" >2023 Copyright © Colours & Coatings B.V. All rights reserved </div> 
8834
8835            
8835<script>
8836                
8837            </script>
8837
8838
8839            <style>
8840                .footertxtCC{color:white; font-size:14px; font-family:"code-saver", sans-serif;}
8841            </style>
8842            
8843
8844</div><div class="AdvancedGrid__row AdvancedGrid__row--6974 ">
8845
8846
8847
8848
8849<div class="footer__link footer__link--17 bottomnavigatieCC">
8850
8851<ul class="footer__link-list">
8852        <li class="categories__item">
8853            <a href="/privacyverklaring" data-text="Privacy" class="categories__link">Privacy</a>
8854        </li>
8855        <li class="categories__item">
8856            <a href="/algemene-voorwaarden-1" data-text="Algemene voorwaarden" class="categories__link">Algemene voorwaarden</a>
8857        </li>
8858        <li class="categories__item">
8859            <a href="/cookies" data-text="Cookies" class="categories__link">Cookies</a>
8860        </li>
8861        <li class="categories__item">
8862            <a href="/disclaimer-2" data-text="Disclaimer" class="categories__link">Disclaimer</a>
8863        </li>
8864</ul>
8865</div>
8866
8867<style>
8868
8869	.footer__link {
8870		--ColumnCount: 1;
8871		column-count: var(--ColumnCount);
8872	}
8873
8874	.footer__link--17 {
8875		--ColumnCount: 1;
8876	}
8877
8878	.footer__link-list {
8879		--FlexDirection: column;
8880
8881		display: flex;
8882
8883		padding: 0;
8884		margin: 0;
8885
8886		flex-direction: var(--FlexDirection);
8887
8888	}
8889
8890	.footer__link--17 .footer__link-list {
8891		--FlexDirection: row;
8892	}
8893
8894</style>
8895</div></section></article></section></div>
8896				    <div class='footer__stickyheader-container'></div>
8897			    </section>
8898
8899		    
8900
8901			    <section class='footer footer--3'>
8902				    <div class='footer__container'><section class="AdvancedGrid AdvancedGrid--215 container"><article class="AdvancedGrid__container"><section class="AdvancedGrid__column AdvancedGrid__column--1914 "><div class="AdvancedGrid__row AdvancedGrid__row--1403 ">
8903
8904
8905
8906
8907
8908
8909            <div class="spacerCC"></div> 
8910
8911            
8911<script>
8912                
8913            </script>
8913
8914
8915            <style>
8916                
8917            </style>
8918            
8919
8920</div></section></article></section><section class="AdvancedGrid AdvancedGrid--209 container footernavCC"><article class="AdvancedGrid__container"><section class="AdvancedGrid__column AdvancedGrid__column--1804 "><div class="AdvancedGrid__row AdvancedGrid__row--1290 ">
8921
8922
8923
8924
8925<div class="footer__link footer__link--1 ">
8926<h2 class="footer__link-header">Vestigingen</h2>
8927<ul class="footer__link-list">
8928        <li class="categories__item">
8929            <a href="/support-centers" data-text="Support center Aalten" class="categories__link">Support center Aalten</a>
8930        </li>
8931        <li class="categories__item">
8932            <a href="/support-centers" data-text="Support center Almelo" class="categories__link">Support center Almelo</a>
8933        </li>
8934        <li class="categories__item">
8935            <a href="/support-centers" data-text="Support center Enschede" class="categories__link">Support center Enschede</a>
8936        </li>
8937        <li class="categories__item">
8938            <a href="/support-centers" data-text="Support center Hardenberg" class="categories__link">Support center Hardenberg</a>
8939        </li>
8940        <li class="categories__item">
8941            <a href="/support-centers" data-text="Support center Hengelo" class="categories__link">Support center Hengelo</a>
8942        </li>
8943        <li class="categories__item">
8944            <a href="/support-centers" data-text="Support center Oldenzaal" class="categories__link">Support center Oldenzaal</a>
8945        </li>
8946        <li class="categories__item">
8947            <a href="/support-centers" data-text="Support center Zutphen " class="categories__link">Support center Zutphen </a>
8948        </li>
8949</ul>
8950</div>
8951
8952<style>
8953
8954	.footer__link {
8955		--ColumnCount: 1;
8956		column-count: var(--ColumnCount);
8957	}
8958
8959	.footer__link--1 {
8960		--ColumnCount: 1;
8961	}
8962
8963	.footer__link-list {
8964		--FlexDirection: column;
8965
8966		display: flex;
8967
8968		padding: 0;
8969		margin: 0;
8970
8971		flex-direction: var(--FlexDirection);
8972
8973	}
8974
8975	.footer__link--1 .footer__link-list {
8976		--FlexDirection: column;
8977	}
8978
8979</style>
8980</div></section><section class="AdvancedGrid__column AdvancedGrid__column--1805 "><div class="AdvancedGrid__row AdvancedGrid__row--1291 ">
8981
8982
8983
8984
8985<div class="footer__link footer__link--3 ">
8986<h2 class="footer__link-header">Over ons</h2>
8987<ul class="footer__link-list">
8988        <li class="categories__item">
8989            <a href="/diensten-1" data-text="Diensten" class="categories__link">Diensten</a>
8990        </li>
8991        <li class="categories__item">
8992            <a href="/branches-1" data-text="Branches" class="categories__link">Branches</a>
8993        </li>
8994        <li class="categories__item">
8995            <a href="/trainingen" data-text="Trainingen" class="categories__link">Trainingen</a>
8996        </li>
8997        <li class="categories__item">
8998            <a href="/vacatures" data-text="Werken bij" class="categories__link">Werken bij</a>
8999        </li>
9000        <li class="categories__item">
9001            <a href="/nieuws" data-text="Nieuws" class="categories__link">Nieuws</a>
9002        </li>
9003</ul>
9004</div>
9005
9006<style>
9007
9008	.footer__link {
9009		--ColumnCount: 1;
9010		column-count: var(--ColumnCount);
9011	}
9012
9013	.footer__link--3 {
9014		--ColumnCount: 1;
9015	}
9016
9017	.footer__link-list {
9018		--FlexDirection: column;
9019
9020		display: flex;
9021
9022		padding: 0;
9023		margin: 0;
9024
9025		flex-direction: var(--FlexDirection);
9026
9027	}
9028
9029	.footer__link--3 .footer__link-list {
9030		--FlexDirection: column;
9031	}
9032
9033</style>
9034</div><div class="AdvancedGrid__row AdvancedGrid__row--1409 ">
9035
9036
9037
9038
9039
9040
9041	<section class="socialCC">
9042
9043		<span>Volg ons op:</span>
9044
9045		<div>
9046				<a href="https://www.facebook.com/colourscoatings/" target="_blank" title="Facebook" class="footer__social" rel="noreferrer">
9047							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></svg>
9048				</a>
9049				<a href="https://nl.linkedin.com/company/coloursencoatings" target="_blank" title="LinkedIn" class="footer__social" rel="noreferrer">
9050							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>
9051				</a>
9052		</div>
9053
9054	</section>
9055
9056<style>
9057	.footer__social i,
9058	.footer__social svg {
9059		color: #000000;
9060	}
9061	.footer__social svg {
9062		fill: #000000;
9063		height: 25px;
9064	}
9065	.footer__social {
9066		margin: 0;
9067		margin-top: 1rem;
9068    	margin-bottom: 1rem;
9069		overflow: visible;
9070	}
9071	.footer__social:not(:last-child) {
9072		margin-right: 1rem;
9073	}
9074</style>
9075</div></section><section class="AdvancedGrid__column AdvancedGrid__column--1806 "><div class="AdvancedGrid__row AdvancedGrid__row--1292 ">
9076
9077
9078
9079
9080<div class="footer__link footer__link--9 ">
9081<h2 class="footer__link-header">Klantenservice</h2>
9082<ul class="footer__link-list">
9083        <li class="categories__item">
9084            <a href="/klantenservice/bestellen" data-text="Bestellen" class="categories__link">Bestellen</a>
9085        </li>
9086        <li class="categories__item">
9087            <a href="/klantenservice/bezorgen" data-text="Bezorgen" class="categories__link">Bezorgen</a>
9088        </li>
9089        <li class="categories__item">
9090            <a href="/klantenservice/retourneren" data-text="Retourneren" class="categories__link">Retourneren</a>
9091        </li>
9092        <li class="categories__item">
9093            <a href="/klantenservice/assortiment" data-text="Assortiment" class="categories__link">Assortiment</a>
9094        </li>
9095        <li class="categories__item">
9096            <a href="/klantenservice/apparatuur" data-text="Apparatuur" class="categories__link">Apparatuur</a>
9097        </li>
9098        <li class="categories__item">
9099            <a href="/klantenservice/suggesties" data-text="Suggesties" class="categories__link">Suggesties</a>
9100        </li>
9101</ul>
9102</div>
9103
9104<style>
9105
9106	.footer__link {
9107		--ColumnCount: 1;
9108		column-count: var(--ColumnCount);
9109	}
9110
9111	.footer__link--9 {
9112		--ColumnCount: 1;
9113	}
9114
9115	.footer__link-list {
9116		--FlexDirection: column;
9117
9118		display: flex;
9119
9120		padding: 0;
9121		margin: 0;
9122
9123		flex-direction: var(--FlexDirection);
9124
9125	}
9126
9127	.footer__link--9 .footer__link-list {
9128		--FlexDirection: column;
9129	}
9130
9131</style>
9132</div></section><section class="AdvancedGrid__column AdvancedGrid__column--1842 "><div class="AdvancedGrid__row AdvancedGrid__row--1328 ">
9133
9134
9135
9136
9137
9138
9139            <div class="news-header">
9140<h2>Inschrijven nieuwsbrief?</h2>
9141<p>Meld u aan voor onze online nieuwsbrief en blijf op de hoogte van de laatste ontwikkelingen, demo's en speciale aanbiedingen!</p>
9142</div> 
9143
9144            
9144<script>
9145                
9146            </script>
9146
9147
9148            <style>
9149                .news-header {
9150flex-direction: column;
9151color: #fff;
9152}
9153
9154.news-header h2 {
9155color: #fff;
9156font-size: 16px;
9157font-family: "source-code-pro", monospace;
9158}
9159
9160.news-header p {
9161color: #fff;
9162font-size: 14px;
9163font-family: "source-code-pro", monospace;
9164}
9165
9166.footer-newsletter-sign-up__header {
9167display: none;
9168}
9169            </style>
9170            
9171
9172</div><div class="AdvancedGrid__row AdvancedGrid__row--5336 ">
9173
9174
9175
9176<section class="footer-newsletter-sign-up ">
9177	<div class="footer-newsletter-sign-up__container">
9178		<label class="footer-newsletter-sign-up__header">
9179			Inschrijven nieuwsbrief?
9180		</label>
9181		
9182
9183<section class="footer__newsletter-form">
9184	<form name="UserManagementEditForm" action="/Admin/Public/404.aspx" method="post" enctype="multipart/form-data" onsubmit="s=function(e){e.elements['FormCH1_h'].value='7d208f0cf2fa43a9cbe4b095a48cf19b';e.elements['_sys_to_email'].value='';e.setAttribute('action', 'https://coloursencoatings.nl/');return true};return s(this);"><input type="hidden" name="UserManagementForm" value="1" />
9185<input type="hidden" id="UserManagementForm.DeleteImage" name="UserManagementForm.DeleteImage" />
9186<input type="hidden" name="_sys_to_email" value="[email protected]" autocomplete="off" />
9187<input type="hidden" name="FormCH1_h" value="" autocomplete="off" />
9188<input type="hidden" name="FormCH1_f" value="6c249e775af617353fb1c963e2859346" autocomplete="off" />
9189<input type="hidden" name="FormCH1_s" value="58ac0a6137915c67b63a42214fb75658" autocomplete="off" />
9190<input type="hidden" name="FormCH1_i" value="54d6b319618430d0bf399ed4c91278a2" autocomplete="off" />
9191<input type="hidden" name="7d208f0cf2fa43a9cbe4b095a48cf19bts" value="x6kNvTF6jFacokZ7aHpKLPQKwLT4nvHd" style="display:none!important" autocomplete="off" />
9192<input type="text" name="7d208f0cf2fa43a9cbe4b095a48cf19bdescription" value="" style="display:none!important" autocomplete="off" />
9193<input type="text" name="7d208f0cf2fa43a9cbe4b095a48cf19bemail" value="[email protected]" style="display:none!important" autocomplete="off" />
9194
9195	<input type="hidden" id="UserManagement_Form_EmailAllowed_ApplyValue" name="UserManagement_Form_EmailAllowed_ApplyValue" value="EmailAllowed" />
9196	<input type="hidden" name="UserManagement_Form_EmailAllowed" id="UserManagement_Form_EmailAllowed" value="True" />
9197	<input type="hidden" name="PID" value="13112" />
9198	<input type="email" id="UserManagement_Form_Email" name="UserManagement_Form_Email" required="required" class="form__input footer__newsletter-input" placeholder="E-mail">
9199	<button class="footer__newsletter-submit" type="submit" id="submitter">
9200		<span class="btn__text">Aanmelden</span>
9201	</button>
9202	</form>
9203</section>
9204
9205
9206	</div>
9207</section>
9208</div></section></article></section><section class="AdvancedGrid AdvancedGrid--213 container ondersteCC"><article class="AdvancedGrid__container"><section class="AdvancedGrid__column AdvancedGrid__column--1825 "><div class="AdvancedGrid__row AdvancedGrid__row--1311 ">
9209
9210
9211
9212
9213<figure class="Footer__logo Footer__logo--5 ">
9214	<a href="/home" aria-label="Logo">
9215		<img src="/Files/Images/Structure/colorscoatings_logoDiaPos.png" alt="" />
9216	</a>
9217</figure>
9218
9219<style>
9220
9221	.Footer__logo {
9222		top: var(--Top);
9223		left: var(--Left);
9224	}
9225
9226	.Footer__logo,
9227	.Footer__logo img {
9228		width: var(--Width);
9229		height: var(--Height);
9230	}
9231
9232	.Footer__logo--5 {
9233		--Top: 0px;
9234		--Left: 0px;
9235		--Width: 130px;
9236	}
9237
9238	.Footer__logo--5 {
9239		--Height: 100%;
9240		--Width: 130px;
9241	}
9242
9243	.Footer__logo--5 img {
9244		--Height: auto;
9245		--Width: 130px;
9246	}
9247
9248</style>
9249</div></section><section class="AdvancedGrid__column AdvancedGrid__column--1827 "><div class="AdvancedGrid__row AdvancedGrid__row--1313 ">
9250
9251
9252
9253
9254
9255
9256            <div class="footertxtCC" >2023 Copyright © Colours & Coatings B.V. All rights reserved </div> 
9257
9258            
9258<script>
9259                
9260            </script>
9260
9261
9262            <style>
9263                .footertxtCC{color:white; font-size:14px; font-family:"code-saver", sans-serif;}
9264            </style>
9265            
9266
9267</div></section><section class="AdvancedGrid__column AdvancedGrid__column--1828 "><div class="AdvancedGrid__row AdvancedGrid__row--1314 ">
9268
9269
9270
9271
9272<div class="footer__link footer__link--7 bottomnavigatieCC">
9273
9274<ul class="footer__link-list">
9275        <li class="categories__item">
9276            <a href="/privacyverklaring" data-text="Privacy" class="categories__link">Privacy</a>
9277        </li>
9278        <li class="categories__item">
9279            <a href="/algemene-voorwaarden-1" data-text="Algemene voorwaarden" class="categories__link">Algemene voorwaarden</a>
9280        </li>
9281        <li class="categories__item">
9282            <a href="/cookies" data-text="Cookies" class="categories__link">Cookies</a>
9283        </li>
9284        <li class="categories__item">
9285            <a href="/disclaimer-2" data-text="Disclaimer" class="categories__link">Disclaimer</a>
9286        </li>
9287</ul>
9288</div>
9289
9290<style>
9291
9292	.footer__link {
9293		--ColumnCount: 1;
9294		column-count: var(--ColumnCount);
9295	}
9296
9297	.footer__link--7 {
9298		--ColumnCount: 1;
9299	}
9300
9301	.footer__link-list {
9302		--FlexDirection: column;
9303
9304		display: flex;
9305
9306		padding: 0;
9307		margin: 0;
9308
9309		flex-direction: var(--FlexDirection);
9310
9311	}
9312
9313	.footer__link--7 .footer__link-list {
9314		--FlexDirection: row;
9315	}
9316
9317</style>
9318</div></section></article></section></div>
9319				    <div class='footer__stickyheader-container'></div>
9320			    </section>
9321
9322		    </footer>
9323
9324
9325
9326	<footer class="footer" style="--footer-bg-color: #000000; --footer-color: #FFFFFF;">
9327
9328				<div class="footer-usp__wrapper">
9329					<div class="container">
9330						<ul class="footer-usp__list flex-wrap">
9331
9332						</ul>
9333					</div>
9334				</div>
9335
9336			<div>
9337
9338		<section class="footer__newsletter-container">
9339			<div class="container footer__newsletter">
9340				<label class="footer__newsletter-label">
9341					Inschrijven nieuwsbrief?
9342				</label>
9343				
9344
9345
9346<section class="footer__newsletter-form">
9347	<form name="UserManagementEditForm" action="/Admin/Public/404.aspx" method="post" enctype="multipart/form-data" onsubmit="s=function(e){e.elements['FormCH1_h'].value='7d208f0cf2fa43a9cbe4b095a48cf19b';e.elements['_sys_to_email'].value='';e.setAttribute('action', 'https://coloursencoatings.nl/');return true};return s(this);"><input type="hidden" name="UserManagementForm" value="1" />
9348<input type="hidden" id="UserManagementForm.DeleteImage" name="UserManagementForm.DeleteImage" />
9349<input type="hidden" name="_sys_to_email" value="[email protected]" autocomplete="off" />
9350<input type="hidden" name="FormCH1_h" value="" autocomplete="off" />
9351<input type="hidden" name="FormCH1_f" value="6c249e775af617353fb1c963e2859346" autocomplete="off" />
9352<input type="hidden" name="FormCH1_s" value="58ac0a6137915c67b63a42214fb75658" autocomplete="off" />
9353<input type="hidden" name="FormCH1_i" value="54d6b319618430d0bf399ed4c91278a2" autocomplete="off" />
9354<input type="hidden" name="7d208f0cf2fa43a9cbe4b095a48cf19bts" value="x6kNvTF6jFacokZ7aHpKLPQKwLT4nvHd" style="display:none!important" autocomplete="off" />
9355<input type="text" name="7d208f0cf2fa43a9cbe4b095a48cf19bdescription" value="" style="display:none!important" autocomplete="off" />
9356<input type="text" name="7d208f0cf2fa43a9cbe4b095a48cf19bemail" value="[email protected]" style="display:none!important" autocomplete="off" />
9357
9358	<input type="hidden" id="UserManagement_Form_EmailAllowed_ApplyValue" name="UserManagement_Form_EmailAllowed_ApplyValue" value="EmailAllowed" />
9359	<input type="hidden" name="UserManagement_Form_EmailAllowed" id="UserManagement_Form_EmailAllowed" value="True" />
9360	<input type="hidden" name="PID" value="1753" />
9361	<input type="email" id="UserManagement_Form_Email" name="UserManagement_Form_Email" required="required" class="form__input footer__newsletter-input" placeholder="E-mail">
9362	<button class="footer__newsletter-submit" type="submit" id="submitter">
9363		<span class="btn__text">Aanmelden</span>
9364	</button>
9365	</form>
9366</section>
9367
9368
9369			</div>
9370		</section>
9371
9372			</div>
9373
9374
9375		<section class="container footer__content">
9376
9377			<div class="footer__link">
9378						<p class="footer__link-header">What you need to know</p>
9379
9380<ul class="footer__link-list">
9381        <li class="categories__item">
9382            <a href="/support-centers" data-text="Support center Aalten" class="categories__link">Support center Aalten</a>
9383        </li>
9384        <li class="categories__item">
9385            <a href="/support-centers" data-text="Support center Almelo" class="categories__link">Support center Almelo</a>
9386        </li>
9387        <li class="categories__item">
9388            <a href="/support-centers" data-text="Support center Enschede" class="categories__link">Support center Enschede</a>
9389        </li>
9390        <li class="categories__item">
9391            <a href="/support-centers" data-text="Support center Hardenberg" class="categories__link">Support center Hardenberg</a>
9392        </li>
9393        <li class="categories__item">
9394            <a href="/support-centers" data-text="Support center Hengelo" class="categories__link">Support center Hengelo</a>
9395        </li>
9396        <li class="categories__item">
9397            <a href="/support-centers" data-text="Support center Oldenzaal" class="categories__link">Support center Oldenzaal</a>
9398        </li>
9399        <li class="categories__item">
9400            <a href="/support-centers" data-text="Support center Zutphen " class="categories__link">Support center Zutphen </a>
9401        </li>
9402</ul>
9403			</div>
9404			<div class="footer__link">
9405						<p class="footer__link-header">Category two</p>
9406
9407<ul class="footer__link-list">
9408        <li class="categories__item">
9409            <a href="/diensten-1" data-text="Diensten" class="categories__link">Diensten</a>
9410        </li>
9411        <li class="categories__item">
9412            <a href="/branches-1" data-text="Branches" class="categories__link">Branches</a>
9413        </li>
9414        <li class="categories__item">
9415            <a href="/trainingen" data-text="Trainingen" class="categories__link">Trainingen</a>
9416        </li>
9417        <li class="categories__item">
9418            <a href="/vacatures" data-text="Werken bij" class="categories__link">Werken bij</a>
9419        </li>
9420        <li class="categories__item">
9421            <a href="/nieuws" data-text="Nieuws" class="categories__link">Nieuws</a>
9422        </li>
9423</ul>
9424			</div>
9425			<div class="footer__link">
9426						<p class="footer__link-header">Category three</p>
9427
9428<ul class="footer__link-list">
9429        <li class="categories__item">
9430            <a href="/klantenservice/bestellen" data-text="Bestellen" class="categories__link">Bestellen</a>
9431        </li>
9432        <li class="categories__item">
9433            <a href="/klantenservice/bezorgen" data-text="Bezorgen" class="categories__link">Bezorgen</a>
9434        </li>
9435        <li class="categories__item">
9436            <a href="/klantenservice/retourneren" data-text="Retourneren" class="categories__link">Retourneren</a>
9437        </li>
9438        <li class="categories__item">
9439            <a href="/klantenservice/assortiment" data-text="Assortiment" class="categories__link">Assortiment</a>
9440        </li>
9441        <li class="categories__item">
9442            <a href="/klantenservice/apparatuur" data-text="Apparatuur" class="categories__link">Apparatuur</a>
9443        </li>
9444        <li class="categories__item">
9445            <a href="/klantenservice/suggesties" data-text="Suggesties" class="categories__link">Suggesties</a>
9446        </li>
9447</ul>
9448			</div>
9449
9450				<div class="footer__description-container">
9451
9452						<div class="footer__description">
9453							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus magna vitae tincidunt varius. Suspendisse porttitor purus et libero dapibus, vel gravida massa pretium. Proin id cursus erat. Praesent volutpat risus sit amet lacus elementum, quis posuere est egestas.
9454						</div>
9455				</div>
9456
9457		</section>
9458
9459		<section class="footer__copyright">
9460
9461			<div class="container bottombar__container">
9462
9463<ul class="footer__link-list">
9464        <li class="categories__item">
9465            <a href="/privacyverklaring" data-text="Privacy" class="categories__link">Privacy</a>
9466        </li>
9467        <li class="categories__item">
9468            <a href="/algemene-voorwaarden-1" data-text="Algemene voorwaarden" class="categories__link">Algemene voorwaarden</a>
9469        </li>
9470        <li class="categories__item">
9471            <a href="/cookies" data-text="Cookies" class="categories__link">Cookies</a>
9472        </li>
9473        <li class="categories__item">
9474            <a href="/disclaimer-2" data-text="Disclaimer" class="categories__link">Disclaimer</a>
9475        </li>
9476</ul>
9477
9478					<section class="footer__social-container">
9479
9480						<span class="footer__icon-labels">Volg ons op:</span>
9481
9482						<div class="footer__social-icon-container">
9483								<a href="https://www.facebook.com/colourscoatings/" target="_blank" title="facebook" class="footer__social" rel="noreferrer"><i class="fab fa-facebook-square"></i></a>
9484								<a href="https://nl.linkedin.com/company/coloursencoatings" target="_blank" title="LinkedIn" class="footer__social" rel="noreferrer"><i class="fab fa-linkedin"></i></a>
9485						</div>
9486
9487					</section>
9488			</div>
9489
9490		</section>
9491
9492		<section class="footer-paymentoptions" data-paymentmethods=""></section>
9493	</footer>
9494
9495
9496
9497<style>
9498	.bottombar {
9499		background-color: ;
9500	}
9501	.bottombar__button span {
9502		color: ;
9503	}
9504	.bottombar__button [class^=fa],
9505	.bottombar__button [class^=svg-] {
9506		color: ;
9507	}
9508</style>
9509
9510<section id="vue-modal"
9511	data-show-prices="false"
9512	data-show-zero-prices="false"
9513	data-show-product-number="true"
9514	data-show-product-manufacturer="true">
9515</section>
9516
9517	<section id="vue-bottom-bar"
9518		data-items="[]"
9519		data-phonenumber="0611303023"
9520		data-isoffline="True"
9521		data-emailadress="[email protected]"
9522		data-currentpageid="7724"
9523		data-enable-login="True"
9524		data-enable-shoppingcart="True"
9525		data-enable-advancedsearch="True">
9526	</section>
9527
9528
9529<section class="bottombar__searchbox__wrapper">
9530<form class="searchbox__form" method="get" action="/Default.aspx" style="display: flex; flex-grow: 1;">
9531	<input type="text" name="q" class="searchbox__input" placeholder="Search..." aria-label="Search through site content" data-placeholder="Search..." data-hoverplaceholder="Zoekt u misschien een ...?" style="display: flex; flex-grow: 1;" />
9532	<div class="searchbox__button">
9533		<button type="submit" class="searchbox__form__submit icon icon--medium icon__search input__icon" aria-label="Search">
9534			<i class="fal fa-search"></i>
9535		</button>
9536	</div>
9537	<input type="hidden" name="ID" value="1145" />
9538</form>
9539
9540</section>
9541
9542
9543
9544
9545
9546
9547
9548
9549
9550
9551	<div id="backdrop"></div>
9552
9553	
9553<script src="/Files/Templates/Designs/ColoursAndCoating_generated/dist/app.bundle.js"></script>
9553
9554	
9554<script defer src="/Files/Templates/Designs/ColoursAndCoating_generated/dist/vue.bundle.js"></script>
9554
9555	
9555<script defer src="/Files/Templates/Designs/ColoursAndCoating_generated/dist/appAsync.bundle.js"></script>
9555
9556
9557				<link href="files/Templates/Designs/Backyard/GoogleFont/CodeSaver/CodeSaver.css" rel="stylesheet">
9558				<link href="files/Templates/Designs/Backyard/GoogleFont/DharmaGothicE/DharmaGothicE.css" rel="stylesheet">
9559
9560	<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-rqn26AG5Pj86AF4SO72RK5fyefcQ/x32DNQfChxWvbXIyXFePlEktwD18fEz+kQU" crossorigin="anonymous">
9561
9562
9563
9564
9565</body>
9566</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.