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 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.