PageSourceSearch

https://coloursencoatings.nl/consumenten

html coloursencoatings.nl collected 2026-10-01 23:53:07 UTC 159,267 bytes, 7,145 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>Consumenten</title>
21
22	<!--@Snippet(canonical)-->
23	<!--@Snippet(ogTags)-->
24
25
26			<link rel="alternate" href="https://coloursencoatings.nl/consumenten" 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: '8432',
45			Token: 'CfDJ8N6dClGd4ihOjRtu1O-VCBcGI_kNM2NZf6nzVlXheCZbi-Xi2-LTcHiwXZGugcVDIVsMOWLSXW9E6XQPau9d34EUAtWEgGJjoEJg56xkMmHN71L4yuwhgcU_hy_X6iWNJmmddio7k8oY0R0WpLiT44k',
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	
123        
123<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD-KRQU82OyaFAlJeX1gmRKmmff2Jurt8I"></script>
123
124    
125
126
127
128
129	<style>
130
131
132
133
134
135			    .btn__primary{
136				    --FontFamily: code-saver, sans-serif;
137				    --FontSize : 1rem;
138				    --FontStyle : none;
139				    --Color : transparent;
140				    --LineHeight : ;
141
142				    --BackgroundColor : transparent;
143				    --BorderColor : transparent;
144				    --FontColor : #1C1C1C;
145			    }
146
147			    .btn__primary:hover{
148				    --BackgroundColor: #F3C300;
149				    --BorderColor : transparent;
150				    --FontColor : #FFFFFF;
151			    }
152		    
153
154
155			    .btn__secondary{
156				    --FontFamily: code-saver, sans-serif;
157				    --FontSize : 1rem;
158				    --FontStyle : none;
159				    --Color : transparent;
160				    --LineHeight : 1.4rem;
161
162				    --BackgroundColor : transparent;
163				    --BorderColor : transparent;
164				    --FontColor : #FFFFFF;
165			    }
166
167			    .btn__secondary:hover{
168				    --BackgroundColor: #4966A0;
169				    --BorderColor : transparent;
170				    --FontColor : #FFFFFF;
171			    }
172		    
173
174
175			    .btn__contrast{
176				    --FontFamily: code-saver, sans-serif;
177				    --FontSize : 1rem;
178				    --FontStyle : none;
179				    --Color : #FFFFFF;
180				    --LineHeight : ;
181
182				    --BackgroundColor : transparent;
183				    --BorderColor : transparent;
184				    --FontColor : #FFFFFF;
185			    }
186
187			    .btn__contrast:hover{
188				    --BackgroundColor: #F3C300;
189				    --BorderColor : transparent;
190				    --FontColor : #FFFFFF;
191			    }
192		    
193
194:root,
195body {
196
197	--BaseColorPrimary : #1C1C1C;
198	--BaseColorSecondary : #1C1C1C;
199	--BaseColorContrast : #A42047;
200
201	--BaseFontPrimary : code-saver, sans-serif;
202	--BaseFontSecondary : code-saver, sans-serif;
203
204	--FontSize: 1.125rem;
205--FontStyle: none;
206--LineHeight: 1.875rem;
207--FontWeight: normal;
208--FontFamily: code-saver, sans-serif;
209--Position: relative;
210
211	--StandardUnitSize : 3.2rem;
212	}
213
214	.footer {
215		--FooterContainerDisplay: none !important;
216		display: var(--FooterContainerDisplay)
217	}
218
219	h1, h2, h3, h4, h5, h6 { --Color: #4966A0;
220--FontSize: 4.5rem;
221--FontStyle: uppercase;
222--LineHeight: 3.5rem;
223--FontWeight: 900;
224--FontFamily: 'dharma-gothic-e', sans-serif;
225--Position: relative;
226 }
227
228	h1.cta-paragraph__header { --Color: #1C1C1C;
229--FontSize: 4.5rem;
230--FontStyle: uppercase;
231--LineHeight: 3.5rem;
232--FontWeight: 900;
233--FontFamily: 'dharma-gothic-e', sans-serif;
234--Position: relative;
235 }
236	h2.cta-paragraph__header { --Color: #1C1C1C;
237--BorderSize : 5px !important;
238--FontSize: 4.5rem;
239--FontStyle: uppercase;
240--LineHeight: 3.5rem;
241--FontWeight: 900;
242--FontFamily: 'dharma-gothic-e', sans-serif;
243--Position: relative;
244 }
245	h3.cta-paragraph__header { --Color: #1C1C1C;
246--FontSize: 1.375rem;
247--FontStyle: none;
248--LineHeight: 1,5rem;
249--FontWeight: 900;
250--FontFamily: 'dharma-gothic-e', sans-serif;
251--Position: relative;
252 }
253	h4.cta-paragraph__header { --Color: #1C1C1C;
254--FontSize: 1rem;
255--FontStyle: none;
256--FontWeight: 900;
257--FontFamily: 'dharma-gothic-e', sans-serif;
258--Position: relative;
259 }
260
261	.po-block__addtocart .btn,
262	.productdetails__add-to-cart,
263	.searchbox__input {
264	border-radius: 0px;
265	}
266
267	main.blur {
268	filter: grayscale(50%) blur(15px);
269	-webkit-filter: grayscale(50%) blur(15px);
270	}
271
272	.AdvancedGridButton {
273	--BorderRadius: 0px;
274	}
275
276	.btn {
277	height: var(--StandardUnitSize);
278	}
279
280	.btn__icon {
281
282	--fontawesomeFontFamily : "Font Awesome 5 Pro";
283	--fontawesomeFontWeight : 400;
284
285	font-family: var(--fontawesomeFontFamily);
286	font-weight: var(--fontawesomeFontWeight);
287
288	-moz-osx-font-smoothing: grayscale;
289	-webkit-font-smoothing: antialiased;
290	display: inline-block;
291	font-style: normal;
292	font-variant: normal;
293	text-rendering: auto;
294	line-height: 1;
295
296	}
297
298	.cta-paragraph {
299	background-color: var(--mainBackgroundColor);
300	}
301
302	.cta-paragraph__container {
303	background-color: var(--contentBackgroundColor);
304	border: var(--contentBorder);
305	}
306
307	.cta-paragraph__subheader,
308	.cta-paragraph__header,
309	.cta-paragraph__text p,
310	.cta-paragraph__text li {
311	color: var(--Color);
312	background-color: var(--BackgroundColor);
313	border-color: var(--BorderColor);
314	position: var(--Position);
315	top: var(--Top);
316	left: var(--Left);
317	right: var(--Right);
318	bottom: var(--Bottom);
319	padding: var(--Padding);
320	border: var(--BorderSize);
321	font-size: var(--FontSize);
322	text-transform: var(--FontStyle);
323	line-height: var(--LineHeight);
324	font-weight: var(--FontWeight);
325	font-family: var(--FontFamily);
326	border-radius: var(--BorderRadius);
327	}
328
329	.cta-paragraph__content-container {
330	align-items: var(--ContentElementAlignmentAlignItems);
331	text-align: var(--ContentElementAlignmentTextAlign);
332	}
333
334	.cta-paragraph__btn-navigation,
335	.cta-paragraph__content-container {
336	align-items : var(--ContainerFitContentAlignmentAlignItems);
337	justify-content: var(--ContainerFitContentAlignmentJustifyContent);
338	}
339
340	.jumbotron__subheader,
341	.jumbotron__header,
342	.jumbotron__shoutbox-intro p,
343	.jumbotron__shoutbox-intro li,
344	.header--desktop.headerNew {
345	position: relative;
346	}
347
348	.header--desktop.headerNew.stickyheader {
349	position: fixed;
350	}
351
352	@media screen and (min-width: 992px){
353	.image-left {
354	justify-content: flex-end;
355	flex-direction: row;
356	}
357
358	.image-right {
359	justify-content: flex-start;
360	flex-direction: row-reverse;
361	}
362	}
363
364	.AdvancedGrid__row {
365	background-color: var(--BackgroundColor);
366	}
367
368	.cta-paragraph__btn-navigation {
369	padding: 1.2rem 0rem !important;
370	}
371
372	.AdvancedGrid,
373	.AdvancedGrid__container {
374	width: 100%;
375	background-image: var(--BackgroundImage);
376	min-height: var(--Height);
377	}
378
379.AdvancedGrid__container--837{
380--BackgroundColor: ;
381}
382.AdvancedGrid__column--5810{
383--BackgroundColor: transparent;
384--FlexGrow: 0;
385--FlexBasis: 0;
386--FlexSchrink: 0;
387--Width: none;
388--Padding: ;
389
390}
391.AdvancedGrid__row--6236{
392--BackgroundColor: transparent;
393--VerticalAlign: flex-start;
394--HorinzontalAlign: flex-start;
395
396}
397.AdvancedGrid__container--839{
398--BackgroundColor: #1C1C1C;
399--BackgroundImage: url('/Files/Images/structure/grind.jpg');
400}
401.AdvancedGrid__column--5812{
402--BackgroundColor: transparent;
403--FlexGrow: 1;
404--FlexBasis: 0;
405--FlexSchrink: 0;
406--Width: none;
407--Padding: ;
408
409}
410.AdvancedGrid__row--6238{
411--BackgroundColor: transparent;
412--VerticalAlign: ;
413--HorinzontalAlign: ;
414
415}
416.AdvancedGrid__container--841{
417--BackgroundColor: ;
418--BackgroundImage: url('/Files/Images/structure/grind_schuin.png');
419}
420.AdvancedGrid__column--5814{
421--BackgroundColor: transparent;
422--FlexGrow: 1;
423--FlexBasis: 0;
424--FlexSchrink: 0;
425--Width: 1100px;;
426--Padding: ;
427max-width : 1100px;
428}
429.AdvancedGrid__row--6240{
430--BackgroundColor: transparent;
431--VerticalAlign: ;
432--HorinzontalAlign: ;
433
434}
435.AdvancedGrid__container--1221{
436--BackgroundColor: ;
437--BackgroundImage: url('/Files/Images/structure/grind_schuin.png');
438}
439.AdvancedGrid__column--7615{
440--BackgroundColor: transparent;
441--FlexGrow: 1;
442--FlexBasis: 0;
443--FlexSchrink: 0;
444--Width: none;
445--Padding: ;
446
447}
448.AdvancedGrid__row--8939{
449--BackgroundColor: transparent;
450--VerticalAlign: flex-start;
451--HorinzontalAlign: flex-start;
452max-height : 60px;
453}
454.AdvancedGrid__row--8940{
455--BackgroundColor: transparent;
456--VerticalAlign: ;
457--HorinzontalAlign: ;
458
459}
460.config--183{
461}
462.config--183  .cta-paragraph__text p,
463.config--183  .cta-paragraph__text li{
464--Color: #FFFFFF;
465--FontSize: 1.125rem;
466--FontStyle: none;
467--LineHeight: 1.875rem;
468--FontWeight: normal;
469--FontFamily: code-saver, sans-serif;
470--Position: relative;
471
472--Color: #FFFFFF;
473}
474.config--183 .cta-paragraph__header{
475--Color: #FFFFFF;
476--FontSize: 5rem;
477--FontStyle: uppercase;
478--LineHeight: 4.0625rem;
479--FontWeight: 900;
480--FontFamily: 'dharma-gothic-e', sans-serif;
481--Position: relative;
482
483--Color: #FFFFFF;
484}
485.config--183 .cta-paragraph__subheader{
486--Color: #FFFFFF;
487--FontSize: 0.875rem;
488--FontStyle: none;
489--LineHeight: 1.4rem;
490--FontWeight: 100;
491--FontFamily: code-saver, sans-serif;
492--Position: relative;
493
494--Color: #FFFFFF;
495}
496.config--183 .cta-paragraph__content-container{
497--ContentElementAlignmentAlignItems : flex-start;
498--ContentElementAlignmentTextAlign : left;
499
500}
501.config--185{
502--contentBackgroundColor : #FFFFFF;
503}
504.config--185  .cta-paragraph__text p,
505.config--185  .cta-paragraph__text li{
506--Color: #1C1C1C;
507--FontSize: 1rem;
508--FontStyle: none;
509--LineHeight: 1.5rem;
510--FontWeight: normal;
511--FontFamily: code-saver, sans-serif;
512--Position: relative;
513
514--Color: #1C1C1C;
515}
516.config--185 .cta-paragraph__header{
517--Color: #F3C300;
518--FontSize: 1.625rem;
519--FontStyle: none;
520--LineHeight: 2.4rem;
521--FontWeight: bold;
522--FontFamily: code-saver, sans-serif;
523--Position: relative;
524
525--Color: #1C1C1C;
526}
527.config--185 .cta-paragraph__subheader{
528--Color: #1C1C1C;
529--FontSize: 1.625rem;
530--FontStyle: none;
531--LineHeight: 2.4rem;
532--FontWeight: normal;
533--FontFamily: code-saver, sans-serif;
534--Position: relative;
535
536--Color: #1C1C1C;
537}
538.config--185 .cta-paragraph__content-container{
539--ContentElementAlignmentAlignItems : flex-start;
540--ContentElementAlignmentTextAlign : left;
541
542}
543ul.news-gallery-overview__list
544
545 {
546    gap: 1rem;
547}
548
549.module-only-paragraph__modulewrapper .btn.btn__contrast {
550  color: #ffffff !important;
551  background-color: #4966a0 !important;
552  font-weight: bold;
553}
554.transparanteheader.locatiesbg .AdvancedGrid__container {
555  background-position: bottom;
556}
557.schuin-hoek-rechts.extra-padding.consumenten {
558  max-width: 550px;
559}
560@media (min-width: 1200px) {
561  .visual_transparantCC.just-center.bgconsumenten .AdvancedGrid__container {
562    background-size: cover;
563    background-position-y: bottom;
564  }
565  .header-consumenten h2.cta-paragraph__header,
566  .startlater {
567    margin-left: 60px;
568  }
569  .locatiesbg .kruimeltje .navigation-paragraph {
570    max-width: 1220px;
571  }
572  .supportCC_krt {
573    padding-left: 2.5rem;
574    margin-top: -50px;
575  }
576  .dealerlocator {
577    width: 1100px;
578  }
579  .dealerlocator__sidebar {
580    flex-basis: 600px;
581  }
582  .kaartomhoog .dealerlocator__map {
583    margin-top: -150px;
584  }
585}
586
587.metkruimelpad .cta-paragraph__header {
588  letter-spacing: 0;
589}
590
591.header-wijzijn .cta-paragraph__container .cta-paragraph__content {
592  padding-left: 60px;
593  padding-right: 0;
594  padding-top: 60px;
595  padding-bottom: 60px;
596}
597h2.cta-paragraph__subheader .metkruimelpad .cta-paragraph__header {
598  font-size: 6rem;
599  line-height: 4.7rem;
600  padding-left: 20px;
601}
602.metkruimelpad .cta-paragraph__subheader {
603  padding-left: 5px;
604}
605@media (max-width: 500px) {
606  .metkruimelpad .cta-paragraph__header {
607    font-size: 3.8rem;
608    line-height: 3rem;
609    padding-left: 20px;
610  }
611  .icons.onderkast .cta-paragraph__header {
612    font-size: 2rem;
613  }
614}
615.cc-card-slider .carousel {
616  padding-left: 10px;
617  padding-right: 10px;
618}
619
620@media (min-width: 1200px) {
621  .cc-card-slider .multicolumn .container {
622    max-width: 1100px;
623  }
624}
625
626@media screen and (min-width: 992px) {
627  .footernavCC .AdvancedGrid__column {
628    flex-basis: 0;
629  }
630}
631
632@media screen and (max-width: 991px) {
633  #CookiebotWidget {
634    margin-bottom: 3rem !important;
635  }
636}
637
638@media screen and (max-width: 991px) {
639  .search-modal__results {
640    overflow: scroll;
641  }
642
643  .cta-paragraph__content--14948 .cta-paragraph__text p {
644    color: #fff !important;
645  }
646
647  .footer__container .faq-paragraph {
648    width: 100%;
649  }
650
651  .footer__container .faq-paragraph .faq__item .faq__icon::before {
652    color: #fff;
653    margin-top: 0.1rem;
654  }
655
656  .footer__container .socialCC {
657    color: #fff;
658  }
659
660  .footer__container .ondersteCC {
661    margin-top: 0;
662  }
663
664  .footer__container .footer-newsletter-sign-up {
665    width: 100%;
666  }
667
668  .footer__container .footer__newsletter-submit {
669    width: 100%;
670  }
671
672  .CC-mobile-bottom__footer .AdvancedGrid__column {
673    align-items: center;
674  }
675
676  .CC-mobile-bottom__footer .footertxtCC {
677    text-align: center;
678  }
679
680  .CC-mobile-bottom__footer .footer__link {
681    margin-top: 1rem;
682  }
683
684  .CC-mobile-bottom__footer .footer__link-list {
685    flex-direction: column;
686    text-align: center;
687  }
688
689  .productdetails__add-to-cart {
690    padding: 0 4rem 0 1.3rem !important;
691  }
692
693  #\31 6412,
694  .pdp-info {
695    padding: 1rem 1rem 0 1rem;
696  }
697
698  section.stickymenu__replaceable {
699    flex-direction: column;
700  }
701
702  section.stickymenu__replaceable .productdetails__add-to-cart-wrapper {
703    place-self: flex-start;
704  }
705
706  .search-modal__results .search-results__product-title,
707  .search-modal__results a.search-results__link.search-results__link--product,
708  .search-modal__results h2.search-results__column-title,
709  .search-modal__results a.search-results__link {
710    color: #000 !important;
711  }
712}
713
714@media screen and (min-width: 992px) {
715.AanmeldenCC .AdvancedGrid__container {
716    justify-content: center;
717  }
718
719.foto-links .cta-paragraph__content {
720
721    padding-left: 3.2rem;
722}
723}
724
725a.footer__social.topdesk {
726  margin-right: 0px;
727}
728
729.socialCC .footer__social svg {
730  fill: #fff;
731}
732
733.dealerlocator__infowindow__title,
734.dealerlocator__dealername {
735  letter-spacing: 1px;
736  line-height: 1;
737  font-size: 1.75rem;
738}
739
740.searchbox__form input::placeholder {
741  font-size: 0.8rem;
742}
743
744@media screen and (min-width: 992px) {
745  .wb-cta.detailCC .AdvancedGrid__container .AdvancedGrid__column:first-child {
746    padding-left: 5rem !important;
747  }
748
749  .wb-cta.detailCC .AdvancedGrid__container .AdvancedGrid__column:last-child {
750    padding-right: 5rem !important;
751  }
752}
753
754@media screen and (max-width: 991px) {
755  .VacatureDetailCC .AdvancedGrid__column {
756    max-width: 100%;
757  }
758
759  .pdp-header__productname {
760    font-size: 3rem !important;
761  }
762
763  .wb-cta .cta-paragraph__content-container.no-image {
764    max-width: 100% !important;
765  }
766
767  .home-jumbo .jumbotron__shoutbox-header {
768    max-width: 100%;
769  }
770
771  .klantenserviceCC .faq-paragraph__header {
772    padding-left: 1rem;
773  }
774
775  .klantenserviceCC .faq-paragraph__list a span {
776    word-break: break-all;
777  }
778
779  .visual_transparantCC .AdvancedGrid__column {
780    min-width: unset !important;
781    max-width: 100% !important;
782  }
783
784  .cc-visual_big-mobile .cta-paragraph__header {
785    font-size: 5rem !important;
786    line-height: 4.3rem;
787  }
788
789  .cc-visual_big-mobile .AdvancedGrid__container {
790    justify-content: center !important;
791    padding-left: 0 !important;
792  }
793
794  .cc-visual_big-mobile .AdvancedGrid__container .AdvancedGrid__column {
795    max-width: 100% !important;
796  }
797
798  .faqCC_start .AdvancedGrid__column {
799    max-width: 100%;
800  }
801
802  .onze-geschiedenis .AdvancedGrid__column {
803    max-width: 100% !important;
804    width: unset !important;
805  }
806
807  .schuineonderkantCC .AdvancedGrid__column {
808    max-width: 100% !important;
809    width: unset !important;
810  }
811
812  .AanmeldenCC .AdvancedGrid__column {
813    max-width: 100% !important;
814    min-width: unset !important;
815  }
816}
817
818.faqCC_start .AdvancedGrid__container {
819  justify-content: center;
820}
821
822.faqCC_start .AdvancedGrid__column :first-child .cta-paragraph {
823  align-self: baseline;
824}
825
826@media screen and (min-width: 992px) {
827  .visual_bigCC.cc-right .cta-paragraph__header {
828    width: 600px;
829    letter-spacing: 0;
830  }
831}
832
833.visual_bigCC.cc-right .AdvancedGrid__container {
834  padding-left: 50%;
835}
836
837.headersCC_contenblok {
838  height: 100%;
839}
840
841@media screen and (max-width: 991px) {
842  .tekst_en_sliderCC .AdvancedGrid__column {
843    max-width: 100%;
844  }
845}
846
847.cc-center .AdvancedGrid__container {
848  place-content: center;
849}
850
851.faq-paragraph .faq-paragraph__container {
852  padding: 0 2rem 2rem 2rem;
853}
854
855@media screen and (min-width: 993) {
856  .custom-carousel .multicolumn__header {
857    font-size: 5rem;
858    /* text-transform: uppercase;*/
859    line-height: 4.0625rem;
860    font-weight: 900;
861    font-family: dharma-gothic-e, sans-serif;
862    position: relative;
863    color: #1c1c1c;
864    margin-bottom: 0;
865  }
866}
867
868@media screen and (max-width: 992px) {
869  .faq__item {
870    padding: 0 !important;
871    width: 95%;
872  }
873
874  .onze-geschiedenis .multicolumn__header {
875    font-size: 3rem;
876    text-transform: uppercase;
877    line-height: 3.5rem;
878    font-weight: 900;
879    font-family: "dharma-gothic-e", sans-serif;
880    position: relative;
881    color: #1c1c1c;
882    margin-left: 1rem;
883  }
884
885  .cta-paragraph.padding-small,
886  .multicolumn.padding-small {
887    padding-left: 0 !important;
888    padding-right: 0 !important;
889  }
890
891  /* .module-only-paragraph--1671 .btn.default-btn{
892        color: #000 !important;
893    } */
894
895  .checkout-form__submit .default-btn {
896    width: 45%;
897  }
898
899  .cc-contact__card .btn__icon.fa-chevron-right {
900    /* width: 0 !important; */
901    margin-left: 1rem;
902  }
903
904  .cc-contact__card .btn__primar .cta-paragraph__btn {
905    margin-left: 1.5rem;
906  }
907
908  .cc-contact__card .btn__primar {
909    padding: 0 !important;
910  }
911
912  .cc-contact__card .jumbotron__shoutbox {
913    padding: unset;
914  }
915
916  .home-jumbo.cc-contact__card {
917    padding: 1rem !important;
918  }
919
920  .klantenserviceCC .AdvancedGrid__column:nth-child(4) .faq-paragraph__header {
921    padding: 0 2rem !important;
922  }
923
924  .header__container .icon__content {
925    padding: unset;
926  }
927
928  .faq-paragraph .faq-paragraph__container {
929    padding: 0 0 2rem 0;
930  }
931}
932
933.default-contact-form
934  .checkbox__group-options
935  [type="checkbox"]:checked
936  + label:before,
937.default-contact-form
938  .checkbox__group-options
939  [type="radio"]:checked
940  + label:before,
941.default-contact-form
942  .radio__group-options
943  [type="checkbox"]:checked
944  + label:before,
945.default-contact-form
946  .radio__group-options
947  [type="radio"]:checked
948  + label:before {
949  border-color: #59aa2f;
950}
951
952.addressselector__input-wrapper input[type="radio"]:checked:after {
953  background-color: #59aa2f;
954}
955
956.addressselector__input-wrapper input[type="radio"]:checked:before {
957  border-color: #59aa2f;
958}
959
960.addressselector__input-wrapper input[type="radio"]:after {
961  background-color: #59aa2f;
962}
963
964@media screen and (min-width: 992px) {
965  .manufacturer__logo {
966    bottom: -30px;
967    left: 0px;
968    width: 100px;
969  }
970  .transparanteheader .AdvancedGrid__container {
971    padding-top: 130px;
972  }
973  .master-sidebar__aside {
974    max-width: 300px;
975    margin: 0 1rem;
976    margin-bottom: 2rem;
977  }
978}
979
980.po-filter input[type="checkbox"]:before,
981.po-filter input[type="radio"]:before {
982  border: 2px solid #1c1c1c;
983}
984
985.po-filter input[type="checkbox"]:checked:before,
986.po-filter input[type="radio"]:checked:before {
987  border: 2px solid #1c1c1c;
988}
989
990.po-filter input[type="checkbox"]:after,
991.po-filter input[type="radio"]:after {
992  background-color: #1c1c1c;
993}
994
995.product-variants__toggle {
996  min-width: 400px;
997}
998
999.product-variants__dropdown-options-wrapper {
1000  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
1001}
1002
1003li.po-group-slide-navigation__category-list-item.po-group-slide-navigation__category-list-item--active {
1004  color: #1c1c1c;
1005  font-weight: 900;
1006}
1007
1008section#pdp-tabs {
1009  background-color: transparent;
1010}
1011
1012.pdp-usplist__item {
1013  padding: 0.25rem 0;
1014  font-size: 0.875rem;
1015}
1016
1017.productDetail,
1018.pdp {
1019  background-image: url(/Files/Images/structure/bg_transparent03.png);
1020  background-repeat: no-repeat;
1021  background-position-y: -400px;
1022}
1023
1024h3.products-module__product-name {
1025  line-height: normal;
1026  font-style: normal;
1027  color: #1c1c1c;
1028  margin-top: 2rem;
1029}
1030
1031@media screen and (max-width: 992px) {
1032  .AdvancedGrid__row--4578 {
1033    display: none;
1034  }
1035
1036  .flickity-button.flickity-prev-next-button {
1037    display: none;
1038  }
1039
1040  .cta-paragraph__content--13456 .cta-paragraph__text p {
1041    color: #fff !important;
1042  }
1043
1044  .AdvancedGrid__row.AdvancedGrid__row--4020 {
1045    display: none;
1046  }
1047
1048  .AdvancedGrid__column.AdvancedGrid__column--4041 {
1049    display: none;
1050  }
1051
1052  .headersCC_contenblok .multicolumn__item:first-of-type {
1053    padding: 0 2rem;
1054  }
1055
1056  .cc-branches-header .cta-paragraph__header {
1057    font-size: 2rem;
1058  }
1059}
1060
1061a.mainmenu__link.mainmenu__link--mobile {
1062  place-items: center;
1063}
1064
1065.cc-card-slider .carousel-cell-wrap .carousel-cell {
1066  background-color: #fff;
1067}
1068
1069@media screen and (max-width: 992px) {
1070  .modal__innerwrapper .btn__contrast {
1071    color: #fff;
1072  }
1073
1074  .modal__innerwrapper {
1075    padding-bottom: 3.5rem;
1076  }
1077
1078  .header .AdvancedGrid__container {
1079    flex-direction: row;
1080    justify-content: space-between;
1081    padding: 1rem 1rem 0 1rem;
1082  }
1083
1084  .header .header__container .AdvancedGrid__column:last-child {
1085    color: #fff;
1086  }
1087
1088  .cc-card-slider .carousel-cell-wrap .carousel-cell {
1089    min-width: 98%;
1090  }
1091
1092  .cc-top-sellers .content-product-list {
1093    display: flex;
1094    flex-direction: column;
1095  }
1096
1097  .cc-card-slider .AdvancedGrid__column {
1098    width: 100%;
1099    min-width: 0;
1100  }
1101
1102  .cc-card-slider .AdvancedGrid__column {
1103    width: 100%;
1104    min-width: 0;
1105  }
1106
1107  .cc-contact__card .jumbotron__shoutbox {
1108    margin: 0;
1109  }
1110
1111  .cc-contact__card .jumbotron__heading {
1112    color: #000;
1113    font-size: 3rem;
1114    margin: 0;
1115  }
1116
1117  .cc-contact__card .jumbotron__shoutbox-header {
1118    text-align: left;
1119  }
1120
1121  .footer .container {
1122    padding: 1rem;
1123  }
1124
1125  .tekst_en_sliderCC button {
1126    display: none;
1127  }
1128
1129  .cta-paragraph__header {
1130    font-size: 2.8rem;
1131    line-height: 2.5rem;
1132  }
1133
1134  .AanmeldenCC .AdvancedGrid__container {
1135    background-size: contain !important;
1136  }
1137
1138  .AdvancedGrid__row--3640 {
1139    margin-top: 4rem;
1140  }
1141
1142  .cc-form__sollicitatie {
1143    padding: 1.7rem;
1144  }
1145
1146  .cc-form__sollicitatie .fileinput__group-label,
1147  .cc-form__sollicitatie .fileinput__btn-wrapper,
1148  .cc-form__sollicitatie .final-submit-btn,
1149  .cc-form__sollicitatie .btn__primary.fileinput__btn {
1150    justify-content: space-between;
1151    width: 100%;
1152  }
1153
1154  .cc-form__sollicitatie .btn__primary.fileinput__btn,
1155  .cc-form__sollicitatie .final-submit-btn {
1156    padding: 0.75rem 25px;
1157  }
1158
1159  .AdvancedGrid__column.AdvancedGrid__column--3784 {
1160    margin-top: 4rem;
1161  }
1162}
1163
1164.navigation__item a.navigation__link {
1165  color: #1c1c1c;
1166  align-items: center;
1167}
1168
1169a.navigation__link::after {
1170  white-space: pre;
1171  content: " >";
1172  margin-left: auto;
1173}
1174
1175a.navigation__link:hover {
1176  font-weight: bold;
1177}
1178
1179section.cta-paragraph__content {
1180  align-items: start;
1181}
1182
1183.cc-contact__form form.default-contact-form {
1184  display: flex;
1185  flex-direction: column;
1186}
1187
1188.cc-contact__form section {
1189  margin-left: 0rem !important;
1190  width: 100% !important;
1191}
1192
1193@import url("https://use.typekit.net/ngv7mpr.css");
1194/*.AdvancedGrid {    max-width: 1920px;    margin: auto;}*/
1195
1196.jumbotron__container.bottom .jumbotron__shoutbox {
1197  border-radius: 0;
1198  padding-top: 7rem;
1199}
1200
1201.jumbotron__shoutbox-intro {
1202  font-family: "code-saver", sans-serif;
1203}
1204
1205.jumbotron__image {
1206  height: 100%;
1207}
1208
1209.jumbotron {
1210  background-color: #efefef;
1211}
1212
1213.bg-jumboCC {
1214  max-width: 1200px;
1215  margin: auto;
1216}
1217
1218.jumbotron__shoutbox {
1219  margin-left: 3rem;
1220  margin-right: 3rem;
1221}
1222
1223.flickity-slider .cta-paragraph__content-container p {
1224  font-family: "code-saver", sans-serif;
1225}
1226
1227.flickity-slider .cta-paragraph__content-container .cta-paragraph__header {
1228  font-family: "code-saver", sans-serif;
1229  text-transform: none;
1230  font-weight: bold;
1231  letter-spacing: normal;
1232}
1233
1234.prodOverzichtCC {
1235  max-width: 1920px;
1236  margin: auto;
1237}
1238
1239#\31 6412,
1240.pdp-info {
1241  background-image: url(/Files/Images/structure/dpd.png);
1242  background-repeat: no-repeat;
1243  background-position: center;
1244  background-position-y: bottom;
1245  background-color: transparent;
1246  padding-bottom: 80px;
1247}
1248
1249@media screen and (min-width: 992px) {
1250  #\31 6412,
1251  .pdp-info {
1252    max-width: 600px;
1253    padding: 1.5rem;
1254    padding-bottom: 80px;
1255  }
1256
1257  .pdp-info__imagecolumn {
1258    padding: 0;
1259    background-color: transparent;
1260  }
1261
1262  .container.pdp-info__container {
1263    column-gap: 3rem;
1264    padding-top: 2rem;
1265  }
1266
1267  .productimages.pdp__images {
1268    background-color: white;
1269  }
1270
1271  section.productimages.pdp__images {
1272    padding: 3rem;
1273  }
1274
1275  header.pdp-header.container {
1276    height: 180px;
1277  }
1278}
1279
1280@media screen and (min-width: 1450px) {
1281  .vacaturesCC {
1282    max-width: 1450px;
1283    margin: auto;
1284  }
1285}
1286
1287h1.po-groupinfo__title {
1288  color: #1c1c1c;
1289  font-family: dharma-gothic-e, sans-serif;
1290  font-weight: 900;
1291  text-transform: uppercase;
1292  font-size: 3rem;
1293}
1294
1295.po-block__title {
1296  color: #1c1c1c;
1297  font-family: dharma-gothic-e, sans-serif;
1298  font-weight: 900;
1299  text-transform: uppercase;
1300  line-height: 1.3;
1301}
1302
1303.pdp-header__manufacturer,
1304.pdp-header__productname {
1305  color: #ffffff !important;
1306  font-family: dharma-gothic-e, sans-serif;
1307  font-weight: 900;
1308  text-transform: uppercase;
1309  font-size: 3rem;
1310  letter-spacing: 0.1rem;
1311}
1312
1313.pdp-secondary-info__column .pdp-header__productname,
1314.pdp-secondary-info .pdp-header__manufacturer {
1315  color: #1c1c1c;
1316  font-family: dharma-gothic-e, sans-serif;
1317  font-weight: 900;
1318  text-transform: uppercase;
1319  font-size: 2rem;
1320}
1321
1322/*Buttons */
1323.btn {
1324  border-radius: unset;
1325}
1326
1327/*Eind Buttons */
1328body.MasterConfig_BaseSolution {
1329  background-color: #efefef;
1330}
1331
1332.header {
1333  background-color: transparent;
1334  top: 0;
1335  box-shadow: unset;
1336}
1337
1338.header__stickyheader-container.stickyheader {
1339  flex-direction: column;
1340}
1341
1342.onderkanttopCC {
1343  background-image: url(/Files/Images/structure/bg_header.png);
1344  background-repeat: no-repeat;
1345  background-size: cover;
1346  background-position-y: bottom;
1347}
1348
1349.widget-71 .searchbox__input {
1350  background-color: transparent;
1351}
1352
1353.widget-73 .searchbox__input {
1354  background-color: transparent;
1355}
1356
1357.widget-67 .searchbox__input {
1358  background-color: transparent;
1359}
1360
1361.topmenu__shoppingcart {
1362  background-color: unset;
1363}
1364
1365section.relative.searchbox__wrapper {
1366  border: solid 1px #363636;
1367}
1368
1369.searchbox .searchbox__input {
1370  --BackgroundColor: unset;
1371}
1372
1373::-webkit-input-placeholder {
1374  /* Edge */
1375  font-family: "source-code-pro", monospace;
1376  font-size: 0.875rem;
1377  font-style: italic;
1378  color: #363636;
1379}
1380
1381:-ms-input-placeholder {
1382  /* Internet Explorer */
1383  font-family: "source-code-pro", monospace;
1384  font-size: 0.875rem;
1385  font-style: italic;
1386  color: #363636;
1387}
1388
1389::placeholder {
1390  font-family: "source-code-pro", monospace;
1391  font-size: 0.875rem;
1392  font-style: italic;
1393  color: #363636;
1394}
1395
1396.header .form__input {
1397  min-height: unset;
1398}
1399
1400.badge {
1401  height: 1rem;
1402  top: 13px;
1403  background-color: #f3c300;
1404  width: 1rem;
1405  border-radius: 100%;
1406}
1407
1408i.fal.fa-user-tie {
1409  font-size: 1.4rem;
1410}
1411
1412.header a.addedmenu__link {
1413  font-family: "source-code-pro", monospace;
1414  font-size: 0.7rem;
1415  color: white;
1416}
1417
1418.header .addedmenu__item {
1419  padding-left: 0;
1420  padding-right: 0;
1421}
1422
1423.mainmenu__link {
1424  align-items: flex-start;
1425}
1426
1427.usp__list {
1428  padding: 0;
1429}
1430
1431li.usp__item {
1432  color: white;
1433}
1434
1435i.fab.fa-facebook-square,
1436i.fab.fa-linkedin,
1437i.fab.fa-instagram {
1438  color: white;
1439}
1440
1441.fal,
1442.far {
1443  font-size: 1.2rem;
1444}
1445
1446img.favCC {
1447  height: 1.1rem;
1448  width: auto;
1449  margin-top: 6px;
1450  margin-left: 30px;
1451}
1452
1453i.fal.fa-search {
1454  font-size: 1.1rem;
1455  color: #ffffff;
1456}
1457
1458span.scroll-to-top__text {
1459  font-family: "source-code-pro", monospace;
1460  font-weight: 400;
1461}
1462
1463div#scroll-to-top {
1464  background-color: #59aa2f;
1465}
1466
1467h2.jumbotron__heading {
1468  letter-spacing: 0.2rem;
1469}
1470
1471.bg-basesolution {
1472  background-color: #1c1c1c;
1473  max-width: 1920px;
1474  margin: auto;
1475}
1476
1477.bg-basesolution .jumbotron__shoutbox {
1478  background-color: transparent;
1479}
1480
1481p,
1482span {
1483  font-family: "source-code-pro", monospace;
1484}
1485
1486.footer {
1487  background-color: transparent;
1488  background-image: url(/Files/Images/structure/footerCC.png);
1489  background-repeat: no-repeat;
1490  background-position: center;
1491  background-size: cover;
1492  background-position-y: top;
1493}
1494
1495.footernavCC .AdvancedGrid__row {
1496  justify-content: flex-start;
1497}
1498
1499figure.Footer__logo {
1500  padding-top: 5px;
1501}
1502
1503.footernavCC article.AdvancedGrid__container {
1504  align-items: start;
1505}
1506
1507.footer__link ul li a {
1508  color: white;
1509}
1510
1511.footer__link ul {
1512  padding-left: 0rem;
1513  list-style: none;
1514}
1515
1516h2.footer__link-header {
1517  font-family: "source-code-pro", monospace;
1518}
1519
1520label.footer-newsletter-sign-up__header {
1521  font-family: "source-code-pro", monospace;
1522  color: white;
1523  font-weight: bold;
1524}
1525
1526.ondersteCC .container {
1527  width: fit-content;
1528}
1529
1530.categories__item {
1531  font-family: "source-code-pro", monospace;
1532  font-size: 14px;
1533  list-style: none;
1534}
1535
1536.ondersteCC .footer__link ul li a::before {
1537  content: "|";
1538  margin-right: 3px;
1539  margin-left: 3px;
1540}
1541
1542.ondersteCC .footer__link ul li a::after {
1543  margin-left: 3px;
1544}
1545
1546.multicolumn {
1547  width: 100%;
1548}
1549
1550.ProductOverviewButton {
1551  font-size: 16px;
1552  font-weight: bold;
1553  display: flex;
1554}
1555
1556.ProductOverviewButton__container {
1557  display: flex;
1558  flex-grow: 1;
1559}
1560
1561.ProductOverviewButton label {
1562  position: relative;
1563  display: flex;
1564  flex-grow: 1;
1565  height: 100%;
1566  justify-content: center;
1567  align-items: center;
1568}
1569
1570/* contentblokken presets */
1571.visual_bigCC .AdvancedGrid__container {
1572  background-repeat: no-repeat;
1573  background-size: cover;
1574  background-position-y: bottom;
1575}
1576
1577.visual_transparantCC .AdvancedGrid__container {
1578  background-repeat: no-repeat;
1579  background-position-y: top;
1580}
1581
1582h2.grid-row__header {
1583  font-family: dharma-gothic-e, sans-serif;
1584  color: #1c1c1c;
1585  font-size: 5rem;
1586  font-weight: 900;
1587}
1588
1589.headersCC .AdvancedGrid__container {
1590  background-repeat: no-repeat;
1591  background-position-x: 30%;
1592  background-size: auto 100%;
1593}
1594
1595.schuineonderkantCC .AdvancedGrid__container {
1596  background-position-y: bottom;
1597  background-repeat: no-repeat;
1598  background-size: cover;
1599justify-content: center;
1600}
1601
1602.schuineonderkantCC .carousel .cta-paragraph__text p {
1603  font-family: "code-saver";
1604}
1605
1606.schuineonderkantCC .carousel .cta-paragraph__header {
1607  font-family: "code-saver";
1608  font-weight: bold;
1609  font-size: 1.5rem;
1610  text-transform: none;
1611}
1612
1613.faq_containerCC::before {
1614  content: "";
1615  height: 50px;
1616  left: 0;
1617  right: 0;
1618  position: absolute;
1619  background: rgb(28, 28, 28);
1620  background: -moz-linear-gradient(
1621    3deg,
1622    rgba(28, 28, 28, 1) 0%,
1623    rgba(28, 28, 28, 1) 49%,
1624    rgba(239, 239, 239, 0) 50%
1625  );
1626  background: -webkit-linear-gradient(
1627    3deg,
1628    rgba(28, 28, 28, 1) 0%,
1629    rgba(28, 28, 28, 1) 49%,
1630    rgba(239, 239, 239, 0) 50%
1631  );
1632  background: linear-gradient(
1633    3deg,
1634    rgba(28, 28, 28, 1) 0%,
1635    rgba(28, 28, 28, 1) 49%,
1636    rgba(239, 239, 239, 0) 50%
1637  );
1638  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c1c1c", endColorstr="#efefef", GradientType=1);
1639  top: -50px;
1640}
1641
1642.faq_containerCC {
1643  position: relative;
1644  align-items: center;
1645  margin: 2rem 0;
1646}
1647
1648.faqCC_start .AdvancedGrid__row {
1649  align-items: flex-start;
1650}
1651
1652.faqCC_start .AdvancedGrid__row i.fal.fa-chevron-down.faq__icon {
1653  color: white;
1654}
1655
1656/* ecomms */
1657.single-product__information {
1658  text-align: left;
1659}
1660
1661.single-product__price-wrapper {
1662  align-items: flex-start;
1663  justify-content: left;
1664}
1665
1666.single-product__price--discount,
1667.single-product__price--normal {
1668  color: #a42047;
1669}
1670
1671.po-block__action-btn {
1672  background-color: transparent;
1673}
1674
1675.po-block__action-btn:hover {
1676  background-color: white;
1677}
1678
1679.hardlopers-title h2 {
1680  font-family: dharma-gothic-e, sans-serif;
1681  color: #1c1c1c;
1682  font-size: 5rem;
1683  font-weight: 900;
1684  text-transform: uppercase;
1685  margin-bottom: 1rem;
1686  line-height: 1;
1687}
1688
1689.hardlopers-title .module-only-paragraph__modulewrapper > p {
1690  display: none;
1691}
1692
1693.w1200 {
1694  max-width: 1200px;
1695  width: 100%;
1696  margin: auto;
1697}
1698
1699.hardlopers-title .content-product-list {
1700  grid-template-columns: repeat(4, minmax(0, 1fr));
1701}
1702
1703.hardlopers-title .pagination {
1704  display: none;
1705}
1706
1707.hardlopers-title .products-module__image-container,
1708.po-block__image-wrapper {
1709  background: #fff;
1710  padding-bottom: 2rem;
1711  padding-top: 1rem;
1712  position: relative;
1713  overflow: hidden;
1714  margin-top: -1rem;
1715}
1716
1717.hardlopers-title .products-module__image-container:before,
1718.po-block__image-wrapper:before {
1719  content: "";
1720  height: 2rem;
1721  width: 100%;
1722  position: absolute;
1723  bottom: 0;
1724  left: 0;
1725  right: 0;
1726  background: rgb(230, 230, 230);
1727  background: linear-gradient(
1728    3deg,
1729    rgba(230, 230, 230, 1) 0%,
1730    rgba(230, 230, 230, 1) 49%,
1731    rgba(230, 230, 230, 0) 51%
1732  );
1733}
1734
1735.hardlopers-title .products-module,
1736.po-block__innerwrapper {
1737  padding: 0;
1738  padding-top: 1rem;
1739  background: #e6e6e6;
1740}
1741
1742.hardlopers-title .products-module__product-name,
1743.po-block__title-wrapper,
1744.hardlopers-title .products-module__product-article-number,
1745.po-block__content,
1746.hardlopers-title .products-module__product-review-indicator,
1747.po-reviews,
1748.hardlopers-title .products-module__product-price-container,
1749.po-block__price-wrapper,
1750.hardlopers-title .products-module__product-actions,
1751.po-block__addtocart,
1752.po-block__variant-info {
1753  padding: 0 1rem;
1754}
1755
1756.po-block__variant-info {
1757  font-size: 0.875rem;
1758}
1759
1760.hardlopers-title .products-module__product-review-indicator,
1761.hardlopers-title .products-module__product-price-container {
1762  display: none;
1763}
1764
1765.hardlopers-title .products-module__product-actions,
1766.po-block__addtocart {
1767  padding-bottom: 1rem;
1768}
1769
1770.inputstepper {
1771  border: 0.5px solid #767676;
1772  margin: 0;
1773}
1774
1775.inputstepper__input {
1776  background: transparent;
1777  border-left: 0.5px solid #767676;
1778  border-right: 0.5px solid #767676;
1779}
1780
1781.po-block {
1782  border: none;
1783}
1784
1785.tekst-slider .multicolumn .cta-paragraph__content {
1786  padding: 1rem 1.5rem;
1787}
1788
1789.tekst-slider .cta-paragraph__btn-navigation {
1790  padding-bottom: 0 !important;
1791  padding-top: 0 !important;
1792}
1793
1794.tekst-slider .multicolumn .cta-paragraph {
1795  flex-grow: 0;
1796}
1797
1798.header__stickyheader-container .searchbox__container .searchbox__form {
1799  height: 40px;
1800}
1801
1802.header__stickyheader-container .searchbox__input,
1803.header__stickyheader-container .searchbox__input::placeholder {
1804  color: white !important;
1805  font-style: normal;
1806}
1807
1808.po-toolbar__select .custom-select {
1809  border-radius: 0;
1810}
1811
1812.po-toolbar__select .custom-select select {
1813  border: 1px solid #000;
1814  background: transparent;
1815  font-family: "Code-Saver", sans-serif;
1816  font-size: 14px;
1817  font-style: italic;
1818}
1819
1820.po-toolbar__viewswitch__btn {
1821  border: none;
1822  border-radius: 0;
1823}
1824
1825.po-toolbar__actions {
1826  gap: 1rem;
1827}
1828
1829.po-toolbar__actions .po-toolbar__widget {
1830  margin-left: 0;
1831}
1832
1833.header .AdvancedGrid__row {
1834  justify-content: flex-start;
1835}
1836
1837@media screen and (min-width: 992px) {
1838  .po-group-slide-navigation__header {
1839    display: none;
1840  }
1841
1842  .po-group-slide-navigation {
1843    padding: 0;
1844    margin: 0 1.5rem;
1845    padding-bottom: 1rem;
1846    margin-bottom: 2rem;
1847    width: unset;
1848  }
1849}
1850
1851.agc-productoverview__desktop-sidebar {
1852  border-right: none;
1853}
1854
1855@media screen and (min-width: 992px) {
1856  .po-group-slide-navigation__category-list-item {
1857    padding-left: 0;
1858  }
1859}
1860
1861.footer__social {
1862  margin: 0;
1863  margin-right: 0.5rem;
1864}
1865
1866.ondersteCC {
1867  margin-top: 1.5rem;
1868}
1869
1870.po-block__addtocart .btn {
1871  max-width: fit-content;
1872}
1873
1874.onze-geschiedenis {
1875  max-width: 1200px;
1876  width: 100%;
1877  margin: auto;
1878}
1879
1880.custom-carousel .multicolumn__header-wrapper {
1881  padding: 0;
1882}
1883
1884.onze-merken .AdvancedGrid__header-container {
1885  max-width: 1200px;
1886  width: 100%;
1887  margin: auto;
1888}
1889
1890.schuin-hoek-rechts .cta-paragraph {
1891  margin-bottom: 4rem;
1892  position: relative;
1893  height: unset;
1894}
1895
1896.schuin-hoek-rechts .cta-paragraph:before {
1897  content: "";
1898  height: 2rem;
1899  position: absolute;
1900  bottom: -2rem;
1901  left: 0;
1902  right: 0;
1903  background: rgb(255, 255, 255);
1904  background: linear-gradient(
1905    183deg,
1906    rgba(255, 255, 255, 1) 0%,
1907    rgba(255, 255, 255, 1) 49%,
1908    rgba(255, 255, 255, 0) 51%
1909  );
1910}
1911
1912.visual_transparantCC {
1913  margin-bottom: 4rem;
1914}
1915
1916.visual_transparantCC .multicolumn,
1917.visual_transparantCC .multicolumn__item {
1918  padding: 0 !important;
1919}
1920
1921.multicolumn--13014 {
1922  transform: translateY(175px) !important;
1923}
1924
1925.home-jumbo {
1926  margin-bottom: 4rem;
1927}
1928
1929.fit-content .flickity-viewport {
1930  max-height: 250px !important;
1931}
1932
1933.products-module__product-article-number {
1934  font-size: 10px;
1935  color: #c4c4c4;
1936}
1937
1938.products-module__product-article-number:before {
1939  content: "Art. nr. ";
1940}
1941
1942.products-module.products-module__slider-cell__innerwrapper {
1943  border: none;
1944  background-color: rgba(255, 255, 255);
1945  background-image: linear-gradient(
1946    185deg,
1947    rgba(255, 255, 255, 1) 36%,
1948    rgba(230, 230, 230, 1) 4%
1949  );
1950}
1951
1952span.products-module__product-name--manufacturer {
1953  margin-top: 2rem;
1954  display: block;
1955}
1956
1957.faq__icon {
1958  width: 25px !important;
1959  height: 25px !important;
1960  display: flex !important;
1961  justify-content: center !important;
1962  align-items: center !important;
1963  border: 1px solid white !important;
1964}
1965
1966.faq__icon:before {
1967  content: "\f063" !important;
1968  font-size: 12px;
1969}
1970
1971.ondersteCC .categories__link {
1972  text-decoration: none;
1973}
1974
1975.ondersteCC .AdvancedGrid__container {
1976  gap: 1rem;
1977}
1978
1979.ondersteCC {
1980  margin: auto;
1981  margin-top: 2rem;
1982  justify-content: center;
1983}
1984
1985.ondersteCC > .AdvancedGrid__container {
1986  justify-content: center;
1987}
1988
1989.ondersteCC > .AdvancedGrid__container > .ondersteCC {
1990  margin: 0;
1991  margin-top: 0;
1992}
1993
1994.footer__newsletter-form {
1995  background: transparent;
1996}
1997
1998.footer__newsletter-form form {
1999  display: block;
2000}
2001
2002.footer__newsletter-input {
2003  border: 1px solid white !important;
2004  border-radius: 100px;
2005  min-height: unset;
2006  padding: 0.25rem 1rem !important;
2007  margin-top: 1rem !important;
2008}
2009
2010.footer__newsletter-submit {
2011  background: #f3c300;
2012  border-radius: 0;
2013  margin-top: 1rem;
2014  padding: 0.5rem 1rem;
2015  font-weight: bold;
2016  color: #000;
2017}
2018
2019.wb-cta .AdvancedGrid__container {
2020  gap: 2rem;
2021}
2022
2023.wb-cta .AdvancedGrid__column:last-of-type {
2024  background: black;
2025  position: relative;
2026}
2027
2028.wb-cta .AdvancedGrid__column:last-of-type:before {
2029  content: "";
2030  height: 100%;
2031  width: 2rem;
2032  position: absolute;
2033  top: 0;
2034  bottom: 0;
2035  left: -2rem;
2036  background: rgb(0, 0, 0);
2037  background: linear-gradient(
2038    273deg,
2039    rgba(0, 0, 0, 1) 0%,
2040    rgba(0, 0, 0, 1) 49%,
2041    rgba(255, 255, 255, 0) 51%
2042  );
2043}
2044
2045.wb-cta .AdvancedGrid__column:last-of-type h2.cta-paragraph__header,
2046.wb-cta .AdvancedGrid__column:last-of-type .cta-paragraph__text p {
2047  color: white;
2048}
2049
2050.wb-cta .AdvancedGrid__column h2.cta-paragraph__header {
2051  font-size: 5rem;
2052  text-transform: uppercase;
2053  line-height: 4.0625rem;
2054  font-weight: 900;
2055  font-family: dharma-gothic-e, sans-serif;
2056}
2057
2058.wb-cta {
2059  margin-top: 4rem;
2060  margin-bottom: 4rem;
2061}
2062
2063@media screen and (max-width: 991px) {
2064  .wb-cta {
2065    margin-top: 0rem;
2066  }
2067}
2068
2069.wb-cta .cta-paragraph__content {
2070  padding-bottom: 5rem;
2071  padding-top: 5rem;
2072  padding-left: 3rem;
2073}
2074
2075@media screen and (max-width: 991px) {
2076  .wb-cta .cta-paragraph__content {
2077    padding-bottom: 0rem;
2078    padding-top: 1rem;
2079  }
2080}
2081
2082.btn--5 {
2083  --Color: #ffffff !important;
2084  --BackgroundColor: #4966a0 !important;
2085
2086  --FontSize: 1rem;
2087  --FontStyle: none;
2088  --LineHeight: 1.4rem;
2089  --FontWeight: bold;
2090  --FontFamily: code-saver, sans-serif;
2091  --Position: relative;
2092}
2093
2094.btn--5:hover {
2095  --Color: #ffffff !important;
2096  --BackgroundColor: #4966a0 !important;
2097}
2098
2099.btn--29 {
2100  --Color: #ffffff !important;
2101  --BackgroundColor: #a42047 !important;
2102
2103  --FontSize: 1rem;
2104  --FontStyle: none;
2105  --FontWeight: bold;
2106  --FontFamily: code-saver, sans-serif;
2107  --Position: relative;
2108}
2109
2110.btn--29:hover {
2111  --Color: #ffffff !important;
2112  --BackgroundColor: #a42047 !important;
2113}
2114
2115.btn--11 {
2116  --Color: #1c1c1c !important;
2117  --BackgroundColor: #f3c300 !important;
2118
2119  --FontSize: 1rem;
2120  --FontStyle: none;
2121  --FontWeight: bold;
2122  --FontFamily: code-saver, sans-serif;
2123  --Position: relative;
2124}
2125
2126.btn--11:hover {
2127  --Color: #ffffff !important;
2128  --BackgroundColor: #f3c300 !important;
2129}
2130
2131.shoppingcart__order-btn {
2132  color: #ffffff !important;
2133  background-color: #4966a0 !important;
2134  font-weight: bold;
2135}
2136
2137.btn--2123 {
2138  --BackgroundColor: #59aa2f !important;
2139
2140  --Color: #ffffff;
2141  --FontSize: 1rem;
2142  --FontStyle: none;
2143  --FontWeight: bold;
2144  --FontFamily: code-saver, sans-serif;
2145  --Position: relative;
2146}
2147
2148.btn--2123:hover {
2149  --BackgroundColor: #f3c300 !important;
2150}
2151
2152.shoppingcart__order-btn:hover {
2153  background-color: #4966a0 !important;
2154}
2155
2156.mini-shoppingcart-list__line-discount {
2157  font-size: 1rem;
2158  padding-top: 0rem;
2159  color: #5aa930;
2160}
2161
2162.products-module__ribbon-text {
2163  background-color: #a42047;
2164}
2165
2166.btn__primary,
2167.btn-primary {
2168  color: #1c1c1c !important;
2169  background-color: #f3c300 !important;
2170  font-weight: bold;
2171}
2172
2173.btn__primary:hover,
2174.btn-primary:hover {
2175  color: #ffffff !important;
2176  background-color: #f3c300 !important;
2177}
2178
2179.btn__secondary {
2180  color: #ffffff !important;
2181  background-color: #4966a0 !important;
2182  font-weight: bold;
2183}
2184
2185.btn__secondary:hover {
2186  background-color: #4966a0 !important;
2187}
2188
2189.btn__secondary--outline {
2190  background-color: transparent;
2191  color: #4966a0;
2192  border: solid 1px #4966a0 !important;
2193  font-weight: bold;
2194}
2195
2196.btn__secondary--outline:hover {
2197  color: #000000;
2198  border: #000000 solid 1px !important;
2199  background-color: transparent;
2200}
2201
2202.checkout-stepper__step--completed .checkout-stepper__line,
2203.checkout-stepper__step--completed .checkout-stepper__circle {
2204  background-color: #5aa930;
2205}
2206
2207.checkout-stepper__step--completed .checkout-stepper__circle {
2208  border-color: #5aa930;
2209}
2210
2211.checkout-stepper__step--completed .checkout-stepper__name {
2212  color: #5aa930;
2213}
2214
2215aside.master-sidebar__aside {
2216  background-color: #1c1c1c;
2217  padding: 2rem;
2218  color: #ffffff;
2219}
2220
2221.master-sidebar__main {
2222  padding: 1rem;
2223}
2224
2225.navigation-paragraph__title {
2226  font-family: dharma-gothic-e, sans-serif;
2227  color: #ffffff;
2228  font-size: 3rem;
2229  font-weight: 900;
2230  text-transform: uppercase;
2231  margin-bottom: 1rem;
2232}
2233
2234.module-only-paragraph__header {
2235  font-family: dharma-gothic-e, sans-serif;
2236  color: #1c1c1c;
2237  font-size: 3rem;
2238  line-height: normal;
2239  font-weight: 900;
2240  text-transform: uppercase;
2241  margin-bottom: 1rem;
2242  margin-top: 5px;
2243}
2244
2245a.navigation__link {
2246  color: #ffffff;
2247}
2248
2249.dashboard__column-actions a {
2250  font-size: 0.875rem;
2251  font-weight: bold;
2252}
2253
2254.dashboard__column-actions a:after {
2255  font-family: "Font Awesome 5 Pro";
2256  content: "\f054";
2257  margin-left: 0.5rem;
2258}
2259
2260figure.favorite-list__listfigure {
2261  border: solid 1px black;
2262}
2263
2264.VacatureDetailCC .AdvancedGrid__container {
2265  background-position: bottom;
2266  background-repeat: no-repeat;
2267  background-size: auto;
2268}
2269
2270.AanmeldenCC .AdvancedGrid__container {
2271  background-repeat: no-repeat;
2272  background-size: 100% 580px;
2273}
2274
2275.vacatureHeaderCC section.cta-paragraph__content {
2276  align-items: start;
2277  padding-left: 0px;
2278}
2279
2280.vacatureblok {
2281  max-width: 1200px;
2282  width: 100%;
2283  margin: auto;
2284  margin-top: 1rem;
2285  margin-bottom: 1rem;
2286  background: transparent !important;
2287}
2288
2289.vacatureblok .multicolumn__container {
2290  background: white;
2291  position: relative;
2292}
2293
2294.vacatureblok .cta-paragraph__content-container,
2295.vacatureblok .multicolumn__container {
2296  max-width: unset;
2297}
2298
2299.vacatureblok .cta-paragraph__btn-navigation {
2300  padding: unset !important;
2301  padding-top: 1rem !important;
2302}
2303
2304.multicolumn__header-wrapper .cta-paragraph__header {
2305  font-size: 4.5rem;
2306  font-weight: 900;
2307  text-transform: uppercase;
2308  font-family: "dharma-gothic-e", sans-serif;
2309}
2310
2311.header .AdvancedGrid__row {
2312  --VerticalAlign: center !important;
2313}
2314
2315.FormSollicitatie_content {
2316  margin: 0;
2317  margin-bottom: 2rem;
2318  margin-top: 2rem;
2319}
2320
2321.faq-paragraph .faq__item,
2322.faq-paragraph .faq-paragraph__container {
2323  max-width: unset;
2324}
2325
2326/* .faq-paragraph .faq-paragraph__container {
2327padding: 2rem;
2328} */
2329
2330.footer__newsletter-form form .footer__newsletter-input {
2331  color: #ffffff;
2332}
2333
2334.klantenserviceCC {
2335  margin-bottom: 3rem;
2336}
2337
2338.addedmenu__link {
2339  margin: 0.5rem 0;
2340  line-height: 1;
2341  height: calc(100% - 1rem);
2342}
2343
2344.addedmenu__item:not(:last-of-type) .addedmenu__link {
2345  border-right: 1px solid #fff;
2346}
2347
2348section.relative.searchbox__wrapper {
2349  border: 1px solid #fff;
2350}
2351
2352.search-results {
2353  background-color: #1c1c1c;
2354  color: #ffffff;
2355}
2356
2357a.search-results__link.search-results__link--product,
2358h2.search-results__column-title {
2359  color: white;
2360  font-family: code-saver, sans-serif;
2361}
2362
2363.icon__search i,
2364.search-results,
2365.searchbox__input,
2366.searchbox__form input::placeholder {
2367  color: #fff !important;
2368}
2369
2370.header--75:last-of-type {
2371  display: none;
2372}
2373
2374.FormSollicitatie_content {
2375  width: 100%;
2376  max-width: 100%;
2377}
2378
2379.FormSollicitatie_content .form__input-label {
2380  display: none;
2381}
2382
2383.AanmeldenCC .cta-paragraph__content {
2384  padding-bottom: 25px;
2385}
2386
2387.extra-padding .cta-paragraph__content {
2388  padding: 4rem;
2389  padding-bottom: 1rem;
2390}
2391
2392.center-elements .cta-paragraph__content {
2393  display: flex;
2394  justify-content: center;
2395  align-items: center;
2396  text-align: center;
2397}
2398
2399.ondergrond-faq .faq__item .faq__question {
2400  border-bottom: unset;
2401  padding: 1rem 0.5rem 0;
2402}
2403
2404.ondergrond-faq .faq__item:not(:first-of-type) .faq__question {
2405  border-top: 1px solid #ccc;
2406}
2407
2408.foto .cta-paragraph:before {
2409  content: "";
2410  height: 2rem;
2411  position: absolute;
2412  top: -2rem;
2413  left: 0;
2414  right: 0;
2415  background: rgb(255, 255, 255);
2416  background: linear-gradient(
2417    3deg,
2418    rgba(255, 255, 255, 1) 0%,
2419    rgba(255, 255, 255, 1) 49%,
2420    rgba(0, 0, 0, 0) 51%
2421  );
2422}
2423
2424.foto {
2425  padding-bottom: 2rem !important;
2426  padding-top: 20rem !important;
2427  padding-left: 0.5rem !important;
2428  padding-right: 0.5rem !important;
2429}
2430
2431.foto .cta-paragraph__image-container {
2432  margin-bottom: -4rem;
2433  padding: 0 2rem;
2434  height: 150px !important;
2435  transform: translateY(-5rem);
2436}
2437
2438.foto img.cta-paragraph__image {
2439  object-fit: cover;
2440}
2441
2442.AdvancedGrid__row--4374 {
2443  padding: 2rem;
2444  padding-top: 0;
2445}
2446
2447.error404 .cta-paragraph__content {
2448  align-items: center;
2449}
2450
2451.full-width-content .cta-paragraph__content-container {
2452  max-width: unset;
2453  width: 100%;
2454}
2455
2456.btn__primary .btn__icon {
2457  color: inherit;
2458}
2459
2460.vacatureblok .multicolumn__item:last-of-type .cta-paragraph__content {
2461  /* align-items: flex-end;*/
2462  padding-top: 0;
2463}
2464
2465.searchbox__input {
2466  padding-left: 0;
2467  padding-right: 0;
2468  padding: 0.5rem;
2469}
2470
2471.searchbox__form__submit {
2472  max-width: 40px;
2473}
2474
2475.searchbox__input {
2476  text-align: left;
2477}
2478
2479.products-module__product-article-number {
2480  color: #000;
2481}
2482
2483.multicolumn .carousel-cell {
2484  padding: 0;
2485}
2486
2487@media screen and (max-width: 992px) {
2488  .vacatureHeaderCC {
2489    background-color: #1c1c1c !important;
2490    padding: 2rem !important;
2491  }
2492
2493  .FormSollicitatie_content {
2494    padding: 0 2rem;
2495  }
2496
2497  .jumbo_CC .jumbotron__shoutbox {
2498    padding-top: 1rem !important;
2499    margin: 0;
2500  }
2501
2502  .jumbo_CC .jumbotron__heading {
2503    color: #000;
2504    line-height: 1;
2505    font-size: 2.5rem;
2506  }
2507
2508  .foto h2.cta-paragraph__header {
2509    font-size: 2.5rem;
2510    line-height: 1;
2511  }
2512
2513  /* .headersCC_contenblok .multicolumn__item:first-of-type {
2514display: none;
2515} */
2516}
2517
2518.merken-slider .carousel-cell {
2519  padding: 1rem;
2520}
2521
2522.addedmenu__link--active {
2523  color: #f3c300 !important;
2524}
2525
2526/* .headersCC,
2527.headersCC .AdvancedGrid__container {
2528  background-image: unset !important;
2529}
2530
2531.headersCC_contenblok .multicolumn__item:first-of-type {
2532  background-image: var(--BackgroundImage);
2533  background-size: auto 100%;
2534  background-repeat: no-repeat;
2535  background-position-x: right;
2536  background-position-y: center;
2537}
2538*/
2539.headersCC .multicolumn__container,
2540.headersCC .grid-container {
2541  height: 100%;
2542}
2543
2544.headersCC .cta-paragraph__content-container {
2545  justify-content: center;
2546}
2547
2548.headersCC .AdvancedGrid__column {
2549  margin: 0 auto;
2550}
2551
2552.headersCC .multicolumn .cta-paragraph__content {
2553  flex-grow: 0;
2554}
2555
2556.headersCC .multicolumn .cta-paragraph__text {
2557  display: flex;
2558  width: 100%;
2559  justify-content: center;
2560}
2561
2562.headersCC .multicolumn .cta-paragraph__text p {
2563  text-align: left !important;
2564}
2565
2566.headersCC .multicolumn .cta-paragraph {
2567  justify-content: center;
2568}
2569
2570.intro-slider {
2571  align-items: flex-start;
2572  padding: 0 !important;
2573}
2574
2575@media screen and (min-width: 992px) {
2576  .dealerlocator__map {
2577    width: 600px;
2578    background: lightgray;
2579    margin-left: 50px;
2580  }
2581}
2582
2583.ProductCategoryOverview .ProductOverviewButton {
2584  justify-content: flex-start;
2585}
2586
2587.mainmenu__link .mainmenu__label,
2588.ProductOverviewButton {
2589  font-size: 0.9rem !important;
2590}
2591
2592.footer__newsletter-submit .btn__text {
2593  display: flex;
2594  align-items: center;
2595  gap: 1rem;
2596}
2597
2598.footer__newsletter-submit .btn__text i {
2599  color: #000;
2600}
2601
2602.addedmenu__link:hover,
2603.ProductOverviewButton:hover span {
2604  color: #f3c300 !important;
2605}
2606
2607.badge__count {
2608  color: #000 !important;
2609}
2610
2611.flickity-prev-next-button.next {
2612  right: -40px;
2613}
2614
2615.flickity-prev-next-button.previous {
2616  left: -40px;
2617}
2618
2619.buttononder_titelsCC .cta-paragraph__content {
2620  align-items: center;
2621}
2622
2623.cc-top-sellers .AdvancedGrid__row {
2624  justify-content: center;
2625}
2626
2627.cc-card-slider {
2628  overflow: visible;
2629}
2630.schuineonderkantCC.cc-card-slider button.flickity-button.flickity-prev-next-button{
2631border: 1px solid white;
2632}
2633
2634.schuineonderkantCC.cc-card-slider svg.flickity-button-icon  {
2635    fill: white;
2636}
2637
2638.margin-auto .AdvancedGrid__container {
2639  justify-content: end;
2640}
2641
2642.whatsapp .btn__icon::before {
2643  content: "\f232";
2644  font-family: "Font Awesome 5 Brands";
2645  font-weight: 400;
2646  font-size: 1.5rem;
2647}
2648
2649.whatsapp .btn {
2650  flex-direction: row-reverse;
2651  gap: 1rem;
2652}
2653
2654.AanmeldenCC .cta-paragraph__content {
2655  padding-bottom: 0;
2656}
2657
2658@media screen and (min-width: 992px) {
2659  .headersCC_contenblok .cta-paragraph__content {
2660    padding: 6rem;
2661    margin-top: 4rem;
2662  }
2663}
2664
2665.vacatureHeaderCC header.cta-paragraph__header {
2666  display: flex;
2667  flex-direction: column-reverse;
2668}
2669
2670.faq-paragraph__subheader {
2671  display: none;
2672}
2673
2674.multicolumn--13596 .cta-paragraph__content,
2675.multicolumn--13596 {
2676  padding-bottom: 0 !important;
2677}
2678
2679.config--183 .cta-paragraph__subheader {
2680  font-size: 1.1rem;
2681}
2682
2683.master-sidebar__wrapper .navigation__item a.navigation__link {
2684  color: #fff;
2685}
2686
2687.faq__item .faq__icon::before {
2688  content: "\f067" !important;
2689}
2690
2691.faq__item--opened .faq__icon::before {
2692  content: "\f068" !important;
2693}
2694
2695.cta-paragraph__header {
2696  letter-spacing: 3px;
2697}
2698
2699.tekst_en_sliderCC {
2700  margin-bottom: 2rem;
2701}
2702
2703.custom-carousel .cta-paragraph__image-container {
2704  align-items: unset;
2705}
2706
2707.products-module__title {
2708  font-family: dharma-gothic-e, sans-serif;
2709  color: #1c1c1c;
2710  font-size: 5rem;
2711  font-weight: 900;
2712  text-transform: uppercase;
2713  margin-bottom: 1rem;
2714  line-height: 1;
2715}
2716
2717span.offcanvas__title {
2718  font-family: dharma-gothic-e, sans-serif;
2719  font-size: 2rem;
2720  font-weight: normal;
2721}
2722
2723.products-module.products-module__slider-cell__innerwrapper {
2724  border: none;
2725  background-color: rgba(255, 255, 255);
2726  background-image: linear-gradient(
2727    185deg,
2728    rgba(255, 255, 255, 1) 240px,
2729    rgba(230, 230, 230, 1) 4%
2730  );
2731}
2732
2733.po-block__ribbon-text {
2734  background-color: #db3125;
2735}
2736
2737.vueMenu .Subscreen-link.one {
2738  font-weight: bold;
2739}
2740
2741.vueMenu .Subscreen-link.one:hover {
2742  font-weight: bold;
2743}
2744
2745.checkout-stepper__step--completed .checkout-stepper__circle {
2746  border: 2px solid #5aa930;
2747  color: white;
2748}
2749
2750.checkbox-optionlist input[type="radio"]:checked:before {
2751  border-color: #5aa930;
2752}
2753
2754.checkbox-optionlist input[type="radio"]:after,
2755.default-contact-form
2756  .checkbox__group-options
2757  [type="checkbox"]:checked
2758  + label:after {
2759  background-color: #5aa930;
2760}
2761
2762.checkbox-optionlist__item {
2763  background-color: #f1f1f1;
2764}
2765
2766.checkbox-optionlist__item--active {
2767  background-color: #fff;
2768}
2769
2770.checkout-form__submitbtn--back {
2771  flex-direction: row-reverse;
2772}
2773
2774.checkout-form__submitbtn--back:not(.btn--disabled):hover .btn__text {
2775  transform: translateX(-3px);
2776}
2777
2778.checkout-form__submitbtn--back:hover .btn__icon {
2779  transform: rotate(180deg) translateX(3px) !important;
2780}
2781
2782.checkout-form__submitbtn--back,
2783.checkout-form__submitbtn--forward {
2784  justify-content: space-between;
2785}
2786
2787.final-step {
2788  color: #fff;
2789  background-color: #f3c300;
2790}
2791
2792.final-step:hover {
2793  background-color: #000;
2794}
2795
2796.mainmenu__link--mobile:hover {
2797  color: #fff;
2798}
2799
2800.search-results__viewmore {
2801  border-radius: 0;
2802}
2803
2804h1,
2805h2,
2806h3,
2807h4,
2808h5,
2809h6 {
2810  color: #1c1c1c;
2811}
2812
2813.checkout__shoppingcart-title {
2814  font-size: 2.75rem;
2815}
2816
2817.po-widget-sidebar-trigger__button {
2818  background-color: #f3c300 !important;
2819}
2820
2821.dealerlocator__dealerlistcounter {
2822  font-size: 1.75rem;
2823}
2824
2825header.pdp-header.container {
2826  height: unset;
2827}
2828
2829.pdp-header__manufacturer,
2830.pdp-header__productname {
2831  font-size: 5rem;
2832}
2833
2834.manufacturer__logo {
2835  position: static;
2836  margin-left: auto;
2837}
2838
2839.offcanvas[name="specifications"] {
2840  max-width: 36rem;
2841}
2842
2843.product-specifications__label {
2844  // flex: 3 !important;
2845}
2846
2847.product-specifications__value {
2848  // flex: 1 !important;
2849}
2850
2851.product-specifications__header[aria-controls="VariantVelden"],
2852#VariantVelden {
2853  display: none;
2854}
2855
2856.search-results__link {
2857  color: #fff;
2858}
2859
2860.po-filter__header,
2861.po-filter__list-item,
2862.po-group-slide-navigation__category-back-link,
2863.po-group-slide-navigation__category-list-item {
2864  border-color: #e6e6e6;
2865}
2866
2867.visual_transparantCC .AdvancedGrid__column:nth-of-type(2) {
2868  min-width: 650px;
2869}
2870
2871/* Header Center Diensten */
2872.cc-header-center .AdvancedGrid__container {
2873  justify-content: center;
2874}
2875
2876.cc-header-center .AdvancedGrid__container .vacatureHeaderCC {
2877  padding: 0 0.8rem;
2878}
2879
2880.cc-branch-block .grid-container {
2881  gap: 1em;
2882}
2883
2884.cc-branch-block .cta-paragraph__image-container,
2885.cc-branch-block .cta-paragraph__image-container picture,
2886.cc-branch-block .cta-paragraph__image-container img {
2887  max-height: 650px;
2888  height: 650px;
2889}
2890
2891.cc-branch-block .cta-paragraph__image-container {
2892  position: relative;
2893  padding-bottom: -2rem;
2894  overflow: unset;
2895}
2896
2897.cc-branch-block .cta-paragraph__content:before {
2898  content: "";
2899  height: 2rem;
2900  width: 100%;
2901  position: absolute;
2902  top: calc(-2rem + 1px);
2903  left: 0;
2904  right: 0;
2905  background: rgb(255, 255, 255);
2906  background: linear-gradient(
2907    3deg,
2908    rgb(255, 255, 255) 0%,
2909    rgb(255, 255, 255) 49%,
2910    rgba(255, 255, 255, 0) 51%
2911  );
2912}
2913
2914.cc-branch-block .cta-paragraph__content {
2915  padding: 1rem;
2916  padding-top: 0;
2917  background: white !important;
2918  transform: translateY(calc(100% - 60px));
2919  position: absolute;
2920  bottom: 0;
2921}
2922
2923.cc-branch-block .cta-paragraph__content .cta-paragraph__content-container {
2924  height: 100%;
2925}
2926
2927.cc-branch-block .cta-paragraph:hover .cta-paragraph__content {
2928  transform: translateY(0%);
2929}
2930@media screen and (max-width: 500px) {
2931  .cc-branch-block h2.cta-paragraph__header {
2932    padding-bottom: 30px;
2933    padding-top: 10px;
2934  }
2935}
2936
2937.cc-branch-block h2.cta-paragraph__header {
2938  margin-bottom: 1.5rem;
2939  font-family: "code-saver";
2940  text-transform: initial;
2941  font-size: 24px;
2942}
2943
2944.cc-branch-block .cta-paragraph__subheader {
2945  font-family: "code-saver", sans-serif;
2946  font-weight: normal;
2947  size: 875rem;
2948}
2949
2950.cc-branch-block {
2951  overflow: hidden;
2952  transition: 0.5s;
2953}
2954
2955/*Slider */
2956.custom-carousel .carousel-cell {
2957  padding: 0;
2958}
2959
2960.custom-carousel .carousel-cell .cta-paragraph__image-container,
2961.custom-carousel .carousel-cell .cta-paragraph__image-container picture,
2962.custom-carousel .carousel-cell .cta-paragraph__image-container img {
2963  max-height: 750px;
2964  height: 750px;
2965}
2966
2967.custom-carousel .carousel-cell .cta-paragraph__image-container {
2968  position: relative;
2969  padding-bottom: -2rem;
2970  overflow: unset;
2971}
2972
2973.custom-carousel .carousel-cell .cta-paragraph__content:before {
2974  content: "";
2975  height: 2rem;
2976  width: 100%;
2977  position: absolute;
2978  top: calc(-2rem + 1px);
2979  left: 0;
2980  right: 0;
2981  background: rgb(255, 255, 255);
2982  background: linear-gradient(
2983    3deg,
2984    rgba(255, 255, 255, 1) 0%,
2985    rgba(255, 255, 255, 1) 49%,
2986    rgba(255, 255, 255, 0) 51%
2987  );
2988}
2989
2990.custom-carousel .carousel-cell {
2991  overflow: hidden;
2992  transition: 0.5s;
2993}
2994
2995.custom-carousel .carousel-cell .cta-paragraph__content {
2996  padding: 1rem;
2997  padding-top: 0;
2998  background: white !important;
2999  transform: translateY(calc(100% - 60px));
3000}
3001
3002@media screen and (max-width: 991px) {
3003  .custom-carousel .carousel-cell .cta-paragraph__content {
3004    transform: translateY(calc(100% - 90px));
3005  }
3006
3007  .custom-carousel
3008    .carousel-cell
3009    .cta-paragraph__content
3010    .cta-paragraph__content-container
3011    .cta-paragraph__header {
3012    margin-bottom: 2rem;
3013    text-transform: none;
3014    font-size: 1rem;
3015    line-height: auto;
3016  }
3017}
3018
3019.custom-carousel
3020  .carousel-cell
3021  .cta-paragraph__content
3022  .cta-paragraph__content-container {
3023  height: 100%;
3024}
3025
3026.custom-carousel .carousel-cell:hover .cta-paragraph__content {
3027  transform: translateY(0%);
3028}
3029
3030.custom-carousel .carousel-cell h2.cta-paragraph__header {
3031  margin-bottom: 1.5rem;
3032}
3033
3034.custom-carousel .carousel-cell .cta-paragraph__subheader {
3035  font-family: "code-saver", sans-serif;
3036  font-weight: normal;
3037  size: 0875rem;
3038}
3039
3040.tekst-slider .multicolumn .carousel-cell {
3041  padding: 0;
3042}
3043
3044.visual_transparantCC .grid-container .cta-paragraph__content {
3045  align-items: center;
3046}
3047
3048.faqCC_start.w1200 .AdvancedGrid__container {
3049  gap: 3em;
3050}
3051
3052/*About us timeline slider */
3053.cc-back-in-time-slider .carousel {
3054  min-height: 100%;
3055}
3056
3057.cc-back-in-time-slider .cta-paragraph__subheader {
3058  margin: 0;
3059  line-height: 1.1rem;
3060  font-weight: bold;
3061  font-size: 1.3rem;
3062  text-align: center;
3063}
3064
3065.cc-back-in-time-slider .cta-paragraph__header {
3066  margin: 0;
3067  padding: 0;
3068  line-height: 1.2rem;
3069  font-weight: bold;
3070  min-height: 3rem;
3071  text-transform: unset;
3072  text-align: center;
3073}
3074
3075.cc-back-in-time-slider img.cta-paragraph__image {
3076  height: 50px;
3077  width: auto;
3078}
3079
3080.cc-back-in-time-slider h3 {
3081  font-size: 1rem;
3082  font-weight: bold;
3083  margin-top: 0.4rem;
3084  text-align: center;
3085}
3086
3087.cc-back-in-time-slider p {
3088  text-align: center;
3089}
3090
3091.cc-back-in-time-slider .carousel-cell-wrap::after {
3092  content: "";
3093  position: absolute;
3094  top: 32%;
3095  width: 20px;
3096  height: 30px;
3097  background-color: black;
3098  clip-path: polygon(0 0, 0% 100%, 100% 50%);
3099}
3100
3101.cc-back-in-time-slider .carousel-cell-wrap:nth-child(odd) {
3102  background-color: #f7f6f5;
3103  border-right: solid 1px #1c1c1c;
3104}
3105
3106.cc-back-in-time-slider .carousel-cell-wrap:nth-child(even) {
3107  background-color: #ffffff;
3108  border-right: solid 1px #1c1c1c;
3109}
3110
3111.cc-back-in-time-slider .cta-paragraph.carousel-cell {
3112  align-items: center;
3113  padding: 2rem;
3114}
3115
3116@media screen and (min-width: 992px) {
3117  .productimages__carousel-big img,
3118  .productimages__big img,
3119  .product-image {
3120    max-height: 100%;
3121    max-width: 100%;
3122    object-fit: contain;
3123  }
3124
3125  .productimages__carousel-big,
3126  .productimages__big,
3127  .productimages__item {
3128    height: 500px;
3129  }
3130}
3131
3132.receipt__product-info-list,
3133.mini-shoppingcart-list__line > div,
3134.mini-shoppingcart-list__line-price {
3135  line-height: 1.3;
3136}
3137
3138.mini-shoppingcart-list__line-customfield {
3139  font-size: 0.875rem;
3140  color: #6a6a6a;
3141  line-height: 1.7;
3142}
3143
3144.shoppingcart-list__productmetainfo {
3145  line-height: 1.7;
3146}
3147
3148.shoppingcart-list__productname {
3149  margin-top: 0;
3150  margin-bottom: 0.25rem;
3151}
3152
3153.shoppingcart-sidebar__orderline-customfield {
3154  font-size: 0.875rem;
3155  display: block;
3156  line-height: 1.7;
3157  color: #6a6a6a;
3158}
3159
3160.productdetails__add-to-cart {
3161  flex-grow: 0;
3162  font-weight: bold;
3163  background-color: #4966a0;
3164}
3165
3166.productdetails__add-to-cart:hover {
3167  background-color: #000;
3168}
3169
3170.productdetails__add-to-cart .fa-shopping-cart::after {
3171  content: "\f067";
3172  font-family: "Font Awesome 5 Pro";
3173  font-weight: 400;
3174  right: 12px;
3175  position: absolute;
3176  color: inherit;
3177  font-size: 0.875rem;
3178}
3179
3180.productdetails__add-to-cart .btn__icon {
3181  justify-content: center;
3182  width: 75px;
3183  font-weight: 400;
3184  color: inherit;
3185}
3186
3187.productdetails__add-to-cart .cart-btn--default .btn__icon {
3188  right: -75px;
3189}
3190
3191.pdp-add-to-cart__container .productdetails__add-to-cart {
3192  background-color: #f3c300;
3193  color: #1c1c1c;
3194  padding-right: 75px;
3195  padding-left: 75px;
3196}
3197
3198.pdp-add-to-cart__container .productdetails__add-to-cart:hover {
3199  background-color: #000;
3200  color: white;
3201}
3202
3203.pdp-add-to-cart__container .productdetails__add-to-cart:after {
3204  right: 12px;
3205}
3206
3207.productdetails__add-to-cart .cart-btn {
3208  min-width: 75px;
3209}
3210
3211.po-block__addtocart--notext .productdetails__add-to-cart,
3212.stickymenu__replaceable .productdetails__add-to-cart {
3213  padding: 0 0.5rem;
3214}
3215
3216.stickymenu__replaceable .productdetails__add-to-cart .btn__icon {
3217  font-size: 1.3rem;
3218  left: 0;
3219  position: relative;
3220  right: 0;
3221}
3222
3223.stickymenu__replaceable .productdetails__add-to-cart {
3224  margin-left: 1rem;
3225}
3226
3227.stickymenu__replaceable .productdetails__add-to-cart .btn__text {
3228  display: none;
3229}
3230
3231.pdp-action-buttons {
3232  font-weight: bold;
3233}
3234
3235.po-block__price-box,
3236.po-block__retail-price,
3237.po-block__price-profits {
3238  line-height: 1.7;
3239}
3240
3241.po-block__variant-info,
3242.po-block__retail-price {
3243  color: #6a6a6a;
3244}
3245
3246.shoppingcart-list__productname {
3247  font-family: "source-code-pro", monospace;
3248}
3249
3250.pdp-price__retail-price {
3251  color: #6a6a6a;
3252}
3253
3254.pdp-usplist__infoicon {
3255  color: inherit;
3256  font-size: 0.875rem;
3257  margin-left: 0.5rem;
3258  line-height: 1;
3259}
3260
3261.pdp-usplist__infoicon i {
3262  margin-right: 0;
3263}
3264
3265.addressselector__title,
3266.checkbox-optionlist__header,
3267.summary__title,
3268.receipt__header {
3269  font-size: 2.5rem;
3270  margin-bottom: 0.25rem;
3271  line-height: 1.5;
3272}
3273
3274.summary__subheader,
3275.receipt__subheader {
3276  font-size: 1.5rem;
3277  margin-bottom: 0.25rem;
3278  line-height: 1.5;
3279}
3280
3281.addressselector__list {
3282  background: #fff;
3283}
3284
3285.addressselector__list-item--selected,
3286.addressselector__list-item:hover {
3287  background-color: #fbfbfb;
3288}
3289
3290#ordersubmit.default-contact-form .form__input {
3291  background: #fff;
3292  border: 1px solid #ddd;
3293}
3294
3295.checkbox-optionlist__item {
3296  background-color: #ffffff;
3297}
3298
3299.checkbox-optionlist__item--active,
3300.checkbox-optionlist__item:hover {
3301  background-color: #fbfbfb;
3302}
3303
3304.summary__block--inner,
3305.receipt__block-inner {
3306  background-color: #fff;
3307}
3308
3309.receipt__product-name {
3310  font-weight: bold;
3311}
3312
3313.default-btn {
3314  --BackgroundColor: #f3c300;
3315  --Color: black;
3316}
3317
3318.dashboard__title {
3319  line-height: 1.3;
3320  font-size: 1.75rem;
3321}
3322
3323.favorite-list__footer h3 {
3324  font-size: 1.75rem;
3325  line-height: 1.3;
3326  margin-bottom: 0;
3327}
3328
3329@media screen and (min-width: 992px) {
3330  .dashboard__column {
3331    max-width: unset;
3332    flex-basis: 33%;
3333    flex-grow: 1;
3334  }
3335}
3336
3337.footer__newsletter-input::placeholder {
3338  color: #ffffff;
3339}
3340
3341.po-filter__list-item {
3342  padding-left: 0;
3343}
3344
3345.cta-paragraph__content--center {
3346  margin-right: 45px;
3347}
3348
3349.AdvancedGrid__column--6058 {
3350  max-width: 560px;
3351}
3352
3353.search-results {
3354  text-align: left;
3355}
3356
3357.search-results__product-title {
3358  color: white;
3359}
3360
3361.header__stickyheader-container {
3362  flex-direction: column;
3363}
3364
3365.products-module__product-variant-info {
3366  color: #6a6a6a;
3367  font-size: 0.875rem;
3368}
3369
3370.vacatureblok .multicolumn__item:last-of-type .cta-paragraph__image-container {
3371  justify-content: flex-end;
3372}
3373
3374.vacatureblok .multicolumn__item:last-of-type picture.cta-paragraph__image {
3375  padding-right: 2rem;
3376  padding-top: 2rem;
3377}
3378
3379.dashboard-table__reorder {
3380  white-space: nowrap;
3381}
3382
3383section.modal {
3384  height: 94%;
3385}
3386
3387.bg-news-page .cta-paragraph__content-container {
3388  max-width: unset;
3389}
3390
3391.bg-news-page .cta-paragraph__container {
3392  display: flex;
3393  gap: 1rem;
3394}
3395
3396.bg-news-page .cta-paragraph__content {
3397  padding: 0;
3398}
3399
3400@media screen and (max-width: 991px) {
3401  .stickymenu__replaceable__wrapper {
3402    display: none !important;
3403  }
3404
3405  .socialCC div {
3406    display: flex;
3407    gap: 1rem;
3408    justify-content: center;
3409  }
3410
3411  .footer__social:not(:last-child) {
3412    margin-right: unset !important;
3413  }
3414}
3415
3416.onze-merken {
3417  margin-bottom: 4rem;
3418}
3419
3420.buttononder_titelsCC .cta-paragraph__content {
3421  margin: 0;
3422  padding: 0;
3423  margin-bottom: 2rem;
3424}
3425
3426.ccheader-slider .AdvancedGrid__container {
3427  justify-content: center;
3428  background-size: 100% auto;
3429  background-repeat: no-repeat;
3430}
3431
3432.footer__newsletter-submit {
3433  text-transform: unset;
3434}
3435
3436.btn {
3437  text-transform: unset;
3438}
3439span.scroll-to-top__text {
3440  text-transform: none;
3441}
3442h2.footer__link-header {
3443  text-transform: none;
3444}
3445.vm-breadcrumbs {
3446  font-size: 1rem;
3447  margin: 1.5rem 0;
3448}
3449.tekst_en_sliderCC .AdvancedGrid__column .AdvancedGrid__row {
3450  align-items: center;
3451}
3452.tekst_en_sliderCC .AdvancedGrid__container {
3453  gap: 4rem;
3454}
3455.tekst_en_sliderCC .multicolumn .cta-paragraph__text p {
3456  font-size: 16px;
3457}
3458.cc-top-sellers .products-module__product-name--product {
3459  text-transform: initial;
3460}
3461.foto.schuin-hoek-rechts .cta-paragraph__image {
3462  aspect-ratio: 1/1;
3463}
3464.foto.schuin-hoek-rechts .cta-paragraph__content {
3465  padding-top: 1rem;
3466}
3467.foto.schuin-hoek-rechts .cta-paragraph__image-container {
3468  overflow: unset;
3469}
3470
3471@media screen and (min-width: 992px) {
3472  .foto.schuin-hoek-rechts .cta-paragraph__image {
3473    position: absolute;
3474    width: 85%;
3475    height: auto;
3476    margin: auto;
3477    transform: translate(10px, 10px);
3478  }
3479  .foto.schuin-hoek-rechts img.cta-paragraph__image {
3480    top: -70px;
3481  }
3482}
3483.foto.schuin-hoek-rechts .cta-paragraph__header {
3484  font-size: 22px;
3485  line-height: 1.6rem;
3486  margin-top: 0.5rem;
3487}
3488.vacature_headers .cta-paragraph__subheader {
3489  display: inline-block;
3490  width: fit-content;
3491  float: inline-end;
3492  margin-left: 1.5rem;
3493  font-weight: bold;
3494}
3495
3496.vacature_headers .cta-paragraph__header {
3497  display: inline-block;
3498  width: fit-content;
3499}
3500.nieuwGradientCC_omgekeerd {
3501  background: rgb(255, 255, 255);
3502  background: linear-gradient(
3503    102deg,
3504    rgba(255, 255, 255, 0) 50%,
3505    rgba(255, 255, 255, 1) 50%,
3506    rgba(255, 255, 255, 1) 50%
3507  );
3508}
3509
3510@media only screen and (max-width: 900px) {
3511  .nieuwGradientCC_omgekeerd {
3512    display: none;
3513  }
3514}
3515
3516.nieuwGradientCC_border {
3517  background: rgb(255, 255, 255);
3518  background: linear-gradient(
3519    270deg,
3520    rgba(255, 255, 255, 0) 85%,
3521    rgba(255, 255, 255, 1) 85%,
3522    rgba(255, 255, 255, 1) 85%
3523  );
3524}
3525
3526.nieuwGradientCC {
3527  background: rgb(255, 255, 255);
3528  background: linear-gradient(
3529    104deg,
3530    rgba(255, 255, 255, 1) 0%,
3531    rgba(255, 255, 255, 1) 50%,
3532    rgba(255, 255, 255, 0) 50%
3533  );
3534}
3535
3536@media screen and (min-width: 992px) {
3537  .visual_transparantCC.just-center .AdvancedGrid__container {
3538    justify-content: center;
3539    padding-top: 100px;
3540  }
3541  .visual_transparantCC.just-center
3542    .AdvancedGrid__container
3543    .cta-paragraph__content {
3544    padding-left: 60px;
3545  }
3546  .visual_transparantCC.just-center
3547    .AdvancedGrid__container
3548    .header-wijzijn
3549    .cta-paragraph__container
3550    .cta-paragraph__content {
3551    padding-left: 60px;
3552    padding-right: 0;
3553    padding-top: 0px;
3554    padding-bottom: 60px;
3555  }
3556
3557  .FormSollicitatie_content {
3558    padding-left: 50px;
3559    padding-right: 40px;
3560  }
3561  .rechterkolommetico .AdvancedGrid__row {
3562    padding-bottom: 5rem;
3563  }
3564  .vacatureHeaderCC .cta-paragraph__content-container {
3565    padding-left: 40px;
3566  }
3567  .buttonsonderelkaar .cta-paragraph__btn-navigation {
3568    padding: 0;
3569    flex-direction: column;
3570  }
3571  .buttonsonderelkaar .multicolumn__item:last-child {
3572    width: 200px;
3573  }
3574
3575  .title-vacatures.vacatureDetails .multicolumn__container.container {
3576    padding-left: 1rem;
3577  }
3578  .fullCC .cta-paragraph__content-container.no-image {
3579    max-width: 90%;
3580  }
3581}
3582
3583.onderkast {
3584  text-transform: none !important ;
3585}
3586.icons.onderkast .cta-paragraph__header {
3587  text-transform: none !important ;
3588}
3589.rechterkolommetico .AdvancedGrid__row {
3590  align-items: self-end !important;
3591}
3592
3593.kruimeltje {
3594  justify-content: flex-start !important;
3595}
3596.kruimeltje .navigation-paragraph {
3597  margin-bottom: 0;
3598}
3599.kruimeltje ol.navigation {
3600  list-style-type: none;
3601  padding-left: 2.3rem;
3602  overflow: hidden;
3603}
3604
3605.kruimeltje li.navigation__item {
3606  float: left;
3607  margin-top: 5px;
3608}
3609.kruimeltje .navigation-paragraph {
3610  max-width: 1320px;
3611  margin: auto;
3612  flex-grow: 1;
3613}
3614
3615.kruimeltje .navigation__item a.navigation__link {
3616  color: #929292;
3617  font-style: oblique;
3618}
3619
3620.kruimeltje li.navigation__item a {
3621  display: block;
3622  text-align: center;
3623  padding: 12px 12px;
3624  text-decoration: none;
3625  color: #929292;
3626  font-style: oblique;
3627}
3628.metkruimelpad .cta-paragraph__content {
3629  padding-top: 0px;
3630}
3631
3632.kruimeltje .navigation__item--active .navigation__link,
3633.kruimeltje li.navigation__item a:hover {
3634  border: none;
3635}
3636
3637.vacatureDetails .cta-paragraph__text ol li,
3638.vacatureDetails .cta-paragraph__text ul li {
3639  padding-bottom: 0.3rem;
3640  padding-top: 0;
3641}
3642
3643.custom-carousel h2.cta-paragraph__header {
3644  line-height: 1.2;
3645}
3646
3647.custom-buttons .flickity-button {
3648  background: none;
3649  border-radius: 0;
3650  border: 1px solid #282827;
3651}
3652
3653.custom-buttons-white .flickity-button {
3654  background: none;
3655  border-radius: 0;
3656  border: 1px solid #fff;
3657  color: #fff;
3658}
3659
3660.overflow-shown {
3661  overflow: unset;
3662}
3663
3664.intro-slider .carousel-cell .btn {
3665  color: #4966a0;
3666  background-color: unset;
3667  padding: 0.75rem 0;
3668  min-width: unset;
3669}
3670
3671.intro-slider .carousel-cell .btn i {
3672  position: relative;
3673}
3674
3675.intro-slider .carousel-cell .cta-paragraph__text p {
3676  font-size: 1rem;
3677}
3678
3679.po-block__name {
3680  text-transform: none;
3681}
3682
3683.intro-slider .carousel-cell {
3684  flex-grow: 1 !important;
3685}
3686
3687.intro-slider .carousel-cell .multicolumn__item {
3688  margin-top: 0;
3689  margin-bottom: 0;
3690}
3691
3692@media screen and (min-width: 992px) {
3693  .ccheader-slider .cta-paragraph__image {
3694    margin-left: 30px;
3695  }
3696
3697  .ccheader-slider .ccheader-slider_text .cta-paragraph__content {
3698    align-items: flex-end;
3699    padding: 4rem;
3700    margin-right: 0;
3701  }
3702
3703  .cc-card-slider .multicolumn__item {
3704    width: calc(100% / 3) !important;
3705  }
3706
3707  .lijnendwitteblok .cta-paragraph__content {
3708    padding-left: 0;
3709  }
3710  .visual_transparantCC.just-center
3711    .AdvancedGrid__container
3712    .bg-spacing_icons
3713    .cta-paragraph__content {
3714    padding: 10px;
3715  }
3716}
3717.bg-spacing_icons .cta-paragraph__header {
3718  letter-spacing: 1px;
3719  padding: 0;
3720}
3721
3722@media screen and (max-width: 992px) {
3723  .AdvancedGrid__column {
3724    min-width: unset;
3725    width: 100%;
3726    --Width: 100%;
3727  }
3728}
3729
3730.dealerlocator__dealerlist-item:focus {
3731  background: #4966a0;
3732  color: white;
3733}
3734
3735.AdvancedGrid--1313 .AdvancedGrid__container {
3736  max-width: 1200px;
3737  margin: 0 auto;
3738  gap: 3rem;
3739}
3740
3741.AdvancedGrid--1313 .AdvancedGrid__container .AdvancedGrid__row {
3742  --VerticalAlign: flex-start;
3743  --HorizontalAlign: flex-start;
3744}
3745
3746.pdp-paragraph,
3747.pdp__ProductName {
3748  width: 100%;
3749}
3750
3751.AdvancedGrid--1325 .AdvancedGrid__column--7917 {
3752  flex-grow: 1;
3753  max-width: 1200px;
3754  margin: 0 auto;
3755  margin-top: 5rem;
3756}
3757
3758.advanced-grid-tab .tab-content {
3759  margin-left: 0;
3760  margin-right: 0;
3761  border: 1px solid #ccc;
3762  border-top: 0;
3763}
3764
3765.advanced-grid-tab .tab {
3766  border-radius: 0;
3767}
3768
3769.pdp-sidebar-trigger {
3770  margin-top: 1rem;
3771  margin-bottom: 1rem;
3772}
3773
3774.toggle-of-canvas-menu {
3775  background-color: #a42047;
3776  color: #fff;
3777  font-weight: bold;
3778  padding-right: 1.6rem;
3779  justify-content: center;
3780}
3781
3782.toggle-of-canvas-menu .btn__icon {
3783  display: none !important;
3784}
3785
3786.blue_a_href a:not(.btn) {
3787  display: flex;
3788  align-items: center;
3789  background-color: #4966A0;
3790  padding: 0.5rem 1.5rem;
3791  width: -moz-fit-content;
3792  width: fit-content;
3793  color: white;
3794  text-decoration: none;
3795}
3796
3797.product-specifications__list-item>span {
3798// word-break: unset;
3799}
3800
3801.product-specifications__list-item>span {
3802    overflow-wrap: anywhere;
3803    word-break: break-word;
3804}
3805
3806.product-specifications__category + .product-specifications__category {
3807    margin-top: 0.5rem;
3808}
3809
3810.productimages__wrapper img {
3811max-width: 480px;
3812}
3813
3814@media screen and (min-width: 992px) {
3815    .AdvancedGrid__container--1313 > .AdvancedGrid__column {
3816        max-width: 50%;
3817    }
3818}
3819
3820.maxwidth1200 {
3821max-width: 1200px;
3822width: 100%;
3823}
3824
3825.AdvancedGrid__column:has(.maxwidth1200) {
3826align-items: center;
3827}
3828
3829.maxwidth1200 .cta-paragraph__content-container {
3830max-width: 52rem;
3831}
3832
3833.AdvancedGrid__container--1327 .AdvancedGrid__column--7919 {
3834    --FlexGrow: 1;
3835}
3836
3837.advanced-grid-tab .tab {
3838color: #1c1c1c;
3839font-weight: 400;
3840}
3841
3842.advanced-grid-tab .tab:not(.active):hover {
3843background: #fff;
3844}
3845
3846.pdp-sidebar-trigger,
3847[data-tab-behaviour="specifications"] {
3848    display: none !important;
3849}
3850
3851.shoppingcart-list__stock {
3852    display: none;
3853}
3854
3855.productimages .thumbnails-swiper .swiper-slide img {
3856    max-height: 100px;
3857}
3858
3859/* Vastgoedscan */
3860.vastgoedscan .AdvancedGrid__container{
3861background-size: cover;
3862 background-repeat: no-repeat;
3863}
3864
3865.vastgoedscan .cta-paragraph__content-container {
3866max-width: unset;
3867width: 100%;
3868}
3869
3870.vastgoedscan .cta-paragraph__btn-navigation {
3871justify-content: flex-end;
3872}
3873
3874.vastgoedscan .AdvancedGrid__row:nth-of-type(2) .cta-paragraph__content {
3875padding-bottom: 0;
3876}
3877
3878.vastgoedscan-banner h2 {
3879font-size: 80px;
3880line-height: 78%;
3881text-align: right;
3882}
3883
3884.vastgoedscan-banner .cta-paragraph__content {
3885align-items: flex-end;
3886margin-right: 0;
3887}
3888
3889.vastgoedscan-tekst .AdvancedGrid__column {
3890max-width: 1200px;
3891margin: 0 auto;
3892}
3893
3894.vastgoedscan-tekst .cta-paragraph__content-container {
3895max-width: unset;
3896width: 100%;
3897}
3898
3899.vastgoedscan-usp .cta-paragraph__header,
3900.vastgoedscan-carousel * {
3901color: #fff;
3902}
3903
3904.vastgoedscan-usp .AdvancedGrid__container {
3905padding: 4rem 0;
3906}
3907
3908.vastgoedscan-carousel .AdvancedGrid__container {
3909padding-bottom: 4rem;
3910/* max-width: 1200px; */ 
3911margin: 0 auto;
3912}
3913
3914.vastgoedscan-carousel .AdvancedGrid__column {
3915/* max-width: 1200px; */
3916width: 100%;
3917margin: 0 auto;
3918}
3919
3920.vastgoedscan-carousel .carousel .cta-paragraph__content {
3921background: #fff;
3922}
3923
3924.vastgoedscan-carousel .carousel h2,
3925.vastgoedscan-carousel .carousel .cta-paragraph__text p span {
3926color: #000;
3927}
3928
3929.vastgoedscan-jumbotron {
3930padding-top: 4rem;
3931}
3932
3933.vastgoedscan-usp .cta-paragraph__header {
3934font-weight: 900;
3935font-size: 30px;
3936line-height: 30px;
3937text-align: center;
3938letter-spacing: normal;
3939}
3940
3941.vastgoedscan-banner h2.cta-paragraph__subheader {
3942margin-top: 400px;
3943  font-family: "code-saver", sans-serif;
3944font-size: 24px;
3945line-height: 35px;
3946text-transform: none;
3947}
3948
3949.vastgoedscan-carousel .cta-paragraph__image {
3950aspect-ratio: 1/1;
3951}
3952
3953.vastgoedscan-jumbotron .jumbotron {
3954height: 800px !important;
3955}
3956
3957.vastgoedscan-jumbotron .jumbotron__image {
3958background-image: url('/Files/Images/Contact.jpg');
3959}
3960
3961.vastgoedscan-usp .cta-paragraph__image {
3962max-width: 20px;
3963margin: 0 auto;
3964}
3965
3966.vastgoedscan-usp .cta-paragraph__content-container {
3967align-self: center;
3968}
3969
3970.vastgoedscan-tekst span {
3971  font-family: "code-saver", sans-serif;
3972}
3973
3974.vastgoedscan-carousel {
3975background: #282827;
3976}
3977
3978@media screen and (min-width: 992px) {
3979.vastgoedscan-carousel .multicolumn {
3980/* width: 150%; */
3981overflow: visible; 
3982}
3983}
3984
3985.vastgoedscan-carousel .flickity-slider .multicolumn__item {
3986margin-right: 1rem;
3987}
3988.vastgoedscan_hero .cta-paragraph__text h2  {
3989    color: white;}
3990
3991
3992
3993
3994@media screen and (min-width: 1200px) {
3995.vastgoedscan_hero .cta-paragraph__text h2  {
3996    font-size: 48px;
3997}
3998.vastgoedscan .cta-paragraph__content{
3999padding-top:0px;
4000}
4001
4002.vastgoedscan .vastgoedscan_hero .cta-paragraph__content-container{
4003}
4004.AdvancedGrid__row.vastgoed_nav_bc {
4005    max-height: fit-content;
4006}
4007.vastgoedscan .AdvancedGrid__container{
4008padding-top:170px;}
4009}
4010
4011@media screen and (max-width: 992px) {
4012.vastgoedscan .AdvancedGrid__container {
4013background-position: center;
4014}
4015
4016.vastgoedscan-banner h2 {
4017font-size: clamp(1rem, 80px, 100%);
4018}
4019
4020.jumbotron__carousel-mob, .jumbotron__no-carousel-mob {
4021background-color: unset;
4022}
4023
4024.vastgoed_nav_bc {
4025max-height: max-content;
4026}
4027
4028.vastgoedscan_hero .cta-paragraph__text h2 {
4029font-size: 4rem;
4030}
4031}
4032
4033@media screen and (min-width: 992px) {
4034.vastgoedscan-carousel .flickity-prev-next-button.next {
4035    top: 22px;
4036    left: -50px;
4037right: 0;
4038}
4039
4040.vastgoedscan-carousel .flickity-prev-next-button.previous {
4041    top: 22px;
4042    left: -100px;
4043right: 0;
4044}
4045
4046.vastgoedscan-carousel .flickity-prev-next-button {
4047border-radius: 0;
4048background: transparent;
4049border: 1px solid white;
4050}
4051
4052.vastgoedscan-carousel .flickity-prev-next-button:hover {
4053background: unset;
4054}
4055}
4056
4057.vastgoed_nav_bc {
4058    padding: 100px 0 0 0;
4059}
4060
4061.vastgoedscan-usp .cta-paragraph__header {
4062    font-size: 37px;
4063    line-height: 37px;
4064    letter-spacing: 1px;
4065}
4066
4067.cta-paragraph__content--16540 {
4068padding: 0 0 0 50px;
4069}
4070
4071.vastgoedscan-carousel .AdvancedGrid__row > .cta-paragraph .cta-paragraph__text > p span {
4072color: white !important;
4073}
4074
4075@media screen and (max-width: 992px) {
4076.AdvancedGrid__column {
4077min-width: unset !important;
4078width: 100% !important;
4079}
4080
4081.kruimeltje {
4082background-color: #1b1c1c;
4083}
4084
4085.transparanteheader .AdvancedGrid__container {
4086background-color: #1b1b1b;
4087background-image: unset !important;
4088}
4089
4090.transparanteheader, .transparanteheader .AdvancedGrid__container {
4091min-height: unset !important;
4092}
4093
4094.transparanteheader .cta-paragraph__content {
4095padding: 2rem !important;
4096}
4097}
4098		/* CssManagerObj */ 
4099		
4100	</style>
4101
4102</head>
4103
4104<body class="MasterConfig_BaseSolution">
4105	<style> {
4106
4107}
4108 </style>
4109	<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 4109-4110
4109
4110<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
4110GTM-5RD8BJHM
vendor: 83 bytes, lines 4110-4111
4110"
4111height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
4112<!-- End Google Tag Manager (noscript) -->
4113
4114
4115	
4116
4117
4118
4119
4120
4121
4122
4123<script>
4124
4125	function setImagesSizes(Classname) {
4126		var Images = document.querySelectorAll(Classname);
4127		for (var index = 0; index < Images.length; index++) {
4128			if (!Images[index].hasAttribute("height")) {
4129				Images[index].setAttribute("height", Images[index].offsetHeight);
4130			}
4131			if (!Images[index].hasAttribute("width")) {
4132				Images[index].setAttribute("width", Images[index].offsetWidth);
4133			}
4134		}
4135	}
4136
4137	window.addEventListener('load', function () {
4138		setImagesSizes("img");
4139		setImagesSizes(".mc-header__logo-image");
4140	});
4141
4142</script>
4142
4143
4144
4145	<header>
4146
4147			    <section class='header header--53'>
4148				    <div class='header__container'></div>
4149				    <div class='header__stickyheader-container'></div>
4150			    </section>
4151
4152		    
4153
4154			    <section class='header header--41'>
4155				    <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 ">
4156
4157
4158
4159
4160<ul class="usp__list">
4161	
4162			<li class="usp__item usp__item--92">
4163				<i class="fal fa-check usp__icon"></i>
4164				<span>24-uurs levering</span>
4165			</li>
4166	
4167			<li class="usp__item usp__item--92">
4168				<i class="fal fa-check usp__icon"></i>
4169				<span>Deskundig advies</span>
4170			</li>
4171	
4172	
4173	
4174</ul>
4175
4176<style>
4177	.usp__item--92 {
4178		color: ;
4179	}
4180
4181	.usp__item--92 svg,
4182	.usp__item--92 i{
4183		color: #59AA2F;
4184	}
4185</style>
4186
4187
4188
4189
4190</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2847 "><div class="AdvancedGrid__row AdvancedGrid__row--2342 ">
4191
4192
4193
4194<ul class="addedmenu">
4195        <li class="addedmenu__item">
4196                <a href="/consumenten" class="addedmenu__link ">Consumenten</a>
4197        </li>
4198        <li class="addedmenu__item">
4199                <a href="/trainingen" class="addedmenu__link ">Trainingen</a>
4200        </li>
4201        <li class="addedmenu__item">
4202                <a href="/klantenservice/bestellen" class="addedmenu__link ">Klantenservice</a>
4203        </li>
4204        <li class="addedmenu__item">
4205                <a href="/vacatures" class="addedmenu__link ">Werken bij</a>
4206        </li>
4207        <li class="addedmenu__item">
4208                <a href="/over-ons" class="addedmenu__link ">Over ons</a>
4209        </li>
4210</ul>
4211</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2848 "><div class="AdvancedGrid__row AdvancedGrid__row--2343 ">
4212
4213
4214<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>
4215
4216<a href="https://nl.linkedin.com/company/coloursencoatings" target="_blank" title="LinkedIn" class="footer__social" rel="noreferrer"><i class="fab fa-linkedin"></i></a>
4217</div>
4218</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 ">
4219
4220
4221<nav class="mainmenu mainmenu--144">
4222
4223
4224	<header-menu id="header-menu"
4225		data-enable-quickorder="True"
4226		data-enable-login="True"
4227		data-enable-shopping-cart="False"
4228		data-user-logged-in="False"
4229		data-main-menu-hover="False">
4230
4231		
4232<div class="mainmenu__list-container">
4233    <ul class="mainmenu__list h-full">
4234
4235            <li class="mainmenu__item">
4236                <a href="/home" class="mainmenu__link ">
4237                    <span data-text="Home" class="mainmenu__label">Home</span>
4238                </a>
4239            </li>
4240            <li class="mainmenu__item">
4241                <a href="/assortiment" class="mainmenu__link ">
4242                    <span data-text="Assortiment" class="mainmenu__label">Assortiment</span>
4243                </a>
4244            </li>
4245            <li class="mainmenu__item">
4246                <a href="/support-centers" class="mainmenu__link ">
4247                    <span data-text="Support centers" class="mainmenu__label">Support centers</span>
4248                </a>
4249            </li>
4250            <li class="mainmenu__item">
4251                <a href="/contact" class="mainmenu__link ">
4252                    <span data-text="Contact" class="mainmenu__label">Contact</span>
4253                </a>
4254            </li>
4255            <li class="mainmenu__item">
4256                <a href="/nieuws" class="mainmenu__link ">
4257                    <span data-text="Nieuws" class="mainmenu__label">Nieuws</span>
4258                </a>
4259            </li>
4260            <li class="mainmenu__item">
4261                <a href="/vastgoedscan" class="mainmenu__link ">
4262                    <span data-text="Vastgoedscan" class="mainmenu__label">Vastgoedscan</span>
4263                </a>
4264            </li>
4265
4266    </ul>
4267</div>
4268
4269
4270	</header-menu>
4271
4272</nav>
4273
4274<style>
4275	.mainmenu--144{
4276width: 100%;
4277		box-shadow: none;
4278		height: 100%;
4279		background-color: transparent;
4280
4281	}
4282
4283	.mainmenu--144 .mainmenu__list-container {
4284		height: 100%;
4285	}
4286
4287	.mainmenu--144 .mainmenu__link {
4288		background-color: transparent !important;
4289		text-transform: uppercase;
4290	}
4291
4292	.mainmenu--144 .mainmenu__link .mainmenu__label {
4293		color:  !important;
4294		font-family: code-saver, sans-serif;
4295		font-size: 1rem;
4296		line-height: ;
4297	}
4298
4299	.mainmenu--144 .mainmenu__link:hover {
4300		background-color: transparent !important;
4301	}
4302
4303	.mainmenu--144 .mainmenu__link:hover .mainmenu__label{
4304		color: #F3C300 !important;
4305	}
4306
4307	.mainmenu--144 .mainmenu__link--active{
4308		background-color: transparent !important;
4309	}
4310
4311	.mainmenu--144 .mainmenu__link--active .mainmenu__label{
4312		color: #F3C300 !important;
4313	}
4314
4315	.mc-header__main-menu {
4316		width: auto;
4317	}
4318
4319	@media screen and (min-width: 992px) {
4320
4321		.mainmenu--144 .mainmenu .mainmenu__link {
4322			background-color: transparent !important;
4323			text-transform: uppercase;
4324		}
4325
4326		.mainmenu--144 .mainmenu .mainmenu__link .mainmenu__label {
4327			color:  !important;
4328		}
4329
4330		.mainmenu--144 .mainmenu .mainmenu__link:hover {
4331			background-color: transparent !important;
4332		}
4333
4334		.mainmenu--144 .mainmenu .mainmenu__link:hover .mainmenu__label {
4335			color: #F3C300 !important;
4336		}
4337
4338		.mainmenu--144 .mainmenu .mainmenu__link--active {
4339			background-color: transparent !important;
4340		}
4341
4342		.mainmenu--144 .mainmenu .mainmenu__link--active .mainmenu__label {
4343			color: #F3C300 !important;
4344		}
4345
4346	}
4347
4348	.mainmenu--144 .mainmenu__item:first-child {
4349		display: none;
4350	}
4351
4352	/*** Header ***/
4353	/*** Header Structure ***/
4354	/*** Mainmenu ***/
4355
4356	.mainmenu--144 .mainmenu__label {
4357		font-family: code-saver, sans-serif;
4358		font-size: 1rem;
4359		font-weight: bold;
4360		text-transform: none;
4361	}
4362</style>
4363</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2854 zoekCC"><div class="AdvancedGrid__row AdvancedGrid__row--2349 ">
4364
4365
4366
4367		<figure class="Header__logo Header__logo--140">
4368			<a href="/home" aria-label="Logo">
4369				<img src="/Files/Images/Structure/colorscoatings_logoDiaPos.png" alt="" />
4370			</a>
4371		</figure>
4372		<style>
4373
4374			.Header__logo--140 {
4375				--Top: 10px;
4376				--Left: 50px;
4377				--Width: auto;
4378			}
4379
4380			.Header__logo--140 {
4381				--Height: 100%;
4382				--Width: 150px;
4383			}
4384
4385			.Header__logo--140 img {
4386				--Height: auto;
4387				--Width: 150px;
4388			}
4389
4390		</style>
4391</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2855 favCC"><div class="AdvancedGrid__row AdvancedGrid__row--2350 ">
4392
4393
4394<section class="widget-73 searchbox__container">
4395	<div id="advanced-search" 
4396		data-show-prices="false" 
4397		data-show-zero-prices="false" 
4398		data-show-add-to-cart="false" 
4399		data-show-add-to-cart-zero-prices="false" 
4400		data-show-add-to-cart-out-of-stock="true"
4401		data-show-product-number="True"
4402		data-show-product-manufacturer="True"
4403	></div>
4404</section>
4405
4406<style>
4407
4408	.widget-73 {
4409--ShowProduct : flex;
4410--ShowPages : flex;
4411--ShowPrices : none;
4412--SearchBoxFullheight : 40px;
4413--MaxWidth : 326px;
4414}
4415.widget-73 .searchbox__input {
4416--Color: #FFFFFF;
4417--FontStyle: none;
4418--Position: relative;
4419
4420}
4421.widget-73 .icon__search {
4422--Color: #FFFFFF;
4423--FontStyle: none;
4424--Position: relative;
4425
4426}
4427.widget-73 .search-results__column-title {
4428--Color: #FFFFFF;
4429--FontStyle: none;
4430--FontWeight: normal;
4431--FontFamily: code-saver, sans-serif;
4432--Position: relative;
4433
4434}
4435.widget-73 .search-results {
4436--Color: #FFFFFF;
4437--FontStyle: none;
4438--Position: relative;
4439
4440--Left : unset;
4441--Right : 0;
4442--Transform : none;
4443}
4444
4445
4446	.widget-73 {
4447		--ShowAddToCart:	none;
4448	}
4449
4450</style>
4451</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 ">
4452
4453
4454
4455<div class="usermenu widget-container-70">
4456	<a href="/login?Redirect=%2FDefault.aspx%3FID%3D8432" class="widget-70 " aria-label="Login">
4457		<i class="fal fa-user"></i>
4458	</a>
4459</div>
4460
4461<style>
4462	.widget-70 {
4463		display: flex;
4464		height: 100%;
4465		color: white;
4466		flex-direction: column;
4467		justify-content: center;
4468		align-items: center;
4469	}
4470</style>
4471</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2858 "><div class="AdvancedGrid__row AdvancedGrid__row--2353 ">
4472
4473
4474</div></section></article></section></div>
4475				    <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 ">
4476
4477
4478
4479
4480<ul class="usp__list">
4481	
4482			<li class="usp__item usp__item--90">
4483				<i class="fal fa-check usp__icon"></i>
4484				<span>24-uurs levering</span>
4485			</li>
4486	
4487			<li class="usp__item usp__item--90">
4488				<i class="fal fa-check usp__icon"></i>
4489				<span>Deskundig advies</span>
4490			</li>
4491	
4492	
4493	
4494</ul>
4495
4496<style>
4497	.usp__item--90 {
4498		color: ;
4499	}
4500
4501	.usp__item--90 svg,
4502	.usp__item--90 i{
4503		color: #59AA2F;
4504	}
4505</style>
4506
4507
4508
4509
4510</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2840 "><div class="AdvancedGrid__row AdvancedGrid__row--2335 ">
4511
4512
4513
4514<ul class="addedmenu">
4515        <li class="addedmenu__item">
4516                <a href="/consumenten" class="addedmenu__link ">Consumenten</a>
4517        </li>
4518        <li class="addedmenu__item">
4519                <a href="/trainingen" class="addedmenu__link ">Trainingen</a>
4520        </li>
4521        <li class="addedmenu__item">
4522                <a href="/klantenservice/bestellen" class="addedmenu__link ">Klantenservice</a>
4523        </li>
4524        <li class="addedmenu__item">
4525                <a href="/vacatures" class="addedmenu__link ">Werken bij</a>
4526        </li>
4527        <li class="addedmenu__item">
4528                <a href="/over-ons" class="addedmenu__link ">Over ons</a>
4529        </li>
4530</ul>
4531</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2841 "><div class="AdvancedGrid__row AdvancedGrid__row--2336 ">
4532
4533
4534<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>
4535
4536<a href="https://nl.linkedin.com/company/coloursencoatings" target="_blank" title="LinkedIn" class="footer__social" rel="noreferrer"><i class="fab fa-linkedin"></i></a>
4537</div>
4538</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 ">
4539
4540
4541<nav class="mainmenu mainmenu--142">
4542
4543
4544	<header-menu id="header-menu"
4545		data-enable-quickorder="True"
4546		data-enable-login="True"
4547		data-enable-shopping-cart="False"
4548		data-user-logged-in="False"
4549		data-main-menu-hover="False">
4550
4551		
4552<div class="mainmenu__list-container">
4553    <ul class="mainmenu__list h-full">
4554
4555            <li class="mainmenu__item">
4556                <a href="/home" class="mainmenu__link ">
4557                    <span data-text="Home" class="mainmenu__label">Home</span>
4558                </a>
4559            </li>
4560            <li class="mainmenu__item">
4561                <a href="/assortiment" class="mainmenu__link ">
4562                    <span data-text="Assortiment" class="mainmenu__label">Assortiment</span>
4563                </a>
4564            </li>
4565            <li class="mainmenu__item">
4566                <a href="/support-centers" class="mainmenu__link ">
4567                    <span data-text="Support centers" class="mainmenu__label">Support centers</span>
4568                </a>
4569            </li>
4570            <li class="mainmenu__item">
4571                <a href="/contact" class="mainmenu__link ">
4572                    <span data-text="Contact" class="mainmenu__label">Contact</span>
4573                </a>
4574            </li>
4575            <li class="mainmenu__item">
4576                <a href="/nieuws" class="mainmenu__link ">
4577                    <span data-text="Nieuws" class="mainmenu__label">Nieuws</span>
4578                </a>
4579            </li>
4580            <li class="mainmenu__item">
4581                <a href="/vastgoedscan" class="mainmenu__link ">
4582                    <span data-text="Vastgoedscan" class="mainmenu__label">Vastgoedscan</span>
4583                </a>
4584            </li>
4585
4586    </ul>
4587</div>
4588
4589
4590	</header-menu>
4591
4592</nav>
4593
4594<style>
4595	.mainmenu--142{
4596width: 100%;
4597		box-shadow: none;
4598		height: 100%;
4599		background-color: transparent;
4600
4601	}
4602
4603	.mainmenu--142 .mainmenu__list-container {
4604		height: 100%;
4605	}
4606
4607	.mainmenu--142 .mainmenu__link {
4608		background-color: transparent !important;
4609		text-transform: uppercase;
4610	}
4611
4612	.mainmenu--142 .mainmenu__link .mainmenu__label {
4613		color:  !important;
4614		font-family: code-saver, sans-serif;
4615		font-size: 1rem;
4616		line-height: ;
4617	}
4618
4619	.mainmenu--142 .mainmenu__link:hover {
4620		background-color: transparent !important;
4621	}
4622
4623	.mainmenu--142 .mainmenu__link:hover .mainmenu__label{
4624		color: #F3C300 !important;
4625	}
4626
4627	.mainmenu--142 .mainmenu__link--active{
4628		background-color: transparent !important;
4629	}
4630
4631	.mainmenu--142 .mainmenu__link--active .mainmenu__label{
4632		color: #F3C300 !important;
4633	}
4634
4635	.mc-header__main-menu {
4636		width: auto;
4637	}
4638
4639	@media screen and (min-width: 992px) {
4640
4641		.mainmenu--142 .mainmenu .mainmenu__link {
4642			background-color: transparent !important;
4643			text-transform: uppercase;
4644		}
4645
4646		.mainmenu--142 .mainmenu .mainmenu__link .mainmenu__label {
4647			color:  !important;
4648		}
4649
4650		.mainmenu--142 .mainmenu .mainmenu__link:hover {
4651			background-color: transparent !important;
4652		}
4653
4654		.mainmenu--142 .mainmenu .mainmenu__link:hover .mainmenu__label {
4655			color: #F3C300 !important;
4656		}
4657
4658		.mainmenu--142 .mainmenu .mainmenu__link--active {
4659			background-color: transparent !important;
4660		}
4661
4662		.mainmenu--142 .mainmenu .mainmenu__link--active .mainmenu__label {
4663			color: #F3C300 !important;
4664		}
4665
4666	}
4667
4668	.mainmenu--142 .mainmenu__item:first-child {
4669		display: none;
4670	}
4671
4672	/*** Header ***/
4673	/*** Header Structure ***/
4674	/*** Mainmenu ***/
4675
4676	.mainmenu--142 .mainmenu__label {
4677		font-family: code-saver, sans-serif;
4678		font-size: 1rem;
4679		font-weight: bold;
4680		text-transform: none;
4681	}
4682</style>
4683</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2813 zoekCC"><div class="AdvancedGrid__row AdvancedGrid__row--2308 ">
4684
4685
4686
4687		<figure class="Header__logo Header__logo--138">
4688			<a href="/home" aria-label="Logo">
4689				<img src="/Files/Images/Structure/colorscoatings_logoDiaPos.png" alt="" />
4690			</a>
4691		</figure>
4692		<style>
4693
4694			.Header__logo--138 {
4695				--Top: 10px;
4696				--Left: 50px;
4697				--Width: auto;
4698			}
4699
4700			.Header__logo--138 {
4701				--Height: 100%;
4702				--Width: 150px;
4703			}
4704
4705			.Header__logo--138 img {
4706				--Height: auto;
4707				--Width: 150px;
4708			}
4709
4710		</style>
4711</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2814 favCC"><div class="AdvancedGrid__row AdvancedGrid__row--2309 ">
4712
4713
4714<section class="widget-71 searchbox__container">
4715	<div id="advanced-search" 
4716		data-show-prices="false" 
4717		data-show-zero-prices="false" 
4718		data-show-add-to-cart="false" 
4719		data-show-add-to-cart-zero-prices="false" 
4720		data-show-add-to-cart-out-of-stock="true"
4721		data-show-product-number="True"
4722		data-show-product-manufacturer="True"
4723	></div>
4724</section>
4725
4726<style>
4727
4728	.widget-71 {
4729--ShowProduct : flex;
4730--ShowPages : flex;
4731--ShowPrices : none;
4732--SearchBoxFullheight : 40px;
4733--MaxWidth : 326px;
4734}
4735.widget-71 .searchbox__input {
4736--Color: #FFFFFF;
4737--FontStyle: none;
4738--Position: relative;
4739
4740}
4741.widget-71 .icon__search {
4742--Color: #FFFFFF;
4743--FontStyle: none;
4744--Position: relative;
4745
4746}
4747.widget-71 .search-results__column-title {
4748--Color: #FFFFFF;
4749--FontStyle: none;
4750--FontWeight: normal;
4751--FontFamily: code-saver, sans-serif;
4752--Position: relative;
4753
4754}
4755.widget-71 .search-results {
4756--Color: #FFFFFF;
4757--FontStyle: none;
4758--Position: relative;
4759
4760--Left : unset;
4761--Right : 0;
4762--Transform : none;
4763}
4764
4765
4766	.widget-71 {
4767		--ShowAddToCart:	none;
4768	}
4769
4770</style>
4771</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 ">
4772
4773
4774
4775<div class="usermenu widget-container-68">
4776	<a href="/login?Redirect=%2FDefault.aspx%3FID%3D8432" class="widget-68 " aria-label="Login">
4777		<i class="fal fa-user"></i>
4778	</a>
4779</div>
4780
4781<style>
4782	.widget-68 {
4783		display: flex;
4784		height: 100%;
4785		color: white;
4786		flex-direction: column;
4787		justify-content: center;
4788		align-items: center;
4789	}
4790</style>
4791</div></section><section class="AdvancedGrid__column AdvancedGrid__column--2817 "><div class="AdvancedGrid__row AdvancedGrid__row--2312 ">
4792
4793
4794</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 ">
4795
4796
4797<div></div>
4798</div></section></article></section></div>
4799			    </section>
4800
4801		    </header>
4802	<!-- DO NOT REMOVE -->
4803	<div id="quick-order"></div>
4804	<div id="backdrop-megamenu"></div>
4805	<mega-menu id="mega-menu"></mega-menu>
4806	<!-- DO NOT REMOVE -->
4807
4808
4809<style>
4810			    
4811
4812		        @media screen   and (max-width: 995px){
4813			        .header--53 {
4814
4815				        /*--HeaderHeaderContainerSize: @*@HeaderContainerSize*@;*/
4816				        
4817                        /*--- Position ---*/
4818                        --HeaderPosition: absolute;
4819
4820				        --HeaderContainerDisplay: block !important;
4821                        --HeaderStickyheaderContainerDisplay: none;
4822				        --StickyHeaderContainerDisplay: none;
4823			        }
4824		        }
4825
4826	        
4827			    
4828			    
4829		    
4830			    
4831
4832		        @media screen  and (min-width: 992px) {
4833			        .header--41 {
4834
4835				        /*--HeaderHeaderContainerSize: @*@HeaderContainerSize*@;*/
4836				        
4837                        /*--- Position ---*/
4838                        --HeaderPosition: absolute;
4839
4840				        --HeaderContainerDisplay: block !important;
4841                        --HeaderStickyheaderContainerDisplay: none;
4842				        --StickyHeaderContainerDisplay: none;
4843			        }
4844		        }
4845
4846	        
4847			    
4848			    
4849                .AdvancedGrid--255{
4850
4851				    --Height: 40px;
4852				    --BackgroundColor: #363636;
4853
4854			    }
4855
4856                
4857				
4858				.AdvancedGrid__column--2846{
4859
4860                    min-width: auto;
4861--BackgroundColor: transparent;
4862--FlexGrow: 1;
4863--FlexBasis: 0;
4864--FlexSchrink: 1;
4865--Padding: ;
4866
4867
4868				}
4869
4870                
4871                .AdvancedGrid__row--2341{
4872				    max-height:40px;
4873				    --BackgroundColor: transparent;
4874			    }
4875            
4876
4877			
4878				
4879				.AdvancedGrid__column--2847{
4880
4881                    max-width: 522px;
4882--BackgroundColor: transparent;
4883--FlexGrow: 1;
4884--FlexBasis: 0;
4885--FlexSchrink: 0;
4886--Padding: ;
4887
4888
4889				}
4890
4891                
4892                .AdvancedGrid__row--2342{
4893				    max-height:40px;
4894				    --BackgroundColor: transparent;
4895			    }
4896            
4897
4898			
4899				
4900				.AdvancedGrid__column--2848{
4901
4902                    max-width: 120px;
4903--BackgroundColor: transparent;
4904--FlexGrow: 1;
4905--FlexBasis: 0;
4906--FlexSchrink: 1;
4907--Padding: ;
4908
4909
4910				}
4911
4912                
4913                .AdvancedGrid__row--2343{
4914				    max-height:40px;
4915				    --BackgroundColor: transparent;
4916			    }
4917            
4918
4919			
4920            
4921			    
4922                .AdvancedGrid--257{
4923
4924				    --Height: 60px;
4925				    --BackgroundColor: transparent;
4926
4927			    }
4928
4929                
4930				
4931				.AdvancedGrid__column--5119{
4932
4933                    max-width: auto;
4934--BackgroundColor: transparent;
4935--FlexGrow: 0;
4936--FlexBasis: 0;
4937--FlexSchrink: 0;
4938--Padding: ;
4939
4940
4941				}
4942
4943                
4944                .AdvancedGrid__row--5389{
4945				    min-height:60px;
4946				    --BackgroundColor: transparent;
4947			    }
4948            
4949
4950			
4951				
4952				.AdvancedGrid__column--2853{
4953
4954                    max-width: 480px;
4955--BackgroundColor: transparent;
4956--FlexGrow: 1;
4957--FlexBasis: 0;
4958--FlexSchrink: 1;
4959--Padding: ;
4960
4961
4962				}
4963
4964                
4965                .AdvancedGrid__row--2348{
4966				    min-height:70px;
4967				    --BackgroundColor: transparent;
4968			    }
4969            
4970
4971			
4972				
4973				.AdvancedGrid__column--2854{
4974
4975                    max-width: 300px;
4976--BackgroundColor: transparent;
4977--FlexGrow: 1;
4978--FlexBasis: 0;
4979--FlexSchrink: 1;
4980--Padding: ;
4981
4982
4983				}
4984
4985                
4986                .AdvancedGrid__row--2349{
4987				    max-height:60px;
4988				    --BackgroundColor: transparent;
4989			    }
4990            
4991
4992			
4993				
4994				.AdvancedGrid__column--2855{
4995
4996                    max-width: 250px;
4997--BackgroundColor: transparent;
4998--FlexGrow: 1;
4999--FlexBasis: 0;
5000--FlexSchrink: 1;
5001--Padding: ;
5002
5003
5004				}
5005
5006                
5007                .AdvancedGrid__row--2350{
5008				    min-height:60px;
5009				    --BackgroundColor: transparent;
5010			    }
5011            
5012
5013			
5014				
5015				.AdvancedGrid__column--2856{
5016
5017                    max-width: 60px;
5018--BackgroundColor: transparent;
5019--FlexGrow: 1;
5020--FlexBasis: 0;
5021--FlexSchrink: 1;
5022--Padding: ;
5023
5024
5025				}
5026
5027                
5028                .AdvancedGrid__row--2351{
5029				    min-height:60px;
5030				    --BackgroundColor: transparent;
5031			    }
5032            
5033
5034			
5035				
5036				.AdvancedGrid__column--2857{
5037
5038                    max-width: 60px;
5039--BackgroundColor: transparent;
5040--FlexGrow: 1;
5041--FlexBasis: 0;
5042--FlexSchrink: 1;
5043--Padding: ;
5044
5045
5046				}
5047
5048                
5049                .AdvancedGrid__row--2352{
5050				    min-height:60px;
5051				    --BackgroundColor: transparent;
5052			    }
5053            
5054
5055			
5056				
5057				.AdvancedGrid__column--2858{
5058
5059                    max-width: 60px;
5060--BackgroundColor: transparent;
5061--FlexGrow: 1;
5062--FlexBasis: 0;
5063--FlexSchrink: 1;
5064--Padding: ;
5065
5066
5067				}
5068
5069                
5070                .AdvancedGrid__row--2353{
5071				    min-height:60px;
5072				    --BackgroundColor: transparent;
5073			    }
5074            
5075
5076			
5077            
5078			    
5079			    
5080                .AdvancedGrid--253{
5081
5082				    --Height: 40px;
5083				    --BackgroundColor: #363636;
5084
5085			    }
5086
5087                
5088				
5089				.AdvancedGrid__column--2839{
5090
5091                    min-width: auto;
5092--BackgroundColor: transparent;
5093--FlexGrow: 1;
5094--FlexBasis: 0;
5095--FlexSchrink: 1;
5096--Padding: ;
5097
5098
5099				}
5100
5101                
5102                .AdvancedGrid__row--2334{
5103				    max-height:40px;
5104				    --BackgroundColor: transparent;
5105			    }
5106            
5107
5108			
5109				
5110				.AdvancedGrid__column--2840{
5111
5112                    max-width: 522px;
5113--BackgroundColor: transparent;
5114--FlexGrow: 1;
5115--FlexBasis: 0;
5116--FlexSchrink: 0;
5117--Padding: ;
5118
5119
5120				}
5121
5122                
5123                .AdvancedGrid__row--2335{
5124				    max-height:40px;
5125				    --BackgroundColor: transparent;
5126			    }
5127            
5128
5129			
5130				
5131				.AdvancedGrid__column--2841{
5132
5133                    max-width: 120px;
5134--BackgroundColor: transparent;
5135--FlexGrow: 1;
5136--FlexBasis: 0;
5137--FlexSchrink: 1;
5138--Padding: ;
5139
5140
5141				}
5142
5143                
5144                .AdvancedGrid__row--2336{
5145				    max-height:40px;
5146				    --BackgroundColor: transparent;
5147			    }
5148            
5149
5150			
5151            
5152			    
5153                .AdvancedGrid--249{
5154
5155				    --Height: 60px;
5156				    --BackgroundColor: #1C1C1C;
5157
5158			    }
5159
5160                
5161				
5162				.AdvancedGrid__column--5134{
5163
5164                    max-width: auto;
5165--BackgroundColor: transparent;
5166--FlexGrow: 0;
5167--FlexBasis: 0;
5168--FlexSchrink: 0;
5169--Padding: ;
5170
5171
5172				}
5173
5174                
5175                .AdvancedGrid__row--5404{
5176				    min-height:60px;
5177				    --BackgroundColor: transparent;
5178			    }
5179            
5180
5181			
5182				
5183				.AdvancedGrid__column--2812{
5184
5185                    max-width: 480px;
5186--BackgroundColor: transparent;
5187--FlexGrow: 1;
5188--FlexBasis: 0;
5189--FlexSchrink: 1;
5190--Padding: ;
5191
5192
5193				}
5194
5195                
5196                .AdvancedGrid__row--2307{
5197				    min-height:70px;
5198				    --BackgroundColor: transparent;
5199			    }
5200            
5201
5202			
5203				
5204				.AdvancedGrid__column--2813{
5205
5206                    max-width: 300px;
5207--BackgroundColor: transparent;
5208--FlexGrow: 1;
5209--FlexBasis: 0;
5210--FlexSchrink: 1;
5211--Padding: ;
5212
5213
5214				}
5215
5216                
5217                .AdvancedGrid__row--2308{
5218				    max-height:60px;
5219				    --BackgroundColor: transparent;
5220			    }
5221            
5222
5223			
5224				
5225				.AdvancedGrid__column--2814{
5226
5227                    max-width: 250px;
5228--BackgroundColor: transparent;
5229--FlexGrow: 1;
5230--FlexBasis: 0;
5231--FlexSchrink: 1;
5232--Padding: ;
5233
5234
5235				}
5236
5237                
5238                .AdvancedGrid__row--2309{
5239				    min-height:60px;
5240				    --BackgroundColor: transparent;
5241			    }
5242            
5243
5244			
5245				
5246				.AdvancedGrid__column--2815{
5247
5248                    max-width: 60px;
5249--BackgroundColor: transparent;
5250--FlexGrow: 1;
5251--FlexBasis: 0;
5252--FlexSchrink: 1;
5253--Padding: ;
5254
5255
5256				}
5257
5258                
5259                .AdvancedGrid__row--2310{
5260				    min-height:60px;
5261				    --BackgroundColor: transparent;
5262			    }
5263            
5264
5265			
5266				
5267				.AdvancedGrid__column--2816{
5268
5269                    max-width: 60px;
5270--BackgroundColor: #1C1C1C;
5271--FlexGrow: 1;
5272--FlexBasis: 0;
5273--FlexSchrink: 1;
5274--Padding: ;
5275
5276
5277				}
5278
5279                
5280                .AdvancedGrid__row--2311{
5281				    min-height:60px;
5282				    --BackgroundColor: transparent;
5283			    }
5284            
5285
5286			
5287				
5288				.AdvancedGrid__column--2817{
5289
5290                    max-width: 60px;
5291--BackgroundColor: transparent;
5292--FlexGrow: 1;
5293--FlexBasis: 0;
5294--FlexSchrink: 1;
5295--Padding: ;
5296
5297
5298				}
5299
5300                
5301                .AdvancedGrid__row--2312{
5302				    min-height:60px;
5303				    --BackgroundColor: transparent;
5304			    }
5305            
5306
5307			
5308            
5309			    
5310                .AdvancedGrid--251{
5311
5312				    --Height: 60px;
5313				    --BackgroundColor: transparent;
5314
5315			    }
5316
5317                
5318				
5319				.AdvancedGrid__column--2827{
5320
5321                    min-width: auto;
5322--BackgroundColor: transparent;
5323--FlexGrow: 1;
5324--FlexBasis: 0;
5325--FlexSchrink: 0;
5326--Padding: ;
5327
5328
5329				}
5330
5331                
5332                .AdvancedGrid__row--2322{
5333				    min-height:60px;
5334				    --BackgroundColor: transparent;
5335			    }
5336            
5337
5338			
5339            
5340		    
5341			    
5342
5343		        @media screen   and (max-width: 995px){
5344			        .footer--7 {
5345
5346				        /*--FooterHeaderContainerSize: @*@HeaderContainerSize*@;*/
5347				        
5348                        /*--- Position ---*/
5349                        --FooterPosition: absolute;
5350
5351				        --FooterContainerDisplay: block !important;
5352                        --FooterStickyheaderContainerDisplay: none;
5353				        --StickyFooterContainerDisplay: none;
5354			        }
5355		        }
5356
5357	        
5358			    
5359			    
5360                .AdvancedGrid--843{
5361
5362				    --Height: 20px;
5363				    --BackgroundColor: transparent;
5364
5365			    }
5366
5367                
5368				
5369				.AdvancedGrid__column--5853{
5370
5371                    min-width: auto;
5372--BackgroundColor: transparent;
5373--FlexGrow: 1;
5374--FlexBasis: 0;
5375--FlexSchrink: 1;
5376--Padding: ;
5377
5378
5379				}
5380
5381                
5382                .AdvancedGrid__row--6279{
5383				    auto;
5384				    --BackgroundColor: transparent;
5385			    }
5386            
5387
5388			
5389            
5390			    
5391                .AdvancedGrid--845{
5392
5393				    --Height: auto;
5394				    --BackgroundColor: transparent;
5395
5396			    }
5397
5398                
5399				
5400				.AdvancedGrid__column--6347{
5401
5402                    min-width: auto;
5403--BackgroundColor: transparent;
5404--FlexGrow: 1;
5405--FlexBasis: 0;
5406--FlexSchrink: 1;
5407--Padding: ;
5408
5409
5410				}
5411
5412                
5413                .AdvancedGrid__row--6958{
5414				    min-height:60px;
5415				    --BackgroundColor: transparent;
5416			    }
5417            
5418                .AdvancedGrid__row--6961{
5419				    min-height:60px;
5420				    --BackgroundColor: transparent;
5421			    }
5422            
5423
5424			
5425            
5426			    
5427                .AdvancedGrid--921{
5428
5429				    --Height: 60px;
5430				    --BackgroundColor: transparent;
5431
5432			    }
5433
5434                
5435				
5436				.AdvancedGrid__column--6324{
5437
5438                    min-width: auto;
5439--BackgroundColor: transparent;
5440--FlexGrow: 1;
5441--FlexBasis: 0;
5442--FlexSchrink: 1;
5443--Padding: ;
5444
5445
5446				}
5447
5448                
5449                .AdvancedGrid__row--6920{
5450				    min-height:60px;
5451				    --BackgroundColor: transparent;
5452			    }
5453            
5454
5455			
5456            
5457			    
5458                .AdvancedGrid--925{
5459
5460				    --Height: auto;
5461				    --BackgroundColor: transparent;
5462
5463			    }
5464
5465                
5466				
5467				.AdvancedGrid__column--6351{
5468
5469                    min-width: auto;
5470--BackgroundColor: transparent;
5471--FlexGrow: 1;
5472--FlexBasis: 0;
5473--FlexSchrink: 1;
5474--Padding: ;
5475
5476
5477				}
5478
5479                
5480                .AdvancedGrid__row--6964{
5481				    min-height:60px;
5482				    --BackgroundColor: transparent;
5483			    }
5484            
5485                .AdvancedGrid__row--6969{
5486				    min-height:60px;
5487				    --BackgroundColor: transparent;
5488			    }
5489            
5490                .AdvancedGrid__row--6970{
5491				    min-height:60px;
5492				    --BackgroundColor: transparent;
5493			    }
5494            
5495                .AdvancedGrid__row--6974{
5496				    min-height:60px;
5497				    --BackgroundColor: transparent;
5498			    }
5499            
5500
5501			
5502            
5503			    
5504		    
5505			    
5506
5507		        @media screen  and (min-width: 992px) {
5508			        .footer--3 {
5509
5510				        /*--FooterHeaderContainerSize: @*@HeaderContainerSize*@;*/
5511				        
5512                        /*--- Position ---*/
5513                        --FooterPosition: absolute;
5514
5515				        --FooterContainerDisplay: block !important;
5516                        --FooterStickyheaderContainerDisplay: none;
5517				        --StickyFooterContainerDisplay: none;
5518			        }
5519		        }
5520
5521	        
5522			    
5523			    
5524                .AdvancedGrid--215{
5525
5526				    --Height: 150px;
5527				    --BackgroundColor: transparent;
5528
5529			    }
5530
5531                
5532				
5533				.AdvancedGrid__column--1914{
5534
5535                    min-width: auto;
5536--BackgroundColor: transparent;
5537--FlexGrow: 1;
5538--FlexBasis: 0;
5539--FlexSchrink: 1;
5540--Padding: ;
5541
5542
5543				}
5544
5545                
5546                .AdvancedGrid__row--1403{
5547				    auto;
5548				    --BackgroundColor: transparent;
5549			    }
5550            
5551
5552			
5553            
5554			    
5555                .AdvancedGrid--209{
5556
5557				    --Height: auto;
5558				    --BackgroundColor: transparent;
5559
5560			    }
5561
5562                
5563				
5564				.AdvancedGrid__column--1804{
5565
5566                    min-width: auto;
5567--BackgroundColor: transparent;
5568--FlexGrow: 1;
5569--FlexBasis: 0;
5570--FlexSchrink: 1;
5571--Padding: ;
5572
5573
5574				}
5575
5576                
5577                .AdvancedGrid__row--1290{
5578				    min-height:60px;
5579				    --BackgroundColor: transparent;
5580			    }
5581            
5582
5583			
5584				
5585				.AdvancedGrid__column--1805{
5586
5587                    min-width: auto;
5588--BackgroundColor: transparent;
5589--FlexGrow: 1;
5590--FlexBasis: 0;
5591--FlexSchrink: 1;
5592--Padding: ;
5593
5594
5595				}
5596
5597                
5598                .AdvancedGrid__row--1291{
5599				    min-height:60px;
5600				    --BackgroundColor: transparent;
5601			    }
5602            
5603                .AdvancedGrid__row--1409{
5604				    min-height:60px;
5605				    --BackgroundColor: transparent;
5606			    }
5607            
5608
5609			
5610				
5611				.AdvancedGrid__column--1806{
5612
5613                    min-width: 60px;
5614--BackgroundColor: transparent;
5615--FlexGrow: 1;
5616--FlexBasis: 0;
5617--FlexSchrink: 1;
5618--Padding: ;
5619
5620
5621				}
5622
5623                
5624                .AdvancedGrid__row--1292{
5625				    min-height:60px;
5626				    --BackgroundColor: transparent;
5627			    }
5628            
5629
5630			
5631				
5632				.AdvancedGrid__column--1842{
5633
5634                    min-width: 60px;
5635--BackgroundColor: transparent;
5636--FlexGrow: 1;
5637--FlexBasis: 0;
5638--FlexSchrink: 1;
5639--Padding: ;
5640
5641
5642				}
5643
5644                
5645                .AdvancedGrid__row--1328{
5646				    min-height:60px;
5647				    --BackgroundColor: transparent;
5648			    }
5649            
5650                .AdvancedGrid__row--5336{
5651				    min-height:60px;
5652				    --BackgroundColor: transparent;
5653			    }
5654            
5655
5656			
5657            
5658			    
5659                .AdvancedGrid--213{
5660
5661				    --Height: auto;
5662				    --BackgroundColor: transparent;
5663
5664			    }
5665
5666                
5667				
5668				.AdvancedGrid__column--1825{
5669
5670                    max-width: 200px;
5671--BackgroundColor: transparent;
5672--FlexGrow: 1;
5673--FlexBasis: 0;
5674--FlexSchrink: 1;
5675--Padding: ;
5676
5677
5678				}
5679
5680                
5681                .AdvancedGrid__row--1311{
5682				    max-height:40px;
5683				    --BackgroundColor: transparent;
5684			    }
5685            
5686
5687			
5688				
5689				.AdvancedGrid__column--1827{
5690
5691                    min-width: auto;
5692--BackgroundColor: transparent;
5693--FlexGrow: 1;
5694--FlexBasis: 0;
5695--FlexSchrink: 1;
5696--Padding: ;
5697
5698
5699				}
5700
5701                
5702                .AdvancedGrid__row--1313{
5703				    max-height:35px;
5704				    --BackgroundColor: transparent;
5705			    }
5706            
5707
5708			
5709				
5710				.AdvancedGrid__column--1828{
5711
5712                    min-width: auto;
5713--BackgroundColor: transparent;
5714--FlexGrow: 1;
5715--FlexBasis: 0;
5716--FlexSchrink: 1;
5717--Padding: ;
5718
5719
5720				}
5721
5722                
5723                .AdvancedGrid__row--1314{
5724				    max-height:35px;
5725				    --BackgroundColor: transparent;
5726			    }
5727            
5728
5729			
5730            
5731			    
5732		    </style>
5733
5734<style>
5735
5736
5737	.visual-editor__navigation {
5738		position: absolute;
5739		top: 10px;
5740		left: 10px;
5741		display: flex;
5742		flex-direction: row;
5743		z-index: 100000000;
5744	}
5745
5746	.visual-editor__button {
5747		height: 50px;
5748		min-width: 150px;
5749		right: auto;
5750		left: auto;
5751		background-color: white;
5752		box-shadow: -10px 10px 10px rgb(28 28 84 / 25%);
5753		display: flex;
5754		justify-content: center;
5755		align-items: center;
5756		padding: 25px;
5757		margin-right: 25px;
5758	}
5759
5760	.visual-editor__button-icon {
5761		margin-right: 25px;
5762	}
5763
5764	.header {
5765		--HeaderContainerDisplay: none;
5766	}
5767
5768	.header__container {
5769		padding: 0;
5770	}
5771
5772	.header__container, .header__stickyheader-container {
5773		max-width: none;
5774	}
5775
5776	.header .AdvancedGrid__container {
5777		max-width: 1200px;
5778		margin: 0 auto;
5779	}
5780
5781	.header .AdvancedGrid__column {
5782		background-color: var(--BackgroundColor);
5783		flex-grow: var(--FlexGrow);
5784	}
5785
5786	.AdvancedGrid__row {
5787		align-items: center;
5788	}
5789</style>
5790
5791
5792
5793
5794
5795	<main>
5796
5797		
5798
5799
5800
5801
5802
5803
5804
5805
5806
5807  <section class="AdvancedGrid AdvancedGrid--1221 transparanteheader locatiesbg" style="--Height: 550px;">
5808
5809          <article class='AdvancedGrid__container AdvancedGrid__container--1221'>
5810<section class='AdvancedGrid__column AdvancedGrid__column--7615 ' style='padding: var(--Padding);'>
5811<div class='AdvancedGrid__row AdvancedGrid__row--8939 kruimeltje'>
5812
5813
5814<div class="navigation-paragraph navigation-paragraph--opened">
5815    
5816
5817<nav>
5818    <ol class="navigation">
5819            <li class="navigation__item ">
5820                <a href="/home" class="navigation__link">Home</a>
5821            </li>
5822            <li class="navigation__item ">
5823                <a href="/consumenten" class="navigation__link">Consumenten</a>
5824            </li>
5825    </ol>
5826</nav>
5827</div>
5828</div>
5829<div class='AdvancedGrid__row AdvancedGrid__row--8940 '>
5830
5831
5832
5833
5834
5835
5836
5837
5838
5839
5840
5841
5842
5843
5844
5845
5846
5847
5848
5849
5850
5851
5852<style>
5853		.config--183{
5854}
5855.config--183  .cta-paragraph__text p,
5856.config--183  .cta-paragraph__text li{
5857--Color: #FFFFFF;
5858--FontSize: 1.125rem;
5859--FontStyle: none;
5860--LineHeight: 1.875rem;
5861--FontWeight: normal;
5862--FontFamily: code-saver, sans-serif;
5863--Position: relative;
5864
5865--Color: #FFFFFF;
5866}
5867.config--183 .cta-paragraph__header{
5868--Color: #FFFFFF;
5869--FontSize: 5rem;
5870--FontStyle: uppercase;
5871--LineHeight: 4.0625rem;
5872--FontWeight: 900;
5873--FontFamily: 'dharma-gothic-e', sans-serif;
5874--Position: relative;
5875
5876--Color: #FFFFFF;
5877}
5878.config--183 .cta-paragraph__subheader{
5879--Color: #FFFFFF;
5880--FontSize: 0.875rem;
5881--FontStyle: none;
5882--LineHeight: 1.4rem;
5883--FontWeight: 100;
5884--FontFamily: code-saver, sans-serif;
5885--Position: relative;
5886
5887--Color: #FFFFFF;
5888}
5889.config--183 .cta-paragraph__content-container{
5890--ContentElementAlignmentAlignItems : flex-start;
5891--ContentElementAlignmentTextAlign : left;
5892
5893}
5894
5895</style>
5896
5897<style>
5898
5899	@media screen and (max-width: 991px) {
5900		.multicolumn--15820 .multicolumn__item {
5901			height: auto !important;
5902		}
5903	}
5904
5905	@media screen and (min-width: 991px) {
5906		.multicolumn--15820 .multicolumn__item {
5907			height: auto !important;
5908		}
5909	}
5910
5911	.multicolumn--15820 {
5912		background-color: ;
5913	}
5914
5915	.multicolumn--15820 .cta-paragraph {
5916		background-color: ;
5917		border: 0px  solid;
5918	}
5919
5920	.multicolumn--15820 .cta-paragraph__content-container
5921	{
5922		
5923				align-items: flex-start;
5924				text-align: left;
5925	}
5926
5927	.multicolumn--15820 .cta-paragraph__content {
5928	}
5929
5930	.multicolumn--15820 .cta-paragraph__image-container {
5931	}
5932
5933	.cta-paragraph--15820 .cta-paragraph__btn-navigation {
5934	}
5935
5936	.multicolumn--15820 .cta-paragraph {
5937	}
5938
5939</style>
5940
5941	<div class="multicolumn multicolumn--15820  no-repeat top-left bg-contain no-gutter no-padding vacatureHeaderCC  metkruimelpad" data-paragraphid="15820" id="15820" style="background-color: transparent; " data-aos="" data-aos-duration="0">
5942		<div class="multicolumn__container container">
5943
5944			
5945			<div class="grid-container nowrap">
5946				<div class="multicolumn__item grid-full md-grid-full lg-grid-full" data-aos="" data-aos-duration="0" data-aos-delay="0">
5947					<section class="cta-paragraph config--183  ">
5948
5949						
5950						
5951						
5952						
5953			<section class="cta-paragraph__content cta-paragraph__content--15820 cta-paragraph__content--center no-image" data-aos="" data-aos-duration="300">
5954				<article class="cta-paragraph__content-container no-image"><header class="cta-paragraph__header "><h2 class="cta-paragraph__header">Onze support partners</h2> </header>
5955					<div class="cta-paragraph__text "><p>Bent u consument en heeft u een vraag dan kunt u terecht bij een van onze&nbsp;support partners op verschillende plaatsen in Oost-Nederland.</p>
5956</div>
5957				</article>
5958			</section>
5959					</section>
5960				</div>
5961			</div>
5962		</div>
5963	</div>
5964
5965
5966
5967
5968</div>
5969</section>
5970</article>
5971
5972          <!--// Generate Buttons //-->
5973
5974
5975	<style>
5976
5977      	.AdvancedGrid__container--1221{
5978--BackgroundColor: ;
5979--BackgroundImage: url('/Files/Images/structure/grind_schuin.png');
5980}
5981.AdvancedGrid__column--7615{
5982--BackgroundColor: transparent;
5983--FlexGrow: 1;
5984--FlexBasis: 0;
5985--FlexSchrink: 0;
5986--Width: none;
5987--Padding: ;
5988
5989}
5990.AdvancedGrid__row--8939{
5991--BackgroundColor: transparent;
5992max-height : 60px;
5993}
5994.AdvancedGrid__row--8940{
5995--BackgroundColor: transparent;
5996
5997}
5998
5999
6000		.AdvancedGrid--1221 .AdvancedGrid__row {
6001
6002			--VerticalAlign: flex-start;
6003			--HorinzontalAlign: center;
6004
6005			align-items: var(--VerticalAlign);
6006			justify-content: var(--HorinzontalAlign);
6007
6008		}
6009	
6010		.AdvancedGrid__container--1221{
6011			--BackgroundImage: url('/Files/Images/structure/grind_schuin.png');
6012			--BackgroundColor: ;
6013		}
6014
6015		.AdvancedGrid__column {
6016			background-color: var(--BackgroundColor);
6017
6018			flex-grow: var(--FlexGrow);
6019			flex-basis: var(--FlexBasis);
6020			flex-shrink: var(--FlexSchrink);
6021
6022			width: var(--Width);
6023			padding: var(--Padding);
6024		}
6025	
6026		.AdvancedGrid__container--{
6027			background-color: transparent;
6028			background-image: none;
6029		}
6030
6031	</style>
6032
6033  </section>
6034
6035
6036
6037
6038		
6039
6040
6041
6042
6043
6044
6045
6046
6047
6048  <section class="AdvancedGrid AdvancedGrid--837 container " style="--Height: 60px;">
6049
6050          <article class='AdvancedGrid__container AdvancedGrid__container--837'>
6051<section class='AdvancedGrid__column AdvancedGrid__column--5810 ' style='padding: var(--Padding);'>
6052<div class='AdvancedGrid__row AdvancedGrid__row--6236 supportCC_krt'>
6053
6054
6055<div>
6056    
6057    <div class="">
6058        <div 
6059            id="vue-dealer-locator" 
6060            data-header="Support Partners" 
6061            data-subheader="" 
6062            data-zoom="9" 
6063            data-center-lat="52.279293" 
6064            data-center-lng="6.488457" 
6065            data-theme="standard"
6066            data-default-ui="True" 
6067            data-zoom-controls="True" 
6068            data-marker-clustering="False" 
6069            data-marker="" 
6070            data-paragraphtype="standard"
6071            data-buttonlink=""
6072            data-buttontext=""
6073            data-buttontarget="_self"
6074            data-datasource="usergroups"
6075            data-usergroups="215"
6076            data-userdetailpage=""
6077            data-showdetailbutton="False"
6078            data-showdescription="True"
6079            data-enablenamesearch="True"
6080            data-enablerangesearch="True"
6081            data-enableuserlocation="True"
6082            >
6083        <h2>Support Partners</h2>
6084        </div>
6085    </div>
6086</div>
6087</div>
6088</section>
6089</article>
6090
6091          <!--// Generate Buttons //-->
6092
6093
6094	<style>
6095
6096      	.AdvancedGrid__container--837{
6097--BackgroundColor: ;
6098}
6099.AdvancedGrid__column--5810{
6100--BackgroundColor: transparent;
6101--FlexGrow: 0;
6102--FlexBasis: 0;
6103--FlexSchrink: 0;
6104--Width: none;
6105--Padding: ;
6106
6107}
6108.AdvancedGrid__row--6236{
6109--BackgroundColor: transparent;
6110
6111}
6112
6113
6114		.AdvancedGrid--837 .AdvancedGrid__row {
6115
6116			--VerticalAlign: center;
6117			--HorinzontalAlign: center;
6118
6119			align-items: var(--VerticalAlign);
6120			justify-content: var(--HorinzontalAlign);
6121
6122		}
6123	
6124		.AdvancedGrid__container--837{
6125			--BackgroundImage: url('');
6126			--BackgroundColor: ;
6127		}
6128
6129		.AdvancedGrid__column {
6130			background-color: var(--BackgroundColor);
6131
6132			flex-grow: var(--FlexGrow);
6133			flex-basis: var(--FlexBasis);
6134			flex-shrink: var(--FlexSchrink);
6135
6136			width: var(--Width);
6137			padding: var(--Padding);
6138		}
6139	
6140		.AdvancedGrid__container--{
6141			background-color: transparent;
6142			background-image: none;
6143		}
6144
6145	</style>
6146
6147  </section>
6148
6149
6150
6151	</main>
6152
6153
6154
6155<div id="scroll-to-top" class="scroll-to-top" aria-label="Naar boven">
6156	<span class="scroll-to-top__text">
6157		Naar boven
6158	</span>
6159	<i class="fal fa-arrow-to-top scroll-to-top__icon"></i>
6160</div>
6161
6162
6163
6164
6165	<footer>
6166
6167			    <section class='footer footer--7'>
6168				    <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 ">
6169
6170
6171
6172
6173
6174
6175            <div class="spacerCC"></div> 
6176
6177            
6177<script>
6178                
6179            </script>
6179
6180
6181            <style>
6182                
6183            </style>
6184            
6185
6186</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 ">
6187
6188
6189
6190
6191
6192
6193            <div class="news-header">
6194<h2>Inschrijven nieuwsbrief?</h2>
6195<p>Meld u aan voor onze online nieuwsbrief en blijf op de hoogte van de laatste ontwikkelingen, demo's en speciale aanbiedingen!</p>
6196</div> 
6197
6198            
6198<script>
6199                
6200            </script>
6200
6201
6202            <style>
6203                .news-header {
6204flex-direction: column;
6205color: #fff;
6206}
6207
6208.news-header h2 {
6209color: #fff;
6210font-size: 16px;
6211font-family: "source-code-pro", monospace;
6212}
6213
6214.news-header p {
6215color: #fff;
6216font-size: 14px;
6217font-family: "source-code-pro", monospace;
6218}
6219
6220.footer-newsletter-sign-up__header {
6221display: none;
6222}
6223            </style>
6224            
6225
6226</div><div class="AdvancedGrid__row AdvancedGrid__row--6961 ">
6227
6228
6229
6230<section class="footer-newsletter-sign-up ">
6231	<div class="footer-newsletter-sign-up__container">
6232		<label class="footer-newsletter-sign-up__header">
6233			Inschrijven nieuwsbrief?
6234		</label>
6235		
6236
6237<section class="footer__newsletter-form">
6238	<form name="UserManagementEditForm" action="/Admin/Public/404.aspx" method="post" enctype="multipart/form-data" onsubmit="s=function(e){e.elements['FormCH1_h'].value='7be5ba25a421ef7cb6d377f4779e40da';e.elements['_sys_to_email'].value='';e.setAttribute('action', 'https://coloursencoatings.nl/Default.aspx?ID=8432');return true};return s(this);"><input type="hidden" name="UserManagementForm" value="1" />
6239<input type="hidden" id="UserManagementForm.DeleteImage" name="UserManagementForm.DeleteImage" />
6240<input type="hidden" name="_sys_to_email" value="[email protected]" autocomplete="off" />
6241<input type="hidden" name="FormCH1_h" value="" autocomplete="off" />
6242<input type="hidden" name="FormCH1_f" value="6c249e775af617353fb1c963e2859346" autocomplete="off" />
6243<input type="hidden" name="FormCH1_s" value="f6316fc6d26453934f6da3d201b31bd2" autocomplete="off" />
6244<input type="hidden" name="FormCH1_i" value="2a1cfaadca9b9dca4a8f9e5eb54a0037" autocomplete="off" />
6245<input type="hidden" name="7be5ba25a421ef7cb6d377f4779e40dats" value="iIeLRF3fhkgytDsXfi+VeY5zUWqIEIPN" style="display:none!important" autocomplete="off" />
6246<input type="text" name="7be5ba25a421ef7cb6d377f4779e40dadescription" value="" style="display:none!important" autocomplete="off" />
6247<input type="text" name="7be5ba25a421ef7cb6d377f4779e40daemail" value="[email protected]" style="display:none!important" autocomplete="off" />
6248
6249	<input type="hidden" id="UserManagement_Form_EmailAllowed_ApplyValue" name="UserManagement_Form_EmailAllowed_ApplyValue" value="EmailAllowed" />
6250	<input type="hidden" name="UserManagement_Form_EmailAllowed" id="UserManagement_Form_EmailAllowed" value="True" />
6251	<input type="hidden" name="PID" value="14710" />
6252	<input type="email" id="UserManagement_Form_Email" name="UserManagement_Form_Email" required="required" class="form__input footer__newsletter-input" placeholder="E-mail">
6253	<button class="footer__newsletter-submit" type="submit" id="submitter">
6254		<span class="btn__text">Aanmelden</span>
6255	</button>
6256	</form>
6257</section>
6258
6259
6260	</div>
6261</section>
6262</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 ">
6263
6264
6265<section class="faq-paragraph faq-paragraph--14932   no-padding " data-paragraphid="14932" id="14932" style="background-color:;">
6266	<div class="faq-paragraph__container container">
6267		<div class="faq-paragraph__list" itemscope itemtype="https://schema.org/FAQPage">
6268			<header class="faq-paragraph__header-wrapper">
6269				
6270				
6271			</header>	
6272				<div class="faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
6273					<button aria-controls="faq-14932" aria-expanded="false" class="faq__question">
6274						<span class="faq__title" itemprop="name" style="color: #FFFFFF">Vestigingen</span>
6275						<i class="fal fa-chevron-down faq__icon"></i>
6276					</button>
6277					<div aria-hidden="true" id="faq-14932" class="faq__content" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
6278						<div class="faq__innercontent" itemprop="text" style="color: #FFFFFF">
6279							<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>
6280						</div>
6281					</div>
6282				</div>
6283				<div class="faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
6284					<button aria-controls="faq-14932" aria-expanded="false" class="faq__question">
6285						<span class="faq__title" itemprop="name" style="color: #FFFFFF">Over ons</span>
6286						<i class="fal fa-chevron-down faq__icon"></i>
6287					</button>
6288					<div aria-hidden="true" id="faq-14932" class="faq__content" itemscope itemprop="acceptedA
6288nswer" itemtype="https://schema.org/Answer">
6289						<div class="faq__innercontent" itemprop="text" style="color: #FFFFFF">
6290							<ul class="footer__link-list">
6291	<li class="categories__item"><a class="categories__link" data-text="Assortiment" href="/assortiment">Assortiment</a></li>
6292	<li class="categories__item"><a class="categories__link" data-text="Diensten" href="/diensten-1">Diensten</a></li>
6293	<li class="categories__item"><a class="categories__link" data-text="Branches" href="/branches-1">Branches</a></li>
6294	<li class="categories__item"><a class="categories__link" data-text="Trainingen" href="/trainingen">Trainingen</a></li>
6295	<li class="categories__item"><a class="categories__link" data-text="Werken bij" href="/vacatures">Werken bij</a></li>
6296</ul>
6297
6298						</div>
6299					</div>
6300				</div>
6301				<div class="faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
6302					<button aria-controls="faq-14932" aria-expanded="false" class="faq__question">
6303						<span class="faq__title" itemprop="name" style="color: #FFFFFF">Klantenservice</span>
6304						<i class="fal fa-chevron-down faq__icon"></i>
6305					</button>
6306					<div aria-hidden="true" id="faq-14932" class="faq__content" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
6307						<div class="faq__innercontent" itemprop="text" style="color: #FFFFFF">
6308							<ul class="footer__link-list">
6309	<li class="categories__item"><a class="categories__link" data-text="Bestellen" href="/klantenservice/bestellen">Bestellen</a></li>
6310	<li class="categories__item"><a class="categories__link" data-text="Bezorgen" href="/klantenservice/bezorgen">Bezorgen</a></li>
6311	<li class="categories__item"><a class="categories__link" data-text="Retourneren" href="/klantenservice/retourneren">Retourneren</a></li>
6312	<li class="categories__item"><a class="categories__link" data-text="Assortiment" href="/klantenservice/assortiment">Assortiment</a></li>
6313	<li class="categories__item"><a class="categories__link" data-text="Apparatuur" href="/klantenservice/apparatuur">Apparatuur</a></li>
6314	<li class="categories__item"><a class="categories__link" data-text="Klachten" href="/klantenservice/klachten">Klachten</a></li>
6315</ul>
6316
6317						</div>
6318					</div>
6319				</div>
6320		</div>
6321	</div>
6322</section>
6323</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 ">
6324
6325
6326
6327
6328<figure class="Footer__logo Footer__logo--7 ">
6329	<a href="/home" aria-label="Logo">
6330		<img src="/Files/Images/Structure/colorscoatings_logoDiaPos.png" alt="" />
6331	</a>
6332</figure>
6333
6334<style>
6335
6336	.Footer__logo {
6337		top: var(--Top);
6338		left: var(--Left);
6339	}
6340
6341	.Footer__logo,
6342	.Footer__logo img {
6343		width: var(--Width);
6344		height: var(--Height);
6345	}
6346
6347	.Footer__logo--7 {
6348		--Top: 0px;
6349		--Left: 0px;
6350		--Width: 180px;
6351	}
6352
6353	.Footer__logo--7 {
6354		--Height: 100%;
6355		--Width: 180px;
6356	}
6357
6358	.Footer__logo--7 img {
6359		--Height: auto;
6360		--Width: 180px;
6361	}
6362
6363</style>
6364</div><div class="AdvancedGrid__row AdvancedGrid__row--6969 ">
6365
6366
6367
6368
6369
6370
6371	<section class="socialCC">
6372
6373		<span>Volg ons op:</span>
6374
6375		<div>
6376				<a href="https://www.facebook.com/colourscoatings/" target="_blank" title="Facebook" class="footer__social" rel="noreferrer">
6377							<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>
6378				</a>
6379				<a href="https://nl.linkedin.com/company/coloursencoatings" target="_blank" title="LinkedIn" class="footer__social" rel="noreferrer">
6380							<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>
6381				</a>
6382		</div>
6383
6384	</section>
6385
6386<style>
6387	.footer__social i,
6388	.footer__social svg {
6389		color: #000000;
6390	}
6391	.footer__social svg {
6392		fill: #000000;
6393		height: 25px;
6394	}
6395	.footer__social {
6396		margin: 0;
6397		margin-top: 1rem;
6398    	margin-bottom: 1rem;
6399		overflow: visible;
6400	}
6401	.footer__social:not(:last-child) {
6402		margin-right: 1rem;
6403	}
6404</style>
6405</div><div class="AdvancedGrid__row AdvancedGrid__row--6970 ">
6406
6407
6408
6409
6410
6411
6412            <div class="footertxtCC" >2023 Copyright © Colours & Coatings B.V. All rights reserved </div> 
6413
6414            
6414<script>
6415                
6416            </script>
6416
6417
6418            <style>
6419                .footertxtCC{color:white; font-size:14px; font-family:"code-saver", sans-serif;}
6420            </style>
6421            
6422
6423</div><div class="AdvancedGrid__row AdvancedGrid__row--6974 ">
6424
6425
6426
6427
6428<div class="footer__link footer__link--17 bottomnavigatieCC">
6429
6430<ul class="footer__link-list">
6431        <li class="categories__item">
6432            <a href="/privacyverklaring" data-text="Privacy" class="categories__link">Privacy</a>
6433        </li>
6434        <li class="categories__item">
6435            <a href="/algemene-voorwaarden-1" data-text="Algemene voorwaarden" class="categories__link">Algemene voorwaarden</a>
6436        </li>
6437        <li class="categories__item">
6438            <a href="/cookies" data-text="Cookies" class="categories__link">Cookies</a>
6439        </li>
6440        <li class="categories__item">
6441            <a href="/disclaimer-2" data-text="Disclaimer" class="categories__link">Disclaimer</a>
6442        </li>
6443</ul>
6444</div>
6445
6446<style>
6447
6448	.footer__link {
6449		--ColumnCount: 1;
6450		column-count: var(--ColumnCount);
6451	}
6452
6453	.footer__link--17 {
6454		--ColumnCount: 1;
6455	}
6456
6457	.footer__link-list {
6458		--FlexDirection: column;
6459
6460		display: flex;
6461
6462		padding: 0;
6463		margin: 0;
6464
6465		flex-direction: var(--FlexDirection);
6466
6467	}
6468
6469	.footer__link--17 .footer__link-list {
6470		--FlexDirection: row;
6471	}
6472
6473</style>
6474</div></section></article></section></div>
6475				    <div class='footer__stickyheader-container'></div>
6476			    </section>
6477
6478		    
6479
6480			    <section class='footer footer--3'>
6481				    <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 ">
6482
6483
6484
6485
6486
6487
6488            <div class="spacerCC"></div> 
6489
6490            
6490<script>
6491                
6492            </script>
6492
6493
6494            <style>
6495                
6496            </style>
6497            
6498
6499</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 ">
6500
6501
6502
6503
6504<div class="footer__link footer__link--1 ">
6505<h2 class="footer__link-header">Vestigingen</h2>
6506<ul class="footer__link-list">
6507        <li class="categories__item">
6508            <a href="/support-centers" data-text="Support center Aalten" class="categories__link">Support center Aalten</a>
6509        </li>
6510        <li class="categories__item">
6511            <a href="/support-centers" data-text="Support center Almelo" class="categories__link">Support center Almelo</a>
6512        </li>
6513        <li class="categories__item">
6514            <a href="/support-centers" data-text="Support center Enschede" class="categories__link">Support center Enschede</a>
6515        </li>
6516        <li class="categories__item">
6517            <a href="/support-centers" data-text="Support center Hardenberg" class="categories__link">Support center Hardenberg</a>
6518        </li>
6519        <li class="categories__item">
6520            <a href="/support-centers" data-text="Support center Hengelo" class="categories__link">Support center Hengelo</a>
6521        </li>
6522        <li class="categories__item">
6523            <a href="/support-centers" data-text="Support center Oldenzaal" class="categories__link">Support center Oldenzaal</a>
6524        </li>
6525        <li class="categories__item">
6526            <a href="/support-centers" data-text="Support center Zutphen " class="categories__link">Support center Zutphen </a>
6527        </li>
6528</ul>
6529</div>
6530
6531<style>
6532
6533	.footer__link {
6534		--ColumnCount: 1;
6535		column-count: var(--ColumnCount);
6536	}
6537
6538	.footer__link--1 {
6539		--ColumnCount: 1;
6540	}
6541
6542	.footer__link-list {
6543		--FlexDirection: column;
6544
6545		display: flex;
6546
6547		padding: 0;
6548		margin: 0;
6549
6550		flex-direction: var(--FlexDirection);
6551
6552	}
6553
6554	.footer__link--1 .footer__link-list {
6555		--FlexDirection: column;
6556	}
6557
6558</style>
6559</div></section><section class="AdvancedGrid__column AdvancedGrid__column--1805 "><div class="AdvancedGrid__row AdvancedGrid__row--1291 ">
6560
6561
6562
6563
6564<div class="footer__link footer__link--3 ">
6565<h2 class="footer__link-header">Over ons</h2>
6566<ul class="footer__link-list">
6567        <li class="categories__item">
6568            <a href="/diensten-1" data-text="Diensten" class="categories__link">Diensten</a>
6569        </li>
6570        <li class="categories__item">
6571            <a href="/branches-1" data-text="Branches" class="categories__link">Branches</a>
6572        </li>
6573        <li class="categories__item">
6574            <a href="/trainingen" data-text="Trainingen" class="categories__link">Trainingen</a>
6575        </li>
6576        <li class="categories__item">
6577            <a href="/vacatures" data-text="Werken bij" class="categories__link">Werken bij</a>
6578        </li>
6579        <li class="categories__item">
6580            <a href="/nieuws" data-text="Nieuws" class="categories__link">Nieuws</a>
6581        </li>
6582</ul>
6583</div>
6584
6585<style>
6586
6587	.footer__link {
6588		--ColumnCount: 1;
6589		column-count: var(--ColumnCount);
6590	}
6591
6592	.footer__link--3 {
6593		--ColumnCount: 1;
6594	}
6595
6596	.footer__link-list {
6597		--FlexDirection: column;
6598
6599		display: flex;
6600
6601		padding: 0;
6602		margin: 0;
6603
6604		flex-direction: var(--FlexDirection);
6605
6606	}
6607
6608	.footer__link--3 .footer__link-list {
6609		--FlexDirection: column;
6610	}
6611
6612</style>
6613</div><div class="AdvancedGrid__row AdvancedGrid__row--1409 ">
6614
6615
6616
6617
6618
6619
6620	<section class="socialCC">
6621
6622		<span>Volg ons op:</span>
6623
6624		<div>
6625				<a href="https://www.facebook.com/colourscoatings/" target="_blank" title="Facebook" class="footer__social" rel="noreferrer">
6626							<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>
6627				</a>
6628				<a href="https://nl.linkedin.com/company/coloursencoatings" target="_blank" title="LinkedIn" class="footer__social" rel="noreferrer">
6629							<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>
6630				</a>
6631		</div>
6632
6633	</section>
6634
6635<style>
6636	.footer__social i,
6637	.footer__social svg {
6638		color: #000000;
6639	}
6640	.footer__social svg {
6641		fill: #000000;
6642		height: 25px;
6643	}
6644	.footer__social {
6645		margin: 0;
6646		margin-top: 1rem;
6647    	margin-bottom: 1rem;
6648		overflow: visible;
6649	}
6650	.footer__social:not(:last-child) {
6651		margin-right: 1rem;
6652	}
6653</style>
6654</div></section><section class="AdvancedGrid__column AdvancedGrid__column--1806 "><div class="AdvancedGrid__row AdvancedGrid__row--1292 ">
6655
6656
6657
6658
6659<div class="footer__link footer__link--9 ">
6660<h2 class="footer__link-header">Klantenservice</h2>
6661<ul class="footer__link-list">
6662        <li class="categories__item">
6663            <a href="/klantenservice/bestellen" data-text="Bestellen" class="categories__link">Bestellen</a>
6664        </li>
6665        <li class="categories__item">
6666            <a href="/klantenservice/bezorgen" data-text="Bezorgen" class="categories__link">Bezorgen</a>
6667        </li>
6668        <li class="categories__item">
6669            <a href="/klantenservice/retourneren" data-text="Retourneren" class="categories__link">Retourneren</a>
6670        </li>
6671        <li class="categories__item">
6672            <a href="/klantenservice/assortiment" data-text="Assortiment" class="categories__link">Assortiment</a>
6673        </li>
6674        <li class="categories__item">
6675            <a href="/klantenservice/apparatuur" data-text="Apparatuur" class="categories__link">Apparatuur</a>
6676        </li>
6677        <li class="categories__item">
6678            <a href="/klantenservice/suggesties" data-text="Suggesties" class="categories__link">Suggesties</a>
6679        </li>
6680</ul>
6681</div>
6682
6683<style>
6684
6685	.footer__link {
6686		--ColumnCount: 1;
6687		column-count: var(--ColumnCount);
6688	}
6689
6690	.footer__link--9 {
6691		--ColumnCount: 1;
6692	}
6693
6694	.footer__link-list {
6695		--FlexDirection: column;
6696
6697		display: flex;
6698
6699		padding: 0;
6700		margin: 0;
6701
6702		flex-direction: var(--FlexDirection);
6703
6704	}
6705
6706	.footer__link--9 .footer__link-list {
6707		--FlexDirection: column;
6708	}
6709
6710</style>
6711</div></section><section class="AdvancedGrid__column AdvancedGrid__column--1842 "><div class="AdvancedGrid__row AdvancedGrid__row--1328 ">
6712
6713
6714
6715
6716
6717
6718            <div class="news-header">
6719<h2>Inschrijven nieuwsbrief?</h2>
6720<p>Meld u aan voor onze online nieuwsbrief en blijf op de hoogte van de laatste ontwikkelingen, demo's en speciale aanbiedingen!</p>
6721</div> 
6722
6723            
6723<script>
6724                
6725            </script>
6725
6726
6727            <style>
6728                .news-header {
6729flex-direction: column;
6730color: #fff;
6731}
6732
6733.news-header h2 {
6734color: #fff;
6735font-size: 16px;
6736font-family: "source-code-pro", monospace;
6737}
6738
6739.news-header p {
6740color: #fff;
6741font-size: 14px;
6742font-family: "source-code-pro", monospace;
6743}
6744
6745.footer-newsletter-sign-up__header {
6746display: none;
6747}
6748            </style>
6749            
6750
6751</div><div class="AdvancedGrid__row AdvancedGrid__row--5336 ">
6752
6753
6754
6755<section class="footer-newsletter-sign-up ">
6756	<div class="footer-newsletter-sign-up__container">
6757		<label class="footer-newsletter-sign-up__header">
6758			Inschrijven nieuwsbrief?
6759		</label>
6760		
6761
6762<section class="footer__newsletter-form">
6763	<form name="UserManagementEditForm" action="/Admin/Public/404.aspx" method="post" enctype="multipart/form-data" onsubmit="s=function(e){e.elements['FormCH1_h'].value='7be5ba25a421ef7cb6d377f4779e40da';e.elements['_sys_to_email'].value='';e.setAttribute('action', 'https://coloursencoatings.nl/Default.aspx?ID=8432');return true};return s(this);"><input type="hidden" name="UserManagementForm" value="1" />
6764<input type="hidden" id="UserManagementForm.DeleteImage" name="UserManagementForm.DeleteImage" />
6765<input type="hidden" name="_sys_to_email" value="[email protected]" autocomplete="off" />
6766<input type="hidden" name="FormCH1_h" value="" autocomplete="off" />
6767<input type="hidden" name="FormCH1_f" value="6c249e775af617353fb1c963e2859346" autocomplete="off" />
6768<input type="hidden" name="FormCH1_s" value="f6316fc6d26453934f6da3d201b31bd2" autocomplete="off" />
6769<input type="hidden" name="FormCH1_i" value="2a1cfaadca9b9dca4a8f9e5eb54a0037" autocomplete="off" />
6770<input type="hidden" name="7be5ba25a421ef7cb6d377f4779e40dats" value="iIeLRF3fhkgytDsXfi+VeY5zUWqIEIPN" style="display:none!important" autocomplete="off" />
6771<input type="text" name="7be5ba25a421ef7cb6d377f4779e40dadescription" value="" style="display:none!important" autocomplete="off" />
6772<input type="text" name="7be5ba25a421ef7cb6d377f4779e40daemail" value="[email protected]" style="display:none!important" autocomplete="off" />
6773
6774	<input type="hidden" id="UserManagement_Form_EmailAllowed_ApplyValue" name="UserManagement_Form_EmailAllowed_ApplyValue" value="EmailAllowed" />
6775	<input type="hidden" name="UserManagement_Form_EmailAllowed" id="UserManagement_Form_EmailAllowed" value="True" />
6776	<input type="hidden" name="PID" value="13112" />
6777	<input type="email" id="UserManagement_Form_Email" name="UserManagement_Form_Email" required="required" class="form__input footer__newsletter-input" placeholder="E-mail">
6778	<button class="footer__newsletter-submit" type="submit" id="submitter">
6779		<span class="btn__text">Aanmelden</span>
6780	</button>
6781	</form>
6782</section>
6783
6784
6785	</div>
6786</section>
6787</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 ">
6788
6789
6790
6791
6792<figure class="Footer__logo Footer__logo--5 ">
6793	<a href="/home" aria-label="Logo">
6794		<img src="/Files/Images/Structure/colorscoatings_logoDiaPos.png" alt="" />
6795	</a>
6796</figure>
6797
6798<style>
6799
6800	.Footer__logo {
6801		top: var(--Top);
6802		left: var(--Left);
6803	}
6804
6805	.Footer__logo,
6806	.Footer__logo img {
6807		width: var(--Width);
6808		height: var(--Height);
6809	}
6810
6811	.Footer__logo--5 {
6812		--Top: 0px;
6813		--Left: 0px;
6814		--Width: 130px;
6815	}
6816
6817	.Footer__logo--5 {
6818		--Height: 100%;
6819		--Width: 130px;
6820	}
6821
6822	.Footer__logo--5 img {
6823		--Height: auto;
6824		--Width: 130px;
6825	}
6826
6827</style>
6828</div></section><section class="AdvancedGrid__column AdvancedGrid__column--1827 "><div class="AdvancedGrid__row AdvancedGrid__row--1313 ">
6829
6830
6831
6832
6833
6834
6835            <div class="footertxtCC" >2023 Copyright © Colours & Coatings B.V. All rights reserved </div> 
6836
6837            
6837<script>
6838                
6839            </script>
6839
6840
6841            <style>
6842                .footertxtCC{color:white; font-size:14px; font-family:"code-saver", sans-serif;}
6843            </style>
6844            
6845
6846</div></section><section class="AdvancedGrid__column AdvancedGrid__column--1828 "><div class="AdvancedGrid__row AdvancedGrid__row--1314 ">
6847
6848
6849
6850
6851<div class="footer__link footer__link--7 bottomnavigatieCC">
6852
6853<ul class="footer__link-list">
6854        <li class="categories__item">
6855            <a href="/privacyverklaring" data-text="Privacy" class="categories__link">Privacy</a>
6856        </li>
6857        <li class="categories__item">
6858            <a href="/algemene-voorwaarden-1" data-text="Algemene voorwaarden" class="categories__link">Algemene voorwaarden</a>
6859        </li>
6860        <li class="categories__item">
6861            <a href="/cookies" data-text="Cookies" class="categories__link">Cookies</a>
6862        </li>
6863        <li class="categories__item">
6864            <a href="/disclaimer-2" data-text="Disclaimer" class="categories__link">Disclaimer</a>
6865        </li>
6866</ul>
6867</div>
6868
6869<style>
6870
6871	.footer__link {
6872		--ColumnCount: 1;
6873		column-count: var(--ColumnCount);
6874	}
6875
6876	.footer__link--7 {
6877		--ColumnCount: 1;
6878	}
6879
6880	.footer__link-list {
6881		--FlexDirection: column;
6882
6883		display: flex;
6884
6885		padding: 0;
6886		margin: 0;
6887
6888		flex-direction: var(--FlexDirection);
6889
6890	}
6891
6892	.footer__link--7 .footer__link-list {
6893		--FlexDirection: row;
6894	}
6895
6896</style>
6897</div></section></article></section></div>
6898				    <div class='footer__stickyheader-container'></div>
6899			    </section>
6900
6901		    </footer>
6902
6903
6904
6905	<footer class="footer" style="--footer-bg-color: #000000; --footer-color: #FFFFFF;">
6906
6907				<div class="footer-usp__wrapper">
6908					<div class="container">
6909						<ul class="footer-usp__list flex-wrap">
6910
6911						</ul>
6912					</div>
6913				</div>
6914
6915			<div>
6916
6917		<section class="footer__newsletter-container">
6918			<div class="container footer__newsletter">
6919				<label class="footer__newsletter-label">
6920					Inschrijven nieuwsbrief?
6921				</label>
6922				
6923
6924
6925<section class="footer__newsletter-form">
6926	<form name="UserManagementEditForm" action="/Admin/Public/404.aspx" method="post" enctype="multipart/form-data" onsubmit="s=function(e){e.elements['FormCH1_h'].value='7be5ba25a421ef7cb6d377f4779e40da';e.elements['_sys_to_email'].value='';e.setAttribute('action', 'https://coloursencoatings.nl/Default.aspx?ID=8432');return true};return s(this);"><input type="hidden" name="UserManagementForm" value="1" />
6927<input type="hidden" id="UserManagementForm.DeleteImage" name="UserManagementForm.DeleteImage" />
6928<input type="hidden" name="_sys_to_email" value="[email protected]" autocomplete="off" />
6929<input type="hidden" name="FormCH1_h" value="" autocomplete="off" />
6930<input type="hidden" name="FormCH1_f" value="6c249e775af617353fb1c963e2859346" autocomplete="off" />
6931<input type="hidden" name="FormCH1_s" value="f6316fc6d26453934f6da3d201b31bd2" autocomplete="off" />
6932<input type="hidden" name="FormCH1_i" value="2a1cfaadca9b9dca4a8f9e5eb54a0037" autocomplete="off" />
6933<input type="hidden" name="7be5ba25a421ef7cb6d377f4779e40dats" value="iIeLRF3fhkgytDsXfi+VeY5zUWqIEIPN" style="display:none!important" autocomplete="off" />
6934<input type="text" name="7be5ba25a421ef7cb6d377f4779e40dadescription" value="" style="display:none!important" autocomplete="off" />
6935<input type="text" name="7be5ba25a421ef7cb6d377f4779e40daemail" value="[email protected]" style="display:none!important" autocomplete="off" />
6936
6937	<input type="hidden" id="UserManagement_Form_EmailAllowed_ApplyValue" name="UserManagement_Form_EmailAllowed_ApplyValue" value="EmailAllowed" />
6938	<input type="hidden" name="UserManagement_Form_EmailAllowed" id="UserManagement_Form_EmailAllowed" value="True" />
6939	<input type="hidden" name="PID" value="1753" />
6940	<input type="email" id="UserManagement_Form_Email" name="UserManagement_Form_Email" required="required" class="form__input footer__newsletter-input" placeholder="E-mail">
6941	<button class="footer__newsletter-submit" type="submit" id="submitter">
6942		<span class="btn__text">Aanmelden</span>
6943	</button>
6944	</form>
6945</section>
6946
6947
6948			</div>
6949		</section>
6950
6951			</div>
6952
6953
6954		<section class="container footer__content">
6955
6956			<div class="footer__link">
6957						<p class="footer__link-header">What you need to know</p>
6958
6959<ul class="footer__link-list">
6960        <li class="categories__item">
6961            <a href="/support-centers" data-text="Support center Aalten" class="categories__link">Support center Aalten</a>
6962        </li>
6963        <li class="categories__item">
6964            <a href="/support-centers" data-text="Support center Almelo" class="categories__link">Support center Almelo</a>
6965        </li>
6966        <li class="categories__item">
6967            <a href="/support-centers" data-text="Support center Enschede" class="categories__link">Support center Enschede</a>
6968        </li>
6969        <li class="categories__item">
6970            <a href="/support-centers" data-text="Support center Hardenberg" class="categories__link">Support center Hardenberg</a>
6971        </li>
6972        <li class="categories__item">
6973            <a href="/support-centers" data-text="Support center Hengelo" class="categories__link">Support center Hengelo</a>
6974        </li>
6975        <li class="categories__item">
6976            <a href="/support-centers" data-text="Support center Oldenzaal" class="categories__link">Support center Oldenzaal</a>
6977        </li>
6978        <li class="categories__item">
6979            <a href="/support-centers" data-text="Support center Zutphen " class="categories__link">Support center Zutphen </a>
6980        </li>
6981</ul>
6982			</div>
6983			<div class="footer__link">
6984						<p class="footer__link-header">Category two</p>
6985
6986<ul class="footer__link-list">
6987        <li class="categories__item">
6988            <a href="/diensten-1" data-text="Diensten" class="categories__link">Diensten</a>
6989        </li>
6990        <li class="categories__item">
6991            <a href="/branches-1" data-text="Branches" class="categories__link">Branches</a>
6992        </li>
6993        <li class="categories__item">
6994            <a href="/trainingen" data-text="Trainingen" class="categories__link">Trainingen</a>
6995        </li>
6996        <li class="categories__item">
6997            <a href="/vacatures" data-text="Werken bij" class="categories__link">Werken bij</a>
6998        </li>
6999        <li class="categories__item">
7000            <a href="/nieuws" data-text="Nieuws" class="categories__link">Nieuws</a>
7001        </li>
7002</ul>
7003			</div>
7004			<div class="footer__link">
7005						<p class="footer__link-header">Category three</p>
7006
7007<ul class="footer__link-list">
7008        <li class="categories__item">
7009            <a href="/klantenservice/bestellen" data-text="Bestellen" class="categories__link">Bestellen</a>
7010        </li>
7011        <li class="categories__item">
7012            <a href="/klantenservice/bezorgen" data-text="Bezorgen" class="categories__link">Bezorgen</a>
7013        </li>
7014        <li class="categories__item">
7015            <a href="/klantenservice/retourneren" data-text="Retourneren" class="categories__link">Retourneren</a>
7016        </li>
7017        <li class="categories__item">
7018            <a href="/klantenservice/assortiment" data-text="Assortiment" class="categories__link">Assortiment</a>
7019        </li>
7020        <li class="categories__item">
7021            <a href="/klantenservice/apparatuur" data-text="Apparatuur" class="categories__link">Apparatuur</a>
7022        </li>
7023        <li class="categories__item">
7024            <a href="/klantenservice/suggesties" data-text="Suggesties" class="categories__link">Suggesties</a>
7025        </li>
7026</ul>
7027			</div>
7028
7029				<div class="footer__description-container">
7030
7031						<div class="footer__description">
7032							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.
7033						</div>
7034				</div>
7035
7036		</section>
7037
7038		<section class="footer__copyright">
7039
7040			<div class="container bottombar__container">
7041
7042<ul class="footer__link-list">
7043        <li class="categories__item">
7044            <a href="/privacyverklaring" data-text="Privacy" class="categories__link">Privacy</a>
7045        </li>
7046        <li class="categories__item">
7047            <a href="/algemene-voorwaarden-1" data-text="Algemene voorwaarden" class="categories__link">Algemene voorwaarden</a>
7048        </li>
7049        <li class="categories__item">
7050            <a href="/cookies" data-text="Cookies" class="categories__link">Cookies</a>
7051        </li>
7052        <li class="categories__item">
7053            <a href="/disclaimer-2" data-text="Disclaimer" class="categories__link">Disclaimer</a>
7054        </li>
7055</ul>
7056
7057					<section class="footer__social-container">
7058
7059						<span class="footer__icon-labels">Volg ons op:</span>
7060
7061						<div class="footer__social-icon-container">
7062								<a href="https://www.facebook.com/colourscoatings/" target="_blank" title="facebook" class="footer__social" rel="noreferrer"><i class="fab fa-facebook-square"></i></a>
7063								<a href="https://nl.linkedin.com/company/coloursencoatings" target="_blank" title="LinkedIn" class="footer__social" rel="noreferrer"><i class="fab fa-linkedin"></i></a>
7064						</div>
7065
7066					</section>
7067			</div>
7068
7069		</section>
7070
7071		<section class="footer-paymentoptions" data-paymentmethods=""></section>
7072	</footer>
7073
7074
7075
7076<style>
7077	.bottombar {
7078		background-color: ;
7079	}
7080	.bottombar__button span {
7081		color: ;
7082	}
7083	.bottombar__button [class^=fa],
7084	.bottombar__button [class^=svg-] {
7085		color: ;
7086	}
7087</style>
7088
7089<section id="vue-modal"
7090	data-show-prices="false"
7091	data-show-zero-prices="false"
7092	data-show-product-number="true"
7093	data-show-product-manufacturer="true">
7094</section>
7095
7096	<section id="vue-bottom-bar"
7097		data-items="[]"
7098		data-phonenumber="0611303023"
7099		data-isoffline="True"
7100		data-emailadress="[email protected]"
7101		data-currentpageid="7724"
7102		data-enable-login="True"
7103		data-enable-shoppingcart="True"
7104		data-enable-advancedsearch="True">
7105	</section>
7106
7107
7108<section class="bottombar__searchbox__wrapper">
7109<form class="searchbox__form" method="get" action="/Default.aspx" style="display: flex; flex-grow: 1;">
7110	<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;" />
7111	<div class="searchbox__button">
7112		<button type="submit" class="searchbox__form__submit icon icon--medium icon__search input__icon" aria-label="Search">
7113			<i class="fal fa-search"></i>
7114		</button>
7115	</div>
7116	<input type="hidden" name="ID" value="1145" />
7117</form>
7118
7119</section>
7120
7121
7122
7123
7124
7125
7126
7127
7128
7129
7130	<div id="backdrop"></div>
7131
7132	
7132<script src="/Files/Templates/Designs/ColoursAndCoating_generated/dist/app.bundle.js"></script>
7132
7133	
7133<script defer src="/Files/Templates/Designs/ColoursAndCoating_generated/dist/vue.bundle.js"></script>
7133
7134	
7134<script defer src="/Files/Templates/Designs/ColoursAndCoating_generated/dist/appAsync.bundle.js"></script>
7134
7135
7136				<link href="files/Templates/Designs/Backyard/GoogleFont/CodeSaver/CodeSaver.css" rel="stylesheet">
7137				<link href="files/Templates/Designs/Backyard/GoogleFont/DharmaGothicE/DharmaGothicE.css" rel="stylesheet">
7138
7139	<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-rqn26AG5Pj86AF4SO72RK5fyefcQ/x32DNQfChxWvbXIyXFePlEktwD18fEz+kQU" crossorigin="anonymous">
7140
7141
7142
7143
7144</body>
7145</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.