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